Sabtu, 18 April 2015

Cara Mengubah Tampilan Artikel Terkait Linkwithin

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم


Artikel kali ini Saya akan membahas cara mengubah atau memodifikasi tampilan linkwithin yang ada pada blog.
Pasti diantara kalian sudah banyak yang tahu kegunaan linkwhitin yaitu untuk membuat pengunjung blog betah dan mencari artikel lain yang akan dikunjungi. Tanpa berlama-lama berikut di bawah ini untuk merubah linkwithin.


  • Login ke blogger.com, jika sudah,
  • Pilih Template → Edit HTML → centang "Expand Widget Templates"
  • Cari kode ]]></b:skin> , agar mudah mencari tekan f3
  • Letakkan script di bawah ini, di atas kode ]]></b:skin>

#linkwithin_logolink_0 {
display:none!important;
}
#linkwithin_logo_0 {display:none;}
#lws_0 {
clear: both!important; margin: 0 0 20px 0!important;
}


.linkwithin_outer{
margin: 0 0 20px 0!important;
}
.linkwithin_text {
color:#A21313!important;
font-size:15px!important;
padding-bottom:5px!important;
}
.linkwithin_posts a {
background:#29D8C0!important;
border-right:1px solid #1E9A20!important;
}
.linkwithin_posts a:hover {
background:#0C67E7 !important;
}
.linkwithin_img_0 {
border: 2px solid #dddddd !important; padding:2px !important; width:100px!important; height:100px!important;
}
.linkwithin_img_0:hover {
border: 2px solid #333333 !important; padding:2px !important;
}


.linkwithin_title {
color:#ffffff !important;
font-family:'tahoma', sans-serif !important;
font-size:11px !important;
line-height:14px !important;
text-decoration: none;
border-top:1px solid #ddd !important;
}
.linkwithin_title:hover {
border-top:1px solid #333 !important;
}


Keterangan :

  • Untuk mengubah warna "You Might Also Like: atau Anda mungkin juga meminati, rubah #A21313
  • Untuk mengubah warna background pada mode aktif, ganti #29D8C0
  • Untuk mengubah warna background pada mode hover, ganti #0C67E7
  • Untuk mengubah warna pemisahan antara dua thumbnails atau gambar, ganti #1E9A20
  • Untuk mengganti ukuran size font, ganti 15px
  • Simpan dan lihat hasilnya.

Semoga apa yang Saya sampaikan mengenai cara mengubah atau memodifikasi tampilan linkwithin bermanfaat untuk kalian.

Tidak ada komentar:

Posting Komentar


Kotak Scroll atau Scrollbox
Demo suryachandragobel.blogspot.com
computer game finatic
Computer Game Finatic