Cara Memasang SHARE THIS Unik Di Blog

Apakah Anda menyukai Artikel ini?
Share
Apakah Anda ingin berbagi Artikel ini?

Cara Memasang SHARE THIS Unik Di Blog

Social bookmark share box baru untuk blog kawan, dengan efek animasi di-hover. Dengan menambahkan ikon jaringan sosial ke blog kawan, yang pasti akan meningkatkan trafik dan tentunya bikin cantik penampilan blog kawan. Ok kawan.... langsung aja , jika kawan ingin pasang Social bookmark seperti blognya kawan Sing Stright , kawan bisa ikuti sedikit tutorial dibawah ini :

1. Kawan  login dulu ke blogger.com
2. Masuk ke Rancangan >> Edit HTML >> Klik expand widget templates
3. Cara cepat tekan CTRL:+F kawan cari kode ]]></b:skin>
4. Copast kode dibawah ini sebelum kode tersebut kawan.

/* Fancy SocialBookmark*/

#sharebox{
height:48px;
width:400px;
margin:0;
padding:5px 0;
}

ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute;}
ul.sharebox li a { margin:0 0 0 -24px; display:block;}
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

5. Cari kode </head> kawan, Copast kode script dibawah ini sebelum/diatas kode </head> kawan.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
(function($){
$.fn.sharebox = function(){
var element = this;
$(element).find(&quot;li&quot;).each(function(i){
$(this).css(&quot;z-index&quot;, 12- i);
if (i&gt;0)
$(this).css(&quot;left&quot;, i * 24 + 100);
});


}
})(jQuery);
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#sharebox&quot;).sharebox();
});
</script>

6. Cari kode <data:post.body/> kawan, jika ada dua Copast kode dibawah ini sebelum atau sesudah kode <data:post.body/> yang ke dua kawan.

<ul class="sharebox" id="sharebox">
<li><img alt="Share this" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRsbP-MRZZffOJXfeA6TgkkqSmfq-e6EgKAV54qVQh65-IRsjDE-i6jUNjH2-ZWe-3VRkJiIwpuoC2ZTAqdpoIsAUkNoHgrkrhCLbCrGWcbPl3bFq33S4Y3ncSivrbxeGSqw5mRhsWVds/s400/sharethis.png" /></li>
<li><a expr:href="&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Digg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8wrf29GVPsFv-vs-ya_Lz5XCvfCZnHvTiuO072jybSvyOIRji8M81oZ57HZye44JBkNd8VB9gPLqrmX_5OCRZ1h_yirhtChbpLIFJTTZpSM06BZG8BELokuSVV5IgOgjjZ83cNf5piUM/s400/digg_48.png" /></a></li>
<li><a expr:href="&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to StumbleUpon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBSw_nAUHXBMiARAJ-w3AaG8S50TKd3-zpByIULxLmK1Kp3jJiGlsbKG-im06JirCH_Qo9gdglyIYy5rCTZc6N__d4F7gurXYIZJJ77kCqjisEgwH3xDJBdd3qKi1sCkzq2VIoWbvJrKs/s400/sumbleupon_48.png" /></a></li>
<li><a expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Delicious" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn8jnpkfu9Vj3M_DFw4f32Nl0kx8c7Eij6H63y8QJiSN-LwfLJVmqPo_tGBwHX2rtsiCrtvJYncKcnJl79jnqjexCcw8IOiIKYtwJho7Exl9EuzlCF0E1aDgLaToztokm8A1tWAUAsu24/s400/delicious_48.png" /></a></li>
<li><a expr:href="&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaj-7g2hKbW06vrJf24S188Rv4oEfe_jRs_kQ4d6m_OAF1itup7_PMb6ngKvEuotWttzW968FjOk4ExIUaYhhLthQ-4sEGgJnoGLyFK_2zWi_rcy9yICH7zY9hWHRkjHflVkdjGMdFMAQ/s400/technorati_48.png" /></a></li>
<li><a expr:href="&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Reddit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tyXun8cBf6OceufGmvAZl1ia5yWxeOW2bX6N4uA3setEORMa-2zb-AVFCy3BNGMwkZ9qLCZVWOghyqUAfoJMaMBpxqyup7N9VxHGP_0UXJ39aFV02n8S3XQDpLG4dsXWYREepT_QPf4/s400/reddit_48.png" /></a></li>
<li><a expr:href="&quot; http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Mixx" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8n0U8yJLvOBEvWNYcQPHV2yGTGY2s8JHHDIJeDzsyVWQ5gvHauoNWBqnGqfwl5LiUQI7sQ_NrMhu-f2aW8G8Sg4SAHnp2cnrqsL-47bZKPifUEbQEwYl4Glph5GGPMGvtlXXHjo0Q7i8/s400/mixx_48.png" /></a></li>
<li><a expr:href="&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url" href="" target="_blank"><img alt="Sumbit to Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIY_X7IePJ0n8I41tBYraSq8MjC_JesHTh1GvdKqCk-GXh7us9yx4pUNN0b-TXvd0nXsv6L0cU7ow8xM-7XFT-zAkvEgslE3TMOm5YNUZCgAsIp7EFY1qwPpPQuJUkauV0njvhCMLjo0/s400/twitter_boxed_48.png" /></a></li>
<li><a expr:href="&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Furl" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5YA0Vp5EVa8BybIM6C7iOz2SIf-hmDEXJoQqQWQ5TL7ZvWiuSvX7Y_dscXqNqvXbENKVos2UYQXmCAXhwvoVJzUfEE5WkX3FZ7nWFa0waO0mjul7iBHTFtB7lfT12tqgq9q64ZM3Fl0/s400/furl_48.png" /></a></li>
<li><a expr:href="&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Design Float" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBN70MntQjpG3Ig3_GDTCKqBhR7jbaUUgATJ1yLnqfMzmxUll2XPwQwmM9tZpSSNdXEbdLSe-nmWfGO2FvLS8Qy3ZzFKHA2vDB_w6eBufvm4VrYOiQ6xNxC_qDCgF5uMaYCrEPlSsHjo/s400/designfloat_48.png" /></a></li>
<li><a expr:href="&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Blinklist" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuD29dnQCANmAPY6JMmBt-6PlSg_oscSD6wZgAQCSQ54hmJkZYXFRfjbrw90P0XhJ5q1WIhybI76DOUS64IJVbpfOOsoNceKWMRdDWmDpPOURj3SpTZLl6tnSEw2oU0ImgxZ2CyfBnxLo/s400/blinklist_48.png" /></a></li>
<li><a expr:href="&quot;http://buzz.yahoo.com/article/&quot; + data:post.url" href="" target="_blank"><img alt="Sumbit to Yahoo Buzz" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntsyjHuJwDdtKawQispNLlMiBYuUa6DnhWCjvB08vwHuXDfjEKYENFj8S5fTbZ2AHken4bAu5h50IE87w-oGXWB9EUCx_Oxt5BlRaFB7qr59uzSjuCjpw8HcwbxTGmzhLV8jYm8JI7IA/s400/yahoo_48.png" /></a></li>
<li><a expr:href="&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" target="_blank"><img alt="Sumbit to Google Bookmarks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1N7a0y24z8BkMqj0C5EoBGu-jHhY_cc2Wga02uXAahpKY5tCH2uB1KlpxgPEmgkZJ2VXwWgA1_JC6adzpb91rKnEixJIWh0yy_3udW1TxqbwyscKgPRCZtq0jSgIAanF9fXIX9NwOrrU/s400/google_48.png" /></a></li>
</ul>

7. Save/Simpan template

Nb. Sebelum kawan mengganti dengan code2 diatas mohon di backup dahulu template anda ini sangat penting apabila mengalami kegagalan.

Happy Blogging Kawan...!!!

Baca Artikel Terkait :

  • Judul Artikel : Cara Memasang SHARE THIS Unik Di Blog
  • Artikel ini diterbitkan oleh : Sing Stright
  • Diterbitkan pada :
  • Dalam kategori : ,
  • Jumlah komentar : 0 komentar

Langganan: Posting Komentar (Atom)
 
 
 
 


Singstright Hemat Energi


Move your mouse to go back to the page!