Sabtu, 15 Desember 2012

Cara Merubah Tampilan Linkwithin


Kali ini Saya akan membahas cara merubah 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.
Selamat Mencoba !

Tidak ada komentar:

Posting Komentar