Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan
Cara Membuat Buku Tamu Keren Versi 3

Cara Membuat Buku Tamu Keren Versi 3

Selamat malam semua nya. Akhir nya hari ini saya bisa posting lagi tentang tips blog. Sebenarnya sih tips ini saya copy dari Kang Dadang tapi tidak semua nya saya ambil karena sudah saya edit kembali. Tips kali ini tentang Cara Membuat Buku Tamu Keren V.3. Ok deh karena saya tidak mahir menulis langsung saja ke cara membuatnya. Ikuti langkah berikut ini :

1. Login ke blogger
2. Pada Dasbor >> Rancangan >> Elemen Laman
3. Klik Tambah Gadget, kemudian pilih HTML/Javascript
4. Copy kode berikut ini
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".gbbtn").click(function(){
        $("#gbcontent").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});
</script>
<style>
/* ---------------
by  : Dadang Herdiana
edited by : Taufiq Azhari
---------------------------------- */
.gb {
position:fixed;
top: 0px; right:450px;
z-index:+1000;
}
#gbcontent {
    height: auto;
    background: #898787;
    width: auto;
    display: none;
    padding: 10px;
    border:4px solid  silver;
background:url(http://i51.tinypic.com/rcq4b7.gif) #000000 repeat-y center;
   -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    padding:10px;
}
.gbbtn {
    position:fixed;_position:relative;top:50px; right:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight)
}
.active {
    background-position: right 12px;
}
</style>
<div class="gb">
<div id="gbcontent">
KODE CHATBOX KAMU</div>
<br />
<div align="right"><font size="2"><a href = "http://besttaufiqblog.blogspot.com/2012/01/cara-membuat-buku-tamu-keren-versi-3.html " target=_blank"><div style="color: #000;">
<span style="font-size: x-small;">:: Get This Widget!! ::</span></div></a></font></div>
<div id="gbbtn"><a href="#" class="gbbtn" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png" border="0"style="cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50"  /></a></div></div>
 5. Paste di kolom HTML/Javascript tadi
  • Ganti tulisan berwarna merah tadi dengan kode chatbox kamu
6. Simpan dan lihat perubahan di blog kamu

Selamat Mencoba :D
Cara Membuat Buku Tamu Keren Versi 2

Cara Membuat Buku Tamu Keren Versi 2


Udah lama nih ngak posting tentang tips blog. Kali ini saya akan memberikan tips cara membuat buku tamu atau lebih tepat nya menyembunyikan cbox. Baik lah tidak usah panjang lebar basa-basi nya. Ikuti langkah-langkah berikut :

1. Login ke blogger.com
2. Pada Dasbor >> Rancangan >> Elemen Laman
3. Klik Tambah Gadget, kemudian pilih bagian HTML/Javascript
4. Copy kode di bawah ini dan paste pada form HTML/Javascript tadi
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background:url(http://i51.tinypic.com/rcq4b7.gif) #000000 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
Kode Cbox Kamu 
</div>
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" alt="close" title="Click here to Close Cbox" /></a></div>
<div align="right"><font size="2"><a href = "http://besttaufiqblog.blogspot.com/2011/11/cara-membuat-buku-tamu-keren-versi-2.html" target=_blank"><div style="color: #fff;">
<span style="font-size: x-small;">:: Get This Widget!! ::</span></div></a></font></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://www.leaguelineup.com/tylerlions/images/guestbook1.gif" alt="cbox" title="Click here to open Guest Book" /></a></center>
  • Ganti tulisan berwarna merah dengan kode cbox kamu 

5. Simpan. Kemudian refresh blog kamu

Selamat Mencoba :D
Cara Membuat Headline News Pada Blog

Cara Membuat Headline News Pada Blog


Kali ini saya ingin membagikan tips bagaimana membuat Headline News, tips kali ini pada dasar nya adalah menggunakan sistem marquee. Apa itu marquee? Marquee adalah elemen yang menyebabkan teks untuk berjalan ke atas, bawah, kiri atau kanan secara otomatis. Ok deh ngak usah panjang lebar basa-basi nya, langsung saja sobat ikuti langkah berikut

1. Login ke blogger sobat
2. Masuk ke Rancangan >> Tambah Gadget >> Pilih HTML/Javascript
3. Copy kode berikut dan paste pada kolom HTML/Javascript tadi
<script type="text/javascript"> var hn_url_blog = "http://besttaufiqblog.blogspot.com/"; var hn_jumlah_post = 10; var hn_warna_latar = "#007880"; var hn_warna_garis = "#000000"; var hn_posisi = "top"; var hn_tampilkan_judul = false;var hn_backlink = false;</script><script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js"></script>
Keterangan :

hn_url_blog = isi dengan alamat URL blog sobat
hn_jumlah_post = jumlah judul artikel yang ingin di tayang kan pada headline news
hn_warna_latar = kode warna untuk latar belakang headline news
hn_warna_garis = kode warna untuk garis bingkai/border headline news
hn_posisi = menentukan posisi headline news ("top") - di bagian atas, ("bottom") - di bagian bawah
hn_tampilkan_judul = bernilai "true" jika sobat ingin menampilkan tulisan "Headline News" di bagian kiri dan bernilai "false" jika tidak ingin menampilkan nya
hn_backlink =  bernilai "true" jika sobat ingin menampilkan backlink ke blog saya dan bernilai "false" jika tidak

4. Simpan dan lihat hasil nya

Selamat Mencoba :)

Script by : Kang Salman

Cara Memasang Widget Sharing Is Sexy (Social Bookmarking)




Selamat pagi para sobat blogger yang baik dan budiman :). Kali ini saya akan membahas tentang cara memasang widget sexy bookmark di blog sobat. Widget ini sangat banyak social bookmarking nya. Kalau penasaran bagaimana bentuk nya, silahkan sobat lihat di akhir posting ini. Bagus kan? Jika sobat tertarik memasang nya silahkan sobat ikuti langkah berikut.

1. Login dahulu ke blog sobat
2. Klik Rancangan >> Masuk kebagian Edit HTML
3. Kemudian Centang Expand Template Widget
4. Copy kode dibawah ini
div.sexy-bookmarks{margin:20px 0 0 10px; border: 0; outline: none; clear:both !important} div.sexy-bookmarks-expand{height:32px; overflow:hidden;} div.sexy-bookmarks-bg-sexy{ padding:28px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKLUKT9uRUKmuxuhGF4wKA7qcBLMu0opyPuQCRFOYCoYUcLgmQRD3Dq8PF3sbLF2wnND6tybbNNF4WwkZn-CmylwrZvph843czAcmK0_WHfSV2tHW2xZzb1jpwD3mx2YrPeyk5qQFPWfZ/') no-repeat !important } div.sexy-bookmarks-bg-caring{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9j8oEmpJ36RsZH92BZyENuDSDJZSp9NIFZ-pX3zgJOnlKWrkp2390jQDqpRtHYLffWyJxgfOOtlWd1fBeufy1mx4ijvxNKRMClT-x2dFNpZYNAhD5h-ZGIE1yfAZodzRG7YZ97z15vtB3/') no-repeat !important } div.sexy-bookmarks-bg-caring-old{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFgtoOmmVN7E0eZffTAYwWYeyUQv75435qJde4CWUqaDCj0EC0voQ4QpNWYWfJC7tJYTEjQvA69Hwnx1ZXmrBxabTJTeBzXgZQL6QzXrMfnf9K64gyp_Bg5xQ7Ct_J9Dghk4f2DvDpMF1b/') no-repeat !important } div.sexy-bookmarks-bg-love{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9vFdiNl10oQ-x0P6GlEPgGxTCEgbb_3f19lFiAAXVK3Tab4RGj5rpPzmgSgW3dssIV7BTBIzVSygP0oHIEIIgwZixVImBmtWX5vrSLrpAKJhh6E1Svr8Bhqv1Sfb4KUSA_hPgUqTVi2h/') no-repeat !important } div.sexy-bookmarks-bg-wealth{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88UGjZXyZ9g99dcMcJ5iTgIfEx4GWH6AseDkn8epnqYTLyXwwaR9WrCTo3rGlgro49WTh_9Yt-kOqhxF6ecNFkkGx8FqYjBJ_ii7_oqUdQHzxJxIxfcyNn6gMf1ZCzs7LLEt4y3YW8zcq/') no-repeat !important } div.sexy-bookmarks-bg-enjoy{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGvRhTNMrayPfIGT8_xoPbDDt4dUIiicZjIUoi3_YwcQqQAajdBFbTc6yTH10rNzJcxE0DpX75wTbR8VVnSaCzLk0RkLZEnJusGW7uL088JG6PAwpNoqpa4xl_ip_KbxZ4oV1xGn6jg3-/') no-repeat !important } div.sexy-bookmarks-bg-german{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHIiQcFBQ4POFECZ0E7miseBy2eyDKEVS1XJWqtbDUuQpFs5_Y9dKHuevvKRNRQ4RCc-XIerI4FwuwqE_q9X8hCt7CYFoVNJCaqDFiLB_moeinznSEgqCjI1V675ugOm8p2ienl0v2wwV/') no-repeat !important } div.sexy-bookmarks-bg-knowledge{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4GRKSd3CinC2Ni-bnxJgOthC95NlfSTnGxcbxhEMv-GbEXShrQi1tcSgb5-eaU7ioXHhQQyY8DCVtl32dPpmEnDjD9w8JU13WWpU4IR-Kc8i2s9GegU0NgO4IGDEHhSr39omrWlb2I7O6/s1600/share-knowledge.png') no-repeat !important } div.sexy-bookmarks ul.socials{ width:100% !important; margin:0 !important; padding:0 !important; float:left !important; background:transparent none !important; border:0 none !important; outline:0 none !important } div.sexy-bookmarks ul.socials li{ background-image:url('http://dl.dropbox.com/u/22738692/SexyBookmarkv3/shr-sprite.png') !important; background-repeat:no-repeat !important; display:inline !important; float:left !important; list-style-type:none !important; padding:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; margin:3px 0 0 !important; background-color:transparent !important; border:0 none !important; outline:0 none !important; clear:none !important } div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important} div.sexy-bookmarks ul.socials a,div.sexy-bookmarks ul.socials a:hover{ display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important; text-decoration:none !important; border:0 none !important; margin:0 !important; padding:0 !important } div.sexy-bookmarks ul.socials a:hover,div.sexy-bookmarks ul.socials li:hover{ background-color:transparent !important; border:0 none !important; outline:0 none !important } li.sexy-newsvine{background-position:left bottom !important} li.sexy-newsvine:hover{background-position:left top !important} li.sexy-linkedin{background-position:-70px bottom !important} li.sexy-linkedin:hover{background-position:-70px top !important} li.sexy-googlebookmarks{background-position:-140px bottom !important} li.sexy-googlebookmarks:hover{background-position:-140px top !important} li.sexy-googlereader{background-position:-210px bottom !important} li.sexy-googlereader:hover{background-position:-210px top !important} li.sexy-scriptstyle{background-position:-280px bottom !important} li.sexy-scriptstyle:hover{background-position:-280px top !important} li.sexy-mail{background-position:-350px bottom !important} li.sexy-mail:hover{background-position:-350px top !important} li.sexy-comfeed{background-position:-420px bottom !important} li.sexy-comfeed:hover{background-position:-420px top !important} li.sexy-twitter{background-position:-490px bottom !important} li.sexy-twitter:hover{background-position:-490px top !important} li.sexy-technorati{background-position:-560px bottom !important} li.sexy-technorati:hover{background-position:-560px top !important} li.sexy-stumbleupon{background-position:-630px bottom !important} li.sexy-stumbleupon:hover{background-position:-630px top !important} li.sexy-reddit{background-position:-700px bottom !important} li.sexy-reddit:hover{background-position:-700px top !important} li.sexy-myspace{background-position:-770px bottom !important} li.sexy-myspace:hover{background-position:-770px top !important} li.sexy-mixx{background-position:-840px bottom !important} li.sexy-mixx:hover{background-position:-840px top !important} li.sexy-diigo{background-position:-910px bottom !important} li.sexy-diigo:hover{background-position:-910px top !important} li.sexy-digg{background-position:-980px bottom !important} li.sexy-digg:hover{background-position:-980px top !important} li.sexy-designfloat{background-position:-1050px bottom !important} li.sexy-designfloat:hover{background-position:-1050px top !important} li.sexy-yahoobuzz{background-position:-1120px bottom !important} li.sexy-yahoobuzz:hover{background-position:-1120px top !important} li.sexy-delicious{background-position:-1190px bottom !important} li.sexy-delicious:hover{background-position:-1190px top !important} li.sexy-blinklist{background-position:-1260px bottom !important} li.sexy-blinklist:hover{background-position:-1260px top !important} li.sexy-facebook{background-position:-1330px bottom !important} li.sexy-facebook:hover{background-position:-1330px top !important} li.sexy-misterwong{background-position:-1400px bottom !important} li.sexy-misterwong:hover{background-position:-1400px top !important} li.sexy-izeby{background-position:-1470px bottom !important} li.sexy-izeby:hover{background-position:-1470px top !important} li.sexy-twittley{background-position:-1540px bottom !important} li.sexy-twittley:hover{background-position:-1540px top !important} li.sexy-tipd{background-position:-1610px bottom !important} li.sexy-tipd:hover{background-position:-1610px top !important} li.sexy-pfbuzz{background-position:-1680px bottom !important} li.sexy-pfbuzz:hover{background-position:-1680px top !important} li.sexy-friendfeed{background-position:-1750px bottom !important} li.sexy-friendfeed:hover{background-position:-1750px top !important} li.sexy-blogmarks{background-position:-1820px bottom !important} li.sexy-blogmarks:hover{background-position:-1820px top !important} li.sexy-fwisp{background-position:-1890px bottom !important} li.sexy-fwisp:hover{background-position:-1890px top !important} li.sexy-yahoomail{background-position:-1960px bottom !important} li.sexy-yahoomail:hover{background-position:-1960px top !important} li.sexy-bobrdobr{background-position:-2030px bottom !important} li.sexy-bobrdobr:hover{background-position:-2030px top !important} li.sexy-memoryru{background-position:-2100px bottom !important} li.sexy-memoryru:hover{background-position:-2100px top !important} li.sexy-100zakladok{background-position:-2170px bottom !important} li.sexy-100zakladok:hover{background-position:-2170px top !important} li.sexy-yandex{background-position:-2240px bottom !important} li.sexy-yandex:hover{background-position:-2240px top !important} li.sexy-moemesto{background-position:-2310px bottom !important} li.sexy-moemesto:hover{background-position:-2310px top !important} li.sexy-marrows{background-position:-2380px bottom !important} li.sexy-marrows:hover{background-position:-2380px top !important} li.sexy-identica{background-position:-2450px bottom !important} li.sexy-identica:hover{background-position:-2450px top !important} li.sexy-hackernews{background-position:-2520px bottom !important} li.sexy-hackernews:hover{background-position:-2520px top !important} li.sexy-ning{background-position:-2590px bottom !important} li.sexy-ning:hover{background-position:-2590px top !important} li.sexy-designbump{background-position:-2660px bottom !important} li.sexy-designbump:hover{background-position:-2660px top !important} li.sexy-printfriendly{background-position:-2730px bottom !important} li.sexy-printfriendly:hover{background-position:-2730px top !important} li.sexy-fleck{background-position:-2800px bottom !important} li.sexy-fleck:hover{background-position:-2800px top !important} li.sexy-netvibes{background-position:-2870px bottom !important} li.sexy-netvibes:hover{background-position:-2870px top !important} li.sexy-netvouz{background-position:-2940px bottom !important} li.sexy-netvouz:hover{background-position:-2940px top !important} li.sexy-nujij{background-position:-3010px bottom !important} li.sexy-nujij:hover{background-position:-3010px top !important} li.sexy-globalgrind{background-position:-3080px bottom !important} li.sexy-globalgrind:hover{background-position:-3080px top !important} li.sexy-wikio{background-position:-3150px bottom !important} li.sexy-wikio:hover{background-position:-3150px top !important} li.sexy-xerpi{background-position:-3220px bottom !important} li.sexy-xerpi:hover{background-position:-3220px top !important} li.sexy-sphinn{background-position:-3290px bottom !important} li.sexy-sphinn:hover{background-position:-3290px top !important} li.sexy-hotmail{background-position:-3360px bottom !important} li.sexy-hotmail:hover{background-position:-3360px top !important} li.sexy-posterous{background-position:-3430px bottom !important} li.sexy-posterous:hover{background-position:-3430px top !important} li.sexy-techmeme{background-position:-3500px bottom !important} li.sexy-techmeme:hover{background-position:-3500px top !important} li.sexy-ekudos{background-position:-3570px bottom !important} li.sexy-ekudos:hover{background-position:-3570px top !important} li.sexy-pingfm{background-position:-3640px bottom !important} li.sexy-pingfm:hover{background-position:-3640px top !important} li.sexy-tomuse{background-position:-3710px bottom !important} li.sexy-tomuse:hover{background-position:-3710px top !important} li.sexy-webblend{background-position:-3780px bottom !important} li.sexy-webblend:hover{background-position:-3780px top !important} li.sexy-wykop{background-position:-3850px bottom !important} li.sexy-wykop:hover{background-position:-3850px top !important} li.sexy-blogengage{background-position:-3920px bottom !important} li.sexy-blogengage:hover{background-position:-3920px top !important} li.sexy-hyves{background-position:-3990px bottom !important} li.sexy-hyves:hover{background-position:-3990px top !important} li.sexy-pusha{background-position:-4060px bottom !important} li.sexy-pusha:hover{background-position:-4060px top !important} li.sexy-hatena{background-position:-4130px bottom !important} li.sexy-hatena:hover{background-position:-4130px top !important} li.sexy-mylinkvault{background-position:-4200px bottom !important} li.sexy-mylinkvault:hover{background-position:-4200px top !important} li.sexy-slashdot{background-position:-4270px bottom !important} li.sexy-slashdot:hover{background-position:-4270px top !important} li.sexy-squidoo{background-position:-4340px bottom !important} li.sexy-squidoo:hover{background-position:-4340px top !important} li.sexy-propeller{background-position:-4410px bottom !important} li.sexy-propeller:hover{background-position:-4410px top !important} li.sexy-faqpal{background-position:-4480px bottom !important} li.sexy-faqpal:hover{background-position:-4480px top !important} li.sexy-evernote{background-position:-4550px bottom !important} li.sexy-evernote:hover{background-position:-4550px top !important} li.sexy-meneame{background-position:-4620px bottom !important} li.sexy-meneame:hover{background-position:-4620px top !important} li.sexy-bitacoras{background-position:-4690px bottom !important} li.sexy-bitacoras:hover{background-position:-4690px top !important} li.sexy-jumptags{background-position:-4760px bottom !important} li.sexy-jumptags:hover{background-position:-4760px top !important} li.sexy-bebo{background-position:-4830px bottom !important} li.sexy-bebo:hover{background-position:-4830px top !important} li.sexy-n4g{background-position:-4900px bottom !important} li.sexy-n4g:hover{background-position:-4900px top !important} li.sexy-strands{background-position:-4970px bottom !important} li.sexy-strands:hover{background-position:-4970px top !important} li.sexy-orkut{background-position:-5040px bottom !important} li.sexy-orkut:hover{background-position:-5040px top !important} li.sexy-tumblr{background-position:-5110px bottom !important} li.sexy-tumblr:hover{background-position:-5110px top !important} li.sexy-stumpedia{background-position:-5180px bottom !important} li.sexy-stumpedia:hover{background-position:-5180px top !important} li.sexy-current{background-position:-5250px bottom !important} li.sexy-current:hover{background-position:-5250px top !important} li.sexy-blogger{background-position:-5320px bottom !important} li.sexy-blogger:hover{background-position:-5320px top !important} li.sexy-plurk{background-position:-5390px bottom !important} li.sexy-plurk:hover{background-position:-5390px top !important} li.sexy-virb{background-position:-5460px bottom !important} li.sexy-virb:hover{background-position:-5460px top !important} li.sexy-dzone{background-position:-5530px bottom !important} li.sexy-dzone:hover{background-position:-5530px top !important} li.sexy-kaevur{background-position:-5600px bottom !important} li.sexy-kaevur:hover{background-position:-5600px top !important} li.sexy-boxnet{background-position:-5670px bottom !important} li.sexy-boxnet:hover{background-position:-5670px top !important} li.sexy-oknotizie{background-position:-5740px bottom !important} li.sexy-oknotizie:hover{background-position:-5740px top !important} li.sexy-bonzobox{background-position:-5810px bottom !important} li.sexy-bonzobox:hover{background-position:-5810px top !important} li.sexy-plaxo{background-position:-5880px bottom !important} li.sexy-plaxo:hover{background-position:-5880px top !important} li.sexy-springpad{background-position:-5950px bottom !important} li.sexy-springpad:hover{background-position:-5950px top !important} li.sexy-zabox{background-position:-6020px bottom !important} li.sexy-zabox:hover{background-position:-6020px top !important} li.sexy-viadeo{background-position:-6090px bottom !important} li.sexy-viadeo:hover{background-position:-6090px top !important} li.sexy-googlebuzz{background-position:-6160px bottom !important} li.sexy-googlebuzz:hover{background-position:-6160px top !important} li.sexy-gmail{background-position:-6230px bottom !important} li.sexy-gmail:hover{background-position:-6230px top !important} li.sexy-buzzster{background-position:-6300px bottom !important} li.sexy-buzzster:hover{background-position:-6300px top !important} .sexy-link{margin: 3px 0 0 20px; font-size: 9px; float:left; color: #555; text-decoration: none;} .sexy-link a{padding:10px 0; width:100%; color: #333; text-decoration: none; border:0; outline:none}

5. Kemudian paste di atas kode </b:skin>, sobat bisa gunakan CRTL + F untuk mempermudah mencari nya

6. Tambahkan framework jQuery

Catatan :
Jika pada template sobat sudah terdapat framework jQuery, maka kode di bawah ini TIDAK PERLU di tambahkan. Jika belum terdapat framework jQuery, maka copy kode di bawah ini
    <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
    Kemudian letakkan di atas kode </head> atau </b:skin>

    7. Copy kode script berikut
    <script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
    var sexyBaseHeight = jQuery('.sexy-bookmarks').height();
    var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();
    if (sexyFullHeight > sexyBaseHeight) {
    jQuery('.sexy-bookmarks-expand').hover(

    function() {
    jQuery(this).animate({
    height: sexyFullHeight + 15 + 'px'
    }, {
    duration: 800,
    queue: false
    });
    }, function() {
    jQuery(this).animate({
    height: sexyBaseHeight + 'px'
    }, {
    duration: 800,
    queue: false
    });
    });
    }
    if (jQuery('.sexy-bookmarks-center')) {
    var sexyFullWidth = jQuery('.sexy-bookmarks').width();
    var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();
    var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;
    var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
    var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
    var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
    jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');
    }
    });
    </script>
    8. Paste kode script tadi di atas kode </b:skin>

    9. Selanjutnya sobat cari kode <data:post.body>, sobat blogger bisa menggunakan F3 untuk mempermudah mencari

    Catatan :
    Jika sobat sudah memasang readmore otomatis maka terdapat dua kode yang sama. Saya sarankan sobat pilih yang kedua

    10. Copy kode berikut dan paste di bawah kode <data:post.body>
    <div class='sexy-bookmarks-bg-caring sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
    <ul class='socials'>
    <li class='sexy-yahoomail'>
    <a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>
    </li>
    <li class='sexy-gmail'>
    <a class='external' expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=&quot; + data:post.title + &quot;&amp;body=Link:&quot; + data:post.url' rel='nofollow' title='Email this via Gmail'/>
    </li>
    <li class='sexy-twitter'>
    <a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/>
    </li>
    <li class='sexy-facebook'>
    <a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/>
    </li>
    <li class='sexy-linkedin'>
    <a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/>
    </li>
    <li class='sexy-googlebuzz'>
    <a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>
    </li>
    <li class='sexy-yahoobuzz'>
    <a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url + &quot;&amp;submitHeadline=&quot; + data:post.title + &quot;&amp;submitSummary=&amp;submitCategory=science&amp;submitAssetType=text&quot;' rel='nofollow' title='Buzz up!'/>
    </li>
    <li class='sexy-blogger'>
    <a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>
    </li>
    <li class='sexy-googlebookmarks'>
    <a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/>
    </li>
    <li class='sexy-googlereader'>
    <a class='external' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcUrl=&quot; + data:post.url + &quot;&amp;srcTitle=&quot; + data:post.title + &quot;&amp;snippet=&quot;' rel='nofollow' title='Add this to Google Reader'/>
    </li>
    <li class='sexy-stumbleupon'>
    <a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/>
    </li>
    <li class='sexy-delicious'>
    <a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>
    </li>
    <li class='sexy-digg'>
    <a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/>
    </li>
    <li class='sexy-comfeed'>
    <a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default?alt=rss&quot;' rel='nofollow' title='Subscribe to the comments for this post?'/>
    </li>
    <li class='sexy-orkut'>
    <a class='external' expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;tt=&quot; + data:post.title + &quot;&amp;du=&quot; + data:post.url + &quot;&amp;cn=&quot;' rel='nofollow' title='Promote this on Orkut'/>
    </li>
    <li class='sexy-designbump'>
    <a class='external' expr:href='&quot;http://designbump.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Bump this on DesignBump'/>
    </li>
    <li class='sexy-reddit'>
    <a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'/>
    </li>
    <li class='sexy-designfloat'>
    <a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/>
    </li>
    <li class='sexy-friendfeed'>
    <a class='external' expr:href='&quot;http://www.friendfeed.com/share?title=&quot; + data:post.title + &quot;&amp;link=&quot; + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/>
    </li>
    <li class='sexy-zabox'>
    <a class='external' expr:href='&quot;http://www.zabox.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Box this on Zabox'/>
    </li>
    <li class='sexy-dzone'>
    <a class='external' expr:href='&quot;http://www.dzone.com/links/add.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;description=&quot;' rel='nofollow' title='Add this to DZone'/>
    </li>
    <li class='sexy-webblend'>
    <a class='external' expr:href='&quot;http://thewebblend.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Blend this!'/>
    </li>
    <li class='sexy-propeller'>
    <a class='external' expr:href='&quot;http://www.propeller.com/submit/?url=&quot; + data:post.url ' rel='nofollow' title='Submit this story to Propeller'/>
    </li>
    <li class='sexy-tumblr'>
    <a class='external' expr:href='&quot;http://www.tumblr.com/share?v=3&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Share this on Tumblr'/>
    </li>
    <li class='sexy-squidoo'>
    <a class='external' expr:href='&quot;http://www.squidoo.com/lensmaster/bookmark?&quot; + data:post.url ' rel='nofollow' title='Add to a lense on Squidoo'/>
    </li>
    <li class='sexy-posterous'>
    <a class='external' expr:href='&quot;http://posterous.com/share?linkto=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;selection=&quot;' rel='nofollow' title='Post this to Posterous'/>
    </li>
    <li class='sexy-technorati'>
    <a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' title='Share this on Technorati'/>
    </li>
    <li class='sexy-hotmail'>
    <a class='external' expr:href='&quot;http://mail.live.com/?rru=compose?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Email this via Hotmail'/>
    </li>
    <li class='sexy-bebo'>
    <a class='external' expr:href='&quot;http://www.bebo.com/c/share?Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Bebo'/>
    </li>
    <li class='sexy-bitacoras'>
    <a class='external' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url ' rel='nofollow' title='Submit this to Bitacoras'/>
    </li>
    <li class='sexy-blinklist'>
    <a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Blinklist'/>
    </li>
    <li class='sexy-100zakladok'>
    <a class='external' expr:href='&quot;http://www.100zakladok.ru/save/?bmurl=&quot; + data:post.url + &quot;&amp;bmtitle=&quot; + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/>
    </li>
    <li class='sexy-blogengage'>
    <a class='external' expr:href='&quot;http://www.blogengage.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Engage with this article!'/>
    </li>
    <li class='sexy-blogmarks'>
    <a class='external' expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/>
    </li>
    <li class='sexy-bobrdobr'>
    <a class='external' expr:href='&quot;http://bobrdobr.ru/addext.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/>
    </li>
    <li class='sexy-bonzobox'>
    <a class='external' expr:href='&quot;http://bonzobox.com/toolbar/add?pop=1&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title + &quot;&amp;d=&quot;' rel='nofollow' title='Add this to BonzoBox'/>
    </li>
    <li class='sexy-boxnet'>
    <a class='external' expr:href='&quot;https://www.box.net/api/1.0/import?url=&quot; + data:post.url + &quot;&amp;name=&quot; + data:post.title + &quot;&amp;description=&amp;import_as=link&quot;' rel='nofollow' title='Add this link to Box.net'/>
    </li>
    <li class='sexy-current'>
    <a class='external' expr:href='&quot;http://current.com/clipper.htm?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Post this to Current'/>
    </li>
    <li class='sexy-diigo'>
    <a class='external' expr:href='&quot;http://www.diigo.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Post this on Diigo'/>
    </li>
    <li class='sexy-ekudos'>
    <a class='external' expr:href='&quot;http://www.ekudos.nl/artikel/nieuw?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Submit this to eKudos'/>
    </li>
    <li class='sexy-evernote'>
    <a class='external' expr:href='&quot;http://www.evernote.com/clip.action?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Clip this to Evernote'/>
    </li>
    <li class='sexy-faqpal'>
    <a class='external' expr:href='&quot;http://www.faqpal.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to FAQpal'/>
    </li>
    <li class='sexy-fwisp'>
    <a class='external' expr:href='&quot;http://fwisp.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Fwisp'/>
    </li>
    <li class='sexy-globalgrind'>
    <a class='external' expr:href='&quot;http://globalgrind.com/submission/submit.aspx?url=&quot; + data:post.url + &quot;&amp;type=Article&amp;title=&quot; + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/>
    </li>
    <li class='sexy-hackernews'>
    <a class='external' expr:href='&quot;http://news.ycombinator.com/submitlink?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/>
    </li>
    <li class='sexy-hatena'>
    <a class='external' expr:href='&quot;http://b.hatena.ne.jp/add?mode=confirm&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/>
    </li>
    <li class='sexy-hyves'>
    <a class='external' expr:href='&quot;http://www.hyves.nl/profilemanage/add/tips/?name=&quot; + data:post.title + &quot;&amp;text=Text about this site+-+&quot; + data:post.url + &quot;&amp;rating=5&quot;' rel='nofollow' title='Share this on Hyves'/>
    </li>
    <li class='sexy-identica'>
    <a class='external' expr:href='&quot;http://identi.ca//index.php?action=newnotice&amp;status_textarea=Reading:&quot; + data:post.title + &quot;+-+from+&quot; + data:post.url ' rel='nofollow' title='Post this to Identica'/>
    </li>
    <li class='sexy-izeby'>
    <a class='external' expr:href='&quot;http://izeby.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Add this to Izeby'/>
    </li>
    <li class='sexy-jumptags'>
    <a class='external' expr:href='&quot;http://www.jumptags.com/add/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/>
    </li>
    <li class='sexy-kaevur'>
    <a class='external' expr:href='&quot;http://kaevur.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Kaevur'/>
    </li>
    <li class='sexy-mail'>
    <a class='external' expr:href='&quot;mailto:?subject=%22&quot; + data:post.title + &quot;%22&amp;body=Link: &quot; + data:post.url + &quot; (sent via Way2blogging) &quot;' rel='nofollow' title='Email this to a friend?'/>
    </li>
    <li class='sexy-memoryru'>
    <a class='external' expr:href='&quot;http://memori.ru/link/?sm=1&amp;u_data[url]=&quot; + data:post.url + &quot;&amp;u_data[name]=&quot; + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/>
    </li>
    <li class='sexy-meneame'>
    <a class='external' expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Meneame'/>
    </li>
    <li class='sexy-misterwong'>
    <a class='external' expr:href='&quot;http://www.mister-wong.com/addurl/?bm_url=&quot; + data:post.url + &quot;&amp;bm_description=&quot; + data:post.title + &quot;&amp;plugin=sexybookmarks&quot;' rel='nofollow' title='Add this to Mister Wong'/>
    </li>
    <li class='sexy-moemesto'>
    <a class='external' expr:href='&quot;http://moemesto.ru/post.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to MyPlace'/>
    </li>
    <li class='sexy-mylinkvault'>
    <a class='external' expr:href='&quot;http://www.mylinkvault.com/link-page.php?u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/>
    </li>
    <li class='sexy-myspace'>
    <a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Post this to MySpace'/>
    </li>
    <li class='sexy-n4g'>
    <a class='external' expr:href='&quot;http://www.n4g.com/tips.aspx?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit tip to N4G'/>
    </li>
    <li class='sexy-netvibes'>
    <a class='external' expr:href='&quot;http://www.netvibes.com/share?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/>
    </li>
    <li class='sexy-netvouz'>
    <a class='external' expr:href='&quot;http://www.netvouz.com/action/submitBookmark?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;popup=no&quot;' rel='nofollow' title='Submit this to Netvouz'/>
    </li>
    <li class='sexy-newsvine'>
    <a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot; + data:post.url + &quot;&amp;h=&quot; + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/>
    </li>
    <li class='sexy-ning'>
    <a class='external' expr:href='&quot;http://bookmarks.ning.com/addItem.php?url=&quot; + data:post.url + &quot;&amp;T=&quot; + data:post.title ' rel='nofollow' title='Add this to Ning'/>
    </li>
    <li class='sexy-nujij'>
    <a class='external' expr:href='&quot;http://nujij.nl/jij.lynkx?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url + &quot;&amp;b=&quot;' rel='nofollow' title='Submit this to NUjij'/>
    </li>
    <li class='sexy-oknotizie'>
    <a class='external' expr:href='&quot;http://oknotizie.virgilio.it/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/>
    </li>
    <li class='sexy-pfbuzz'>
    <a class='external' expr:href='&quot;http://pfbuzz.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/>
    </li>
    <li class='sexy-pingfm'>
    <a class='external' expr:href='&quot;http://ping.fm/ref/?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Ping this on Ping.fm'/>
    </li>
    <li class='sexy-plaxo'>
    <a class='external' expr:href='&quot;http://www.plaxo.com/?share_link=&quot; + data:post.url ' rel='nofollow' title='Share this on Plaxo'/>
    </li>
    <li class='sexy-plurk'>
    <a class='external' expr:href='&quot;http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+&quot; + data:post.url + &quot;&amp;qualifier=shares&quot;' rel='nofollow' title='Share this on Plurk'/>
    </li>
    <li class='sexy-printfriendly'>
    <a class='external' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url ' rel='nofollow' title='Send this page to Print Friendly'/>
    </li>
    <li class='sexy-pusha'>
    <a class='external' expr:href='&quot;http://www.pusha.se/posta?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Push this on Pusha'/>
    </li>
    <li class='sexy-scriptstyle'>
    <a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to Script &amp; Style'/>
    </li>
    <li class='sexy-slashdot'>
    <a class='external' expr:href='&quot;http://slashdot.org/bookmark.pl?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/>
    </li>
    <li class='sexy-sphinn'>
    <a class='external' expr:href='&quot;http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=&quot; + data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/>
    </li>
    <li class='sexy-springpad'>
    <a class='external' expr:href='&quot;http://springpadit.com/clip.action?body=&amp;url=&quot; + data:post.url + &quot;&amp;format=microclip&amp;title=&quot; + data:post.title + &quot;&amp;isselected=true&quot;' rel='nofollow' title='Spring this on SpringPad'/>
    </li>
    <li class='sexy-strands'>
    <a class='external' expr:href='&quot;http://www.strands.com/tools/share/webpage?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Strands'/>
    </li>
    <li class='sexy-stumpedia'>
    <a class='external' expr:href='&quot;http://www.stumpedia.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/>
    </li>
    <li class='sexy-techmeme'>
    <a class='external' expr:href='&quot;http://twitter.com/home/?status=Tip+@Techmeme+&quot; + data:post.url + &quot;--&quot; + data:post.title + &quot;&amp;source=Way2blogging&quot;' rel='nofollow' title='Tip this to TechMeme'/>
    </li>
    <li class='sexy-tipd'>
    <a class='external' expr:href='&quot;http://tipd.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Tipd'/>
    </li>
    <li class='sexy-tomuse'>
    <a class='external' expr:href='&quot;mailto:tips@tomuse.com?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/>
    </li>
    <li class='sexy-twittley'>
    <a class='external' expr:href='&quot;http://twittley.com/submit/?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;desc=&amp;pcat=Technology&amp;tags=&quot;' rel='nofollow' title='Submit this to Twittley'/>
    </li>
    <li class='sexy-viadeo'>
    <a class='external' expr:href='&quot;http://www.viadeo.com/shareit/share/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;urlaffiliate=31138&quot;' rel='nofollow' title='Share this on Viadeo'/>
    </li>
    <li class='sexy-virb'>
    <a class='external' expr:href='&quot;http://virb.com/share?external&amp;v=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Virb'/>
    </li>
    <li class='sexy-wikio'>
    <a class='external' expr:href='&quot;http://www.wikio.com/sharethis?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Wikio'/>
    </li>
    <li class='sexy-wykop'>
    <a class='external' expr:href='&quot;http://www.wykop.pl/dodaj?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Wykop!'/>
    </li>
    <li class='sexy-xerpi'>
    <a class='external' expr:href='&quot;http://www.xerpi.com/block/add_link_from_extension?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Save this to Xerpi'/>
    </li>
    <li class='sexy-yandex'>
    <a class='external' expr:href='&quot;http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=&quot; + data:post.url + &quot;&amp;lname=&quot; + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/>
    </li>
    </ul>
    </div>
    11. Simpan Template

    Sobat bisa mengganti background sesuai selera. Cara nya adalah dengan mengganti kode berikut

    <div class='sexy-bookmarks-bg-caring  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>

    Gantilah tulisan yang berwarna biru dengan dengan salah satu kode di bawah ini


      sexy-bookmarks-bg-sexy

    sexy-bookmarks-bg-caring

    sexy-bookmarks-bg-caring-old

    sexy-bookmarks-bg-love

    sexy-bookmarks-bg-wealth

    sexy-bookmarks-bg-enjoy

    sexy-bookmarks-bg-knowledge


    Selamat Mencoba dan Semoga Sukses :D
    Cara Membuat Jendela Browser Berputar Saat Membuka Blog

    Cara Membuat Jendela Browser Berputar Saat Membuka Blog


    Ada lagi nih cara memperunik blog sobat. Nah tips kali ini udah tau kan? Kalo belum tips kali ini adalah membuat jendela browser sobat berputar pada saat membuka blog. Waduh kok jadi berputar yah? Bisa pusing nih ngeliat nya hehehehehe ^_^. Ok deh ngak usah berpanjang lebar basa-basi nya, langsung aja sobat ikuti langkah berikut.

    1. Login ke blogger sobat
    2. Klik Rancangan >> Tambah Gadger >> Pilih HTML/Javascript
    3. Copy kode berikut

    <script>
    //<![CDATA[
    window.scrollBy(0,0)
    window.resizeTo(0,0)
    window.moveTo(0,0)
    //setInterval("move()",10);
    setTimeout("move()", 1);
    var mxm=100000
    var mym=100000
    var mx=100000
    var my=100000
    var sv=70
    var status=1
    var szx=0
    var szy=0
    var c=25
    var n=0
    var sm=10
    var cycle=2
    var done=2
    function move()
    {
    if (status == 1)
    {
    mxm=mxm/1.01
    mym=mym/1.01
    mx=mx+mxm
    my=my-mym
    mxm=mxm+(500-mx)/5
    mym=mym-(400-my)/5
    window.moveTo(mx,my)
    rmxm=Math.round(mxm/1)
    rmym=Math.round(mym/2)
    if (rmxm == 0)
    {
    if (rmym == 0)
    {
    status=2
    }
    }
    }
    if (status == 2)
    {
    sv=sv/1.1
    scrratio=1+1/3
    mx=mx-sv*scrratio/2
    my=my-sv/2
    szx=szx+sv*scrratio
    szy=szy+sv
    window.moveTo(mx,my)
    window.resizeTo(szx,szy)
    if (sv < 0.1)
    {
    status=3
    }
    }
    if (status == 3)
    {
    document.fgColor=0xffffFF
    c=c-16
    if (c<0)
    {status=8}
    }
    if (status == 4)
    {
    c=c+16
    document.bgColor=c*65536
    document.fgColor=(255-c)*65536
    if (c > 239)
    {status=5}
    }
    if (status == 5)
    {
    c=c-16
    document.bgColor=c*65536
    document.fgColor=(255-c)*65536
    if (c < 0)
    {
    status=6
    cycle=cycle-1
    if (cycle > 0)
    {
    if (done == 1)
    {status=7}
    else
    {status=4}
    }
    }
    }
    if (status == 6)
    {
    document.title = "Cljck"
    alert("Cljck")
    cycle=2
    status=4
    done=1
    }
    if (status == 7)
    {
    c=c+4
    document.bgColor=c*65536
    document.fgColor=(255-c)*65536
    if (c > 128)
    {status=8}
    }
    if (status == 8)
    {
    window.moveTo(0,0)
    sx=screen.availWidth
    sy=screen.availHeight
    window.resizeTo(sx,sy)
    status=9
    }
    var timer=setTimeout("move()",0)
    }
    //]]>
    </script>

    4. Simpan dan lihat hasil nya ^_^

    Selamat Mencoba

    Cara Memasang Recent Comments


    Recent comments adalah beberapa komentar terakhir dari pengunjung blog kita, termasuk komentar kita juga. Nah pada hari ini kita akan membahas cara memasang widget recent comments pada blog sobat. Widget ini berguna untuk melihat komentar terakhir para pengunjung blog yang telah berkomentar pada salah satu posting sobat. Cara memasang nya sangat mudah kok, sobat cukup mengikuti langkah-langkah berikut.

    1. Login ke blog sobat
    2. Klik Rancangan >> Tambah Gadget >> Pilih HTML/Javascript
    3. Copy kode di bawah ini
    <script style="text/javascript" src="https://sites.google.com/site/kodeblogger/javascript/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://besttaufiqblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
    4. Paste kan kode tersebut ke dalam HTML/Javascript tadi
    5. Simpan dan lihat hasil nya

    Selamat Mencoba ^_^

    Cara Membuat Flying Bird Twitter Terbang



    Membuat Icon Twitter "Flying Bird" dengan pilihan warna sangatlah mudah, hanya dengan merubah warna pada icon twitternya saja kita sudah bisa menikmatinya. Pada posting hari ini saya akan membagikan tips ini kepada sobat blogger semua. Tanpa panjang lebar lagi langsung aja ikuti langkah-langkah berikut.

    1. Login ke blogger
    2. Klik Rancangan >> Tambah Gadget >> Pilih HTML/Javascript
    3. Copy kode berikut menurut selera sobat

    Red
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioKdk4VxmVF94gzqA-5Z_RDI8rISeGh8gsTR3YD6Yia7s_FfatJ_6k0F5UpBKPuxu72oYp4dKXAfxKGhakJZL5mL3F6Vfwm1IQJdaPJ0wHb_rngKQPEzHEjE1Svhgr5NIv-FOhWniz-Qw/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/;tripleflapInit();</script>
    Blue
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3-C6OlpZFltzY-cRgcg-jnGn7AGzlt02j9dX6UEcYuqbgZy6DO2r5SmNpGwoNN0rccqGQ3x78Ppiyeu66l8RAKIUZUMblICruTWlpkSYCSbziFU0MJRVmQ9n8TbQ2FqWE5BZ1-URHVw/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Purple 
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZqP_FxHW-A1RFKuR2IF1iDiU0DRow9vokiRSFlwFXKzCKwAmqJ3Y2o07tTK42UPPe3tXvDfoe8vfD_-Skc64p2dZEN99B0RwZBgsN0TPn6tsPD_VSywuX6_EJxEwcTeC_sYwhwBU7m8/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Brown
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0MJOax0c6dNES9TLVg0uTIMewGQdnIKofgQu338o4_d1FTm3sga_-Dvru9mQO8BaCUnBUsd6D4c6RIjtQR9yITmjiY8keP1axmIaOLElgTCDJ39sTMnd9u-lDdqZyxaaT-_eSByh4Av4/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Black
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdfbyu4ujp135TSBwE4kMS6ymlAW8Is3hnz2f1_mbgQ7pS5zWg2BvuqqoUTfVoVzcfZtCbgXTW6IkGdSttJcIL8v2tS1NA012ga3xo52FtM9kD0ZnqXTONkR4UCS_ajSgRK2kn6t9J6s/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Green
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiJTUYoXXsDSR6WABNxnmsKheCv3tVosN915Ej_pNprLpIFCwQdOfsPEAuJjJJJsEvtQMdbuBzjPJzH8_egc4-pvmXxiLGyegfIZ9uhSyuRugmlY5JT5H_3gV7hKbHpY3JosD-DPZ1U3M/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Yellow
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLWvZ28tvnTmuse6j-DYFHiSLJx_KraiQhlWp9jhUreUerGI2yZM2qLX8Lt68LLl_1qQA2MXGhrW8Nn7KoRJB5zgDA5rXu9LjOJ_ig7R15nqPJScZixQZmCOTKJkQxtaT2vjGlWbwXK8/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    White
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4l52EZC8hta1o6GXxtzwS_sjxoXXvn7W3k0L8dLWZfDpwD-Aa9Qtmk2qEgRa3O7vvsePEzKt8XGl3e9ofiyLbip9sjx_Ppga3L2crC2HA9_Jm_6ERTc8Wh2tcB0plkrB-1mFIJh_FvGI/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Blue (Standard)
    <script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZFi2TjlkFO6iIcvDk-wVVdu-53p3-7Jlop3Dfx20quStuoblnbqTpFxjDKEUIVlBf_Yhdte64GfVcsGKBpXTghq93rCzegc4iJESbcrweT5NM_T7KoCoK0-2zLEqW6ffPMuoxetpSBA/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.URLblog.blogspot.com/";tripleflapInit();</script>
    Catatan :
    • Ganti text berwarna merah pada code dengan nama twitter sobat
    • Ganti text berwarna kuning dengan URL blog sobat
    4. Simpan dan lihat hasil nya

    Selamat Mencoba dan Semoga Sukses  ^_^
    Cara Membuat Daftar Isi Otomatis

    Cara Membuat Daftar Isi Otomatis


    Selamat sore sobat blogger semua pada hari ini saya akan memberikan tips penting buat para sobat. Tips ini berguna untuk mengupdate posting blog sobat secara otomatis. Dibandingkan dengan mengupdate secara manual, mengupdate secara otomatis jauh lebih mudah. Bagaimana cara nya? Cara nya cukup mengikuti cara berikut :

    1. Login ke blogger
    2. Buat entri baru
    3. Jangan menulis pada compose seperti saat sobat biasanya menulis postingan, tetapi klik edit HTML yang ada di sebelahnya. Ini dilakukan karena kita akan memasukan script, bukan tulisan postingan biasa.
    4. Masukan script berikut ini
    <script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
    <script src="http://namablogsobat.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    Ganti tulisan http://namablogsobat.blogspot.com/ dengan alamat blog sobat masing-masing.

    5. Klik Terbitkan Entri dan selesai :)

    Selamat Mencoba