Cara Membuat Halaman Partner Di Blogger Yang Responsif

By Posted on

Fighaz Mc, Blogger – Membuat halaman Partner di blogger atau Halaman Mitra Blogger bisa dibilang juga dengan Halaman Blogger Partner, merupakan halaman yang menampilkan kerja sama antara Blogger lain dengan Blogger lain yang pada umumnya memiliki tujuan atau minat masing-masing.

Contoh, cara meningkatkan Domain Authority (DA) dan Page Authority (PA), yah walaupun tidak terlalu signifikan, tapi itu tidak masalah, lumayan Kita bisa mendapatkan backlink gratis.
Selain meningkatkan DA-PA blog, halaman mitra Blogger juga dapat meningkatkan posisi blog atau website di hasil pencarian, dari google dan mesin pencarian lainnya.
Setelah membuat blog di blogger atau website, ada beberapa tips lainnya agar blog kalian mudah ditemukan oleh mesin pencarian. Seperti yang jelaskan diatas, salah satunya adalah dengan halaman Partner Blogger ini.

Apa Itu Halaman Partner

Halaman Partner atau Halaman Mitra Blogger atau juga bisa dibilang dengan Halaman Blogger Partner, merupakan halaman yang menampilkan kerja sama antara Blogger lain dengan Blogger lain yang pada umumnya memiliki tujuan atau minat masing-masing.

Manfaat Halaman Partner

Manfaat dari sebuah halaman partner pada umumnya untuk meningkatkan DA atau PA dari sebuah blog atau website, baik itu di mesin pencarian google atau mesin pencarian lainnya. Biasanya blog yang di tampilkan pada halaman partner ini membahas atau menyajikan konten yang berbeda.

Cara Membuat Halaman Partner Yang Responsif Di Blogger

Untuk membuat halaman Partner yang responsif di blogger, kalian bisa menyalin code script dibawah ini.
<style type="text/css">

/* CSS Partner Blog */

.partner-box{font-size:14px;line-height:1.5em;padding:15px 18px 20px;border-radius:12px;background-color:#fefefe;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:'0b7';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://finoghaza721.blogspot.com/" target="_blank" title="finoghaza721.blogspot.com">

    <h4>Fighaz Mc 721<span style="text-align: right;">finoghaza721.blogspot.com </span></h4>

  </a>

  <div class="description">

    <a title="Deskripsi Blog">

      <span>Fighaz Mc </span>Deskripsi Blogger</a>

  </div>

  <div class="category">

  <a title="Kategori Blog"><b>Kategori :</b> Kategori Blogger</a>

  </div>

</div>

<!--Partner Kedua-->  

<div class="partner-box start">

  <a class="title-partner" href="https://www.fighazmc.my.id/" target="_blank" title="fighazmc.my.id">

    <h4>Fighaz Mc<span style="text-align: right;">fighazmc.my.id </span></h4>

  </a>

  <div class="description">

    <a title="Deskripsi Blog">

      <span>Fighaz Mc </span>Deskripsi Blogger</a>

  </div>

  <div class="category">

  <a title="Kategori Blog"><b>Kategori :</b>Kategori Blogger</a>

  </div>

</div>

<!--Partner Ketiga-->  

<div class="partner-box start">

  <a class="title-partner" href="https://www.media-unu.com/" target="_blank" title="media-unu.com">

    <h4>Media Unu<span style="text-align: right;">mediaunu.com </span></h4>

  </a>

  <div class="description">

    <a title="Deskripsi Blog">

      <span>Media Unu </span>Deskripsi Blogger</a>

  </div>

  <div class="category">

  <a title="Kategori Blog"><b>Kategori :</b> Kategori Blogger</a>

  </div>

</div>

Langkah Membuat Halaman Partner Di Blogger Yang Responsif

Setelah kalian salin script code diatas, ikuti langkah selanjutnya dibawah ini,
  • Masuk ke dasbor blogger
  • Pilih menu ‘Halaman’ (pages)
  • Pilih ‘Halaman’ baru
  • Ubah mode penulis menjadi ‘Tampilan HTML’
  • Kemudian pastekan code diatas yang kalian salin tadi, dihalaman baru tersebut.

Ingat ganti semua tulisan diatas yang berwarna Hijau dengan nama, link dan deskripsi Blogger kalian.

Setelah itu simpan dan lihat hasilnya. Jika kalian ingin menambahkan Partner Blogger lagi, kalian cukup salin code dibawah ini dan tempelkan di bagian code </div> paling bawah atau paling akhir. Seperti contoh diatas.
<!--Partner Ketiga-->  

<div class="partner-box start">

  <a class="title-partner" href="https://www.media-unu.com/" target="_blank" title="media-unu.com">

    <h4>Media Unu<span style="text-align: right;">mediaunu.com </span></h4>

  </a>

  <div class="description">

    <a title="Deskripsi Blog">

      <span>Media Unu </span>Deskripsi Blogger</a>

  </div>

  <div class="category">

  <a title="Kategori Blog"><b>Kategori :</b> Kategori Blogger</a>

  </div>

</div>

Kesimpulan

Halaman Partner atau Halaman Mitra Blogger atau juga bisa dibilang dengan Halaman Blogger Partner, merupakan halaman yang menampilkan kerja sama antara Blogger lain dengan Blogger lain yang pada umumnya memiliki tujuan atau minat masing-masing.
Manfaat dari sebuah halaman partner pada umumnya untuk meningkatkan DA atau PA dari sebuah blog atau website, baik itu di mesin pencarian google atau mesin pencarian lainnya.
Biasanya blog yang di tampilkan pada halaman partner ini membahas atau menyajikan konten yang berbeda.
Semoga Bisa Bermanfaat.
Selamat Mencoba!

Related posts:

Leave a Reply

Your email address will not be published. Required fields are marked *