Cara Memasang Widget Partner Blog di Blogger



Partner Blog adalah bagian dari kerjasama antar penulis blog yang saling bertukar link blog mereka, tujuan Partner Blog ini adalah untuk meningkatkan Domain Authority (DA) dan Page Authority (PA).

Banyak dari blogger yang membuat halaman khusus Blog Partner di blog mereka saya sendiri juga membuatnya, namun pada artikel ini saya tidak membagikan cara membuat Partner Blog di halaman statis melainkan pada widget blogger yang akan ditampilkan nantinya.

Manfaat Memasang Widget Partner Blog

  • Menambah wawasan dengan banyak penulis blog
  • Meningkatkan Domain Authority dan Page Authority
  • Menjangkau blog kamu pada banyak pembaca
  • Meningkatkan probabilitas menjadi Page One
  • Mudah di lihat karena posisi nya berada pada widget

Cara Memasang Widget Partner Blog di Blogger

  1. Masuk ke dashboard Blogger
  2. Klik Layout (Tata Letak)
  3. Buat widget baru dan pilih posisi yang kamu ingikan
  4. Klik Add New widget > pilih HTML/JavaScript
  5. Lalu salin kode berikut :
  6. <h3 class='title'>
    Partner Blog
    </h3>
    <style>
    	#aing-partnerBlog::-webkit-scrollbar{width:5px}
    	  #aing-partnerBlog::-webkit-scrollbaing-thumb{background:#484848;border-radius:100px}
    	  #aing-partnerBlog::-webkit-scrollbaing-thumb:active{background:#777}
    	  #aing-partnerBlog{padding:0;margin:0;list-style:none;max-height:1000px;overflow:auto}
    	  .aing-partnerBlog{margin:0;padding:0}
    	  .aing-partnerBlog li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%}
    	  .aing-partnerBlog a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 8px 8px 0; padding: 7px 15px; font: 400 13px 'Noto Sans', sans-serif; -webkit-transition: .3s; letter-spacing: -.35px; -moz-transition: .3s; -o-transition: .3s; color: inherit; border: 1px solid rgb(230,230,230);border-radius: 6px}
    	  .aing-partnerBlog a:hover{color:#14A085!important;border:1px solid;border-radius: 12px;}
    	  .aing-partnerRules {margin:0;padding:0;line-height:normal;display:block;float:left;background-color:#f8f9fa;font-size:13px;margin-top:-1px;margin: 0 8px 8px 0;padding:7px 15px;border-radius: 6px}
    	  .darkMode .aing-partnerRules {margin:0;padding:0;line-height:normal;display:block;float:left;background-color:#353535;font-size:13px;margin-top:-1px;padding:7px 15px;margin: 0 8px 8px 0;border-radius: 6px}
    	  .darkMode .aing-partnerRules a{color:#fff;}
    	  /*.rankFriends{margin:0;padding:0;line-height:normal;display:block;float:left}*/
    </style>
    <div id='aing-partnerBlog'>
    	<div class="aing-partnerBlog">
    		<li><a title='Deskripsi Partner Blog 1' href='https://linkpartner1.com' target='_blank'>Nama Partner Blog 1</a>
    		</li>
    		<li><a title='Deskripsi Partner Blog 2' href='https://linkpartner2.com' target='_blank'>Nama Partner Blog 2</a>
    		</li>
    		<li><a title='Deskripsi Partner Blog 3' href='https://linkpartner3.com' target='_blank'>Nama Partner Blog 3</a>
    		</li>
    		<li><a title='Deskripsi Partner Blog 4' href='https://linkpartner4.com' target='_blank'>Nama Partner Blog 4</a>
    		</li>
    	</div>
    </div>

    Jangan lupa untuk mengubah bagian yang saya tandai sesuai partner blog kamu

  7. Kemudian kembali ke Layout (Tata Letak) lalu paste-kan kode yang sudah disalin tadi dan klik simpan.
Demikian tutorial tentang Cara Memasang Widget Partner Blog di Blogger. mohon maaf jika kurang jelas harap di maklumi karena saya tidak pandai menulis artikel, Semoga bermanfaat.
Baca juga :