12 March 2013

Modifikasi Tampilan Widget LinkWithin

Silaturahmi ketetangga sebelah eee... akhirnya nemu juga yang dicari, lawong tampilan LinkWithin ketika disorot warnanya item semua, untung ada Non yang baik hati, gak tau namanya tapi blognya punya nama Prohomeideas *keren banget ya nama blognya* bahasa londo kayaknya hehehe....
OK.. Pada artikel ini aku akan berbagi bagaimana caranya memodifikasi tampilan widget LinkWithin agar ciamik dengan menggunakan CSS dan tentunya dengan pembahasan yang sangat mudah untuk dipahami oleh semua kalangan baik pemula apalagi profesional.

CSS dibawah ini akan mengatur tampilan LinkWithin seperti menghilangkan link logonya, hover backgroundnya, warna dan ukuran font serta jarak antara artikel satu dengan lainnya.

#linkwithin_logolink_0 {
display: none;
}

.linkwithin_posts {
width: 500px !important;
}

.linkwithin_posts a {
background: none !important;
border: none !important;
padding-right: 15px !important;
}

.linkwithin_hook {
background: none repeat scroll 0 0 transparent;
color: #4A4A4A;
font-family: verdana, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: -0.25px;
line-height: 45px;
margin-bottom: 10px;
}

.linkwithin_title {
color: #454545 !important;
font-family: verdana, sans-serif !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none;
}

.linkwithin_title:hover {
color: #888888 !important;
text-decoration: underline !important;
}

Sampeyan tinggal mengambil kode diatas untuk diterapkan kedalam blog sampeyan, apabila dirasa kurang pas sampeyan bisa memodifikasi sesuai dengan kondisi template bawaan blog kepunyaan sampeyan,semoga bermanfaat.


Author : Zainoel Arifin Isa'i

Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas/ freelance yang bermarkas di sudut ruang kamar belakang rumah di daerah pelosok desa terpencil lereng gunung Arjuno.... Facebook : -Mbah Djojo-

1 comment:

Berkomentarlah yang bijak, iklan/spam langsung dihapus