Membuat Sexy Social Bookmark Terbaru Maret 2011

Sebenarnya artikel tentang membuat sexy social bookmark pernah saya tulis sebelumnya, tapi beberapa hari ini banyak teman yang bertanya bagaimana cara membuat sexy social bookmark seperti yang ada di blog ini. untuk tutorial sexy social bookmark yang lama baca:new sexy social bookmark.

Di artikel ini saya akan memberikan tutorial tentang cara membuat sexy social bookmark yang berbeda dari yang dulu, untuk contohnya anda bisa lihat di bawah artikel ini atau gambar di bawah ini.

Cara pembuatannya adalah sebagai berikut ingat backup dulu template anda sebelum menjalankan tutorial ini :

1. Masuk ke dashboard blogger anda
2. Klik design > edit html > centang expand widget template
3. Masukkan scrypt di bawah ini di atas atau di bawah kode : ]]>

div.sociable { margin: 16px 0;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;

border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

4. Kemudian letakkan scrypt di bawah ini di atas kode :