Sunday 29 July 2012

Modifikasi LinkWithin Widget Di Blogger

Modifikasi LinkWithin Widget Di Blogger - Setiap blogger ingin membuat pembaca terlibat di blog mereka. LinkWithin adalah sebuah widget blog yang muncul di bawah setiap posting, link ke cerita terkait dari arsip blog Anda. Ini akan membuat posting lama Anda dapat diakses untuk pembaca baru atau kasual dari blog Anda, sehingga meningkatkan lalu lintas. Saat ini, hampir setiap LinkWithin penggunaan blogger. Tapi salah satu masalah terbesar yang kita hadapi ini, tidak disesuaikan. Kita hanya bisa mengubah jumlah thumbnail di bawah setiap posting. Dalam posting ini kita akan belajar bagaimana mengubah warna latar belakang dari gambar thumbnail, mengubah warna teks dan judul margining dan yang paling penting yaitu menghapus link kredit Linkwithin dari widget LinkWithin
Simple Un-customized LinkWithin Widget
Login dan masukkan akun Blogger mu, lalu pilih dashboard dan arahkan ke Template > Edit HTML dan berikan tanda centang "Expand Widget Templates". Cari kode berikut ini : ]]></b:skin&gt;

dan letakkan kode berikut ini diatasnya :

#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;
}


Notes !
Untuk mengubah style nya sesuai selera anda, silahkan ikuti tulisan yang bercetak tebal ditas. Dan berikut ini saya jabarkan lebih detail untuk tiap2 yang akan diedit
Untuk mengubah warna "You Might Also Like:, change #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 thumbanails, ganti #1E9A20
Untuk mengganti ukuran size font, ganti 15px
Save template mu dan lihat hasilnya.

1 comment: