Cara Modifikasi Tampilan Widget LinkWithin

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.

#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.
Share on Google Plus

About Felmi Atika

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.