18 Mei 2011

Cara Memasang Sexy Bookmark Di Blog


Tutorial yang akan saya bahas pada kali ini adalah Bagaimana Cara Memasang Sexy Bookmark Di Blog. Coba Anda lihat Sexy Bookmark pada blog saya ini, Lumayan bagus kan? Lagipula Social Bookmarknya banyak pula loh. Langsung aja kalau begitu kawan...

  1. Masuk ke akun blog anda
  2. Klik Rancangan, setelah itu masuk Edit HTML
  3. Jangan Lupa centang Expand Template Widget
  4. Expand Template Widget
  5. Copy kode CSS di bawah ini
  6. Kode CSS
    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/AVvXsEiqX7NyAR72SpSJ2rqGCZA6k1QuP-2_yxkOO-pnaq_ZilJksPFGMfCU2gJiXFVDGMC7DVPTpH5tKDPrQ1HtjCdT0yh3tSN_SVAeDnDAL0esg0niR7wkaZlD0nck4jERzXNi_q51gY4h6VpB/') no-repeat !important } div.sexy-bookmarks-bg-caring{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQaSBlvXFdBZFpgS1MKuBau_qptc0LuRgLmcVRLRLIn0cu0AOHoVL0ssp2k4yI_nRM9_tUqfZkXzGZU7xj0XqE2h5q9erz4e63ZhU8uOckTMrI1rjdWhR10PRGnPyzc-ann3RLoWsHD6tz/') 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/AVvXsEi6PT7Np-hQi6k-3SRpL_OWeh9UYpybYHp4NGduwDlDHYcyYQDlT_cJigFKjHUSehHMJLLHkxoAFcTzK4xrwNZMtYy_8LqY3uBySNcxG2Nt-5HNDKnz8wdkBefb4X9Jk2c9aOnaXJa63bCt/') no-repeat !important } div.sexy-bookmarks-bg-love{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4cqcj_Bk51n9-dxF2DnljAksb6mYsWPnbyJHNhI3ktmDLNGV_7zCfDAecWFb-C_GO_DBlOjKFaw4XWFPanDkRL_QB614_BOuEksIt2c-obUsQUJgB10mt4jMlflcWe6Uu5Wc00zmB84p/') no-repeat !important } div.sexy-bookmarks-bg-wealth{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ubpVWiO96WUHggbGBbpguZzJZ-cmjswwNSkEScZmcU699rE3-M0LlFHb6vMmtHerg7GHIZUP4udHNQYv-UKPtdigGw_Lp-xzAooAVYFKR6yMyaR9loRJQ9r3iZEfJtOHeKB0zoIMdTSF/') no-repeat !important } div.sexy-bookmarks-bg-enjoy{ padding:26px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5mKcWFqRBGJ4Mslsb6xXnicaPUyCaVyEkQCx1dy8AA0ulQu0Qrv1RqY1KnpCyTQodooSJdn-Jw30YqraKuXKBTwYC9rfxOcYtsL6ydASi49c-YXJ2rp0yU88_0uBiYLzE-51YER3MIQ8l/') no-repeat !important } div.sexy-bookmarks-bg-german{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4O62eGwqJOyLmV1fXAE8e9qy7U1QayshN8DPy_d4nNT4eCNt3HF5q8Wkzjlmh_J2aKE2_LoYNAC7JVsG6wkDu9VrfhJ4QA1W6ZONfZvP1C1hJ5X_RXVqtfitNvVqjev3kW8PDhyrwkdbc/') no-repeat !important } div.sexy-bookmarks-bg-knowledge{ padding:35px 0 0 10px !important; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGJ6oJ-M8SdPiwfU9UlOMqz0duwGhYS1tIxELK-rf_tqEmjzMjScLICfoNAJmzXz_t_nape7SaH_JTqAdBt1960I0E6uQlgxrML_TbmQLcayR66UuAea0zfR4nKU9HJZh7nBFrrXwxIJFz/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}
  7. Kemudian paste di atas kode
  8. </b:skin>
  9. Tambahkan framework jQuery.
    INGAT, jika pada template anda sudah terdapat framework jQuery, maka kode di bawah ini TIDAK PERLU di tambahkan.
    Jika belum terdapat framework jQuery, maka copy kode di bawah ini
  10. <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
    kemudian letakkan di atas kode
    </head>
    atau di bawah kode
    </b:skin>
  11. Copy script dibawah ini
  12. Copy Script
    <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>
    
  13. kemudian letakkan di atas kode
  14. </head>
    atau di bawah kode
    </b:skin>
  15. Selanjutnya cari kode ini dengan tombol F3
  16. <data:post.body/>
    Catatan : Jika template anda terdapat Readmore, maka terdapat 2 kode. Jadi saya sarankan agar meletakkan pada kode yang ke 2 / kode yang paling bawah
  17. Copy kode di bawah ini
  18. Copy Mas Bro
    <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>
  19. Letakkan setelah kode
  20. <data:post.body/>
  21. Simpan template
    1. Anda bisa mengganti background sesuai selera anda. Caranya dengan cara mengganti kode ini
      <div class='sexy-bookmarks-bg-caring  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
      Gantilah tulisan yang di blok dengan 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-german
      sexy-bookmarks-bg-knowledge

5 komentar:

  1. bro kalo hanya ditampilin hnya saat kita klik read more gimna tuc...

    BalasHapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. @brebet-mania:kode yg da di no 10 taruh y sesudah kode <data:post.body/> yang kedua

    BalasHapus
  4. thanks gan..uda ane pake di blog saya :beer:

    BalasHapus
  5. wah bikin loading blog jadi berat gak bro ?

    BalasHapus