Cara Membuat Widget Partner Blog 4x4 Keren Responsive

Isi Konten []

Partner blog memiliki pengaruh yang cukup penting untuk kemajuan suatu blog. Dengan adanya partner blog itu sama saja kita sudah melakukan yang namanya offpage SEO. Partner blog bisa di bilang backlink sebab kita saling menaruh link blog kita di halaman di blog partner kita.

Bayangkan jika kita memiliki partner blog yang memiliki banyak pengunjung maka kita juga akan mendapatkan dampak positifnya yaitu visitor blog kita akan meningkat. Pada kesempatan kali ini saya akan memberikan cara membuat widget blog partner pada sidebar dengan ukuran 4x4 dan tentunya responsive. Simak caranya di bawah ini.

Cara Membuat Widget Partner Blog 4x4 Keren Responsive

  1. Masuk ke dashboard blog kalian
  2. Masuk ke layout
  3. Pilih tambahkan gadget pada sidebar
  4. Salin kode di bawah ini lalu kalian pastekan
  5. <style type="text/css">
    div#maskalem {width:300px; margin:0 auto; }
    #maskalem {margin:0px;padding:0px;text-align:center}
    #maskalem  img {width:125px; height:125px;margin:5px 5px;text-align:center;-webkit-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 2px 2px 2px 2px #ccc;}
    #maskalem img:hover {opacity: 0.7;filter:alpha(opacity=70);}
    </style>
    <div id="maskalem">
    <a href="https://www.maskalem.com" target="_blank" title="MasKalem"><img alt="MasKalem" src="http://2.bp.blogspot.com/-5NHQpwjEJQ4/XKhXWk1RKvI/AAAAAAAAG7M/IAsPuwZdmP4LUunubGmpwzXEVJPXyTUCQCK4BGAYYCw/s1600/Banner%2BMASKALEM-min.png" /></a>
    <a href="https://www.maskalem.com" target="_blank" title="MasKalem"><img alt="MasKalem" src="http://2.bp.blogspot.com/-5NHQpwjEJQ4/XKhXWk1" /></a>
    <a href="https://www.maskalem.com" target="_blank" title="MasKalem"><img alt="MasKalem" src="http://2.bp.blogspot.com/-5NHQpwjEJQ4/XKhXWk1RKvI/AAAAAAAAG7M/IAsPuwZdmP4LUunubGmpwzXEVJPXyTUCQCK4BGAYYCw/s1600/Banner%2BMASKALEM-min.png" /></a>
    <a href="https://www.maskalem.com" target="_blank" title="MasKalem"><img alt="MasKalem" src="http://2.bp.blogspot.com/-5NHQpwjEJQ4/XKhXWk1RKvI/AAAAAAAAG7M/IAsPuwZdmP4LUunubGmpwzXEVJPXyTUCQCK4BGAYYCw/s1600/Banner%2BMASKALEM-min.png" /></a>
    </div>
     <center><a class='buttonx' href='https://www.maskalem.com/p/partners-blog.html' rel='nofollow noopener' target='_blank'>SELENGKAPNYA</a></center>
    
  6. Simpan dan done

keterangan :

  • https://www.maskalem.com diganti dengan partner blog kalian
  • title maskalem diganti dengan title partner blog kalian
  • Isi link gambar partner blog di tag <img

Itulah cara buat widget partner untuk blog. Jika kalian ingin menjadi partner blog saya silahkan hubungi saya. Mungkin hanya ini yang bisa saya jelaskan dalam artikel kali ini. Semoga bisa membantu kalian semua.

MasKalem
Oleh MasKalem

Capailah cita-citamu setinggi langit, walaupun tidak tercapai tapi hidup kita akan mempunyai tujuan dan berguna karena adanya cita-cita tersebut.

Langganan

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>