Sebenarnya ada beberapa macam desain social bookmark,ada yang Cuma share this posts,ada sexy social bookmark,dan yang lagi kita bahas ini Big social bookmark. Ok sekarang kita berfokus dahulu pada big social bookmark,untuk sexy social bookmark,dan share this posts akan saya bahas di lain waktu. Siapkan diri kalian untuk menyimak tutorial Membuat Big social bookmaark ini.
1. Log-in ke akun blogger mu
2. Klik layout >> edit HTML
3. Cari Kode ]]></b:skin>
4. Setelah masukin kode berikut diatas kode ]]></b:skin>
div.sociable { margin: 16px 0;}5. Setelah itu save dahulu template tersebut
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);
}
6. Lalu click/centang “expand template widget”
7. Cari Kode <p><data:post.body/></p>
kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.
maka pilih kode yang kedua biar tidak tampak pada halaman utama.
8. setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas (atau setelah tag </p> )
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='Bola Lover' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLPJjVfoE34DKlCT_AzuiyYOzDGQlHw_7V4T0eW0JpkmSxvp5uNA-7fhFKrb7UTKhqoguf_IgQyLneF-1jqex7QUcY6HtZ-njiSKW1VqsIvQ721Ttl15tn7tzc-bpB8_mbGFDhVl_I-sNx/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_m2xaVsFP48KXxMnAlYnIuzi6tiCJez7rDk20vqQqQhWW86gRg2PABQf1akpVOUqw_bHoxFuuCS5TuqE9BgJZypnAk70i_mzCsXXfUTLvOoDwvtepMpu0wdb6xqd3dBtzLMwuSuPuEQD/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGN2904H-1CgzF_-FnKiW8O6swnb7YGN58LKRYmEk9CNGfniWTeuDiti2yiiRCnblO7oMAYAEZf-GkttDTknkBc8DjQOnfWDEi54rs6J17tFnQqJbM5tBOy-vE3s7ZDriZewdzKAsn1kI/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfaNiUh0luM2WxSGTmDKetp03qQoZUx9tIeK_H2ry5jQjxyPHnMfyhTLJrl0SA7r7DP-fyHapOMR6msrLesxo2fhMITVrKmvzgA_MohCcFckD0aJhvHkBfUJsz852z7Szeik6mLd41ILLa/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUS2rA5tU-aP1u7lnOSBF0TxrF1KwfZ4mvAWhrcGKatHr3hqKm2LzIAJQTAkUDMgJBMNSjwguoApjZLOQd5yWVowkJ553Hdu8e_N1VaFvvUsZw-gQC2h010CuDZt47QFeo8nrhUzzOeUS/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgNKvKRJ9ngqbEtWPiWh6Ktrfr997xhl7D7eU36GsOb5bUtjHVDMtXOKKadgTaG4PWWKGrf3MSjOPknNVCOBrRAyqUBNSOQRSrh6J5ro8x3DdQNrKEsydNgYqe7aWaQ9XnTOj7lglX_2Y/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOT2FmKmtFDWmKUrSDUrQjzeHW4qMOk9HEXxTf9vbkId5ae36mtFo2A0Cxm7ZZ-N2QTb8zK18iLZG1vtA4dOq3-xvF6veHoJytNjkxQUWaS9zfn7hz3GLAybJx2oJptqXAtUagJV3N7fsx/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_D52ug07Q6HUwIjWdj5YWU0AYbOJyxizHo0vfT_kf4RpmFH8wSkmGQm4av8_5v_f7gA3nXerkWxMPEEDi2pI3dJHEi9jjBIEnpHaqMJHqml-5EIEhVZqrBQ0EIawg6T0nRvLJnnKmwIU-/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
9. Tutorial ini adalah bagian dari halaman posting,sehingga kamu tidak bisa meriview hasil kerja kamu.
10. Sebaiknya kamu edit terlebih dahulu,jika ada kesalahan atau error segera perbaiki
11. Setelah oke,segera lihat halaman posting kamu di bagian bawahnya,pasti ada tombol tombol social networking yang begitu gede.
12. Ini berarti bahwa anda sudah berhasi membuat Big Social Bookmark
Bagi yang ingin tahu Cara Mendapat Uang Dari Twitter dan Cara Memperbanyak Foloower di twitter dengan sangat mudah sambil langsung praktek, Bola Lover rekomendasikan anda untuk Melihat Tutorialnya Cara Mendapat Uang Dari TwitterdanTips dan Cara Memperbanyak Follower Di Twitter «« sok atuh di klik supaya bisa langsung di praktekin
Ok Sekian dulu football news|berita bola hari ini.Jangan lupa baca yang ini tentang. Salam Bola Lover! Go Sepak Bola !
Leave me a Comment.....no spam ,sara,and komentar aneh ntar om google marah.haha...
5 comments:
keren ni..
memudahkan kita buat masukin ke bookmarking...
hahaha...iya donk. thanx ya kunjungannya
langsung praktek
ok sob nanti d coba, maksih
wah...keren...
saya mau coba diblogku...
makasih tutorial-nya...
Post a Comment