Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Halaman Partner Blog yang Simple

Cara Membuat Halaman Partner Blog - Blog Partner atau yang seringkali disebut dengan Mita Blog ini adalah sebuah kerjasama antar kedua belah pihak pemilik blog yang memiliki tujuannya masing-masing. Salah satunya adalah meningkatkan Domain Authority (DA) dan Page Authority (PA), meski tidak begitu signifikan, namun hal ini sangat lumayan bukan mendapatkan backlink homepage dofollow secara gratis. Tak hanya meningkatkan nilai DA dan PA saja, dengan melakukan Blog Partner ini juga akan meningkatkan posisi situs Anda di mesin pencari Google ataupun search engine lainnya.

Setiap halaman ini pastinya diwajibkan untuk memberikan link DoFollow agar mendapatkan keuntungan dari kedua belah pihak. Biasanya tidak semua orang dapat melakukan kerjasama ini lantaran pemilik situs juga akan mempertimbangkan nilai Domain Authority, Page Authority, apakah situs tersebut aktif, hingga Spam Score juga sangat diperhatikan oleh banyak orang.

Tak sampai disitu saja, dengan bekerjasama seperti Blog Partner ini juga akan memberikan banyak sekali manfaat seperti:

  • Meningkatkan DA dan PA blog.
  • Menambah relasi ke banyak orang.
  • Memperkenalkan blog Anda ke pengunjung baru.
  • Meningkatkan posisi Blog di mesin pencarian seperti Google, Bing, Yandex, dan masih banyak lagi.
  • Meningkatkan trafik baru yang merujuk ke situs blog Anda.

Cara Membuat Halaman Partner Blog Simple

Pada artikel kali ini saya akan membagikan tutorial terkait dengan cara membuat halaman partner blog yang simple dan tidak ribet. Pasalnya, halaman yang satu ini hanya menggunakan CSS dan juga HTML saja dan tidak menggunakan JavaScript. Sehingga, page speed dari situs Anda tidak akan keberatan. Berikut adalah tutorialnya:

  1. Login terlebih dahulu ke akun Blogger Anda.
  2. Pada dashboard blogger Anda pilih saja menu “Halaman”.
  3. Selanjutnya klik “+ HALAMAN BARU”.
  4. Jika sudah berada di menu halaman baru selanjutnya Anda isi saja judulnya dengan “Blog Partner” ataupun yang lainnya, sesuaikan saja dengan selera masing-masing.
  5. Kemudian silahkan rubah mode penulisan menjadi “Mode HTML”.
  6. Lalu paste kode di bawah ini.
  7. <style type="text/css">
    /* CSS Partner Blog - MahesWeb */
    .partner-box{font-size:14px;line-height:1.5em;padding:15px 18px 20px;border-radius:12px;background-color:#f7faff;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
    .partner-box:not(:last-child){margin-bottom:15px}
    .partner-box .title-partner h4{margin-top:0;font-size:16px}
    .partner-box .title-partner h4 span{display:inline-block;color:#767676;font-weight:400;font-size:12px;margin-left: 7px}
    .partner-box li:not(:last-child){margin-bottom:10px}
    .partner-box li{display:flex;align-items:flex-start}
    .partner-box li a{display:inline-block;color:#161617}
    .partner-box.start .title-partner h4{font-size:14px;margin-bottom:12px}
    .partner-box.start .description p{margin:0}
    .partner-box.start .description a{color:#505050}
    .partner-box.start .description a span{display:inline-block;color:#767676;font-size:11px}
    .partner-box.start .description a span:after{content:'\00b7';margin:0 8px 0 5px}
    .partner-box.start .category a{display:inline-block;color:#767676;font-size:12px;padding-top:20px}
    .dark-mode .partner-box{background-color:#212121}
    .dark-mode .partner-box li a,
    .dark-mode .partner-box.start .description a{color:#fefefe}
    .dark-mode .partner-box .title-partner h4 span{color:#005af0}
    .dark-mode .partner-box.start .description a span{color:#fdd835}
    .dark-mode .partner-box.start .category a{color:#005af0}
    </style>
    
    <!--Partner Satu-->
    <div class="partner-box start">
      <a class="title-partner" href="https://www.mahes.web.id/" target="_blank" title="MahesWeb">
        <h4>MahesWeb<span style="text-align: right;">mahes.web.id </span></h4>
      </a>
      <div class="description">
        <a title="Deskripsi Blog">
          <span>Mahesa Putra </span>Blog tentang Tutorial, Teknologi, Blogger, SEO, AdSense, Bisnis, Make Money, Internet dan lain sebagainya.</a>
      </div>
      <div class="category">
      <a title="Kategori Blog"><b>Kategori :</b> Teknologi, Bisnis, Umum, Make Money, Finansial, Perbankan</a>
      </div>
    </div>
    
    <!--Partner Kedua-->  
    <div class="partner-box start">
      <a class="title-partner" href="https://www.namabloganda.com/" target="_blank" title="namabloganda">
        <h4>Nama Blog Anda<span style="text-align: right;">namabloganda.com </span></h4>
      </a>
      <div class="description">
        <a title="Deskripsi Blog">
          <span>Nama Anda </span>Ini adalah deskripsi blog Anda.</a>
      </div>
      <div class="category">
      <a title="Kategori Blog"><b>Kategori :</b> Kategori Blog Anda</a>
      </div>
    </div>
    
  8. Selanjutnya klik “Preview” untuk melihat hasilnya.
  9. Jika dirasa sudah puas, Anda klik saja “Publikasikan”.
  10. Selesai.

Apabila Anda ingin menambahkan daftar atau list partner baru, silahkan copy kode di bawah ini tepat di bawah kode </div> terakhir.

<!-- Partner Ketiga-->  
<div class="partner-box start">
  <a class="title-partner" href="https://www.namabloganda.com/" target="_blank" title="namabloganda">
    <h4>Nama Blog Anda<span style="text-align: right;">namabloganda.com </span></h4>
  </a>
  <div class="description">
    <a title="Deskripsi Blog">
      <span>Nama Anda </span>Ini adalah deskripsi blog Anda.</a>
  </div>
  <div class="category">
  <a title="Kategori Blog"><b>Kategori :</b> Kategori Blog Anda</a>
  </div>
</div>

Itulah tutorial kali ini seputar cara membuat halaman partnet blog yang simple dengan hanya menggunakan CSS dan juga HTML saja. Sehingga, kecepatan situs Anda akan tetap stabil. Apabila ada pertanyaan, silahkan ajukan pertanyaan tersebut di kolom komentar yang sudah disediakan. Semoga bermanfaat!

Posting Komentar untuk "Cara Membuat Halaman Partner Blog yang Simple"

X