LinkWithin merupakan salah satu widget related post yang cukup terkenal dikalangan blogger. Widget ini sangat mudah digunakan dan di implementasikan ke berbagai platform seperti blogger, wordpress, joomla dan lainnya. Dengan menggunkan widget linkwithin ini, anda mempunyai mempunyai untuk meningkatkan pageviews blog anda dan membuat pengunjung blog bisa lebih berlama-lama untuk membaca semua artikel yang disajikan diblog Anda.
Pada artikel ini saya ingin berbagi bagaimana caranya memodifikasi tampilan widget LinkWithin 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 logonya, hover backgroundnya, warna dan ukuran huruf serta jarak antara artikel satu dengan lainnya.
Pada artikel ini saya ingin berbagi bagaimana caranya memodifikasi tampilan widget LinkWithin 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 logonya, hover backgroundnya, warna dan ukuran huruf 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;
}
Anda tinggal mengambil kode yang cocok untuk Anda implemetasikan kedalam blog anda dan semoga bermanfaat.



