Panduan membuat tambah Fancy "Sosial button"
LANGKAH 1 : Pertama, Masuk ke Blogger. Sekarang, masuklah ke "Layout" dan klik "Edit HTML"
LANGKAH 2 : Sekarang cari [CTRL + F] kode ini:
]]></b:skin>
Pastekan code dibawah sebelum code ]]></b:skin>
/* 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;}
#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;}
LANGKAH 3: Sekarang cari (CTRL + F) ini di template;
</head>
Pastekan code dibawah sebelum </head>
<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("li").each(function(i){
$(this).css("z-index", 12- i);
if (i>0)
$(this).css("left", i * 24 + 100);
});
}
})(jQuery);
</script>
<script type='text/javascript'>
$(document).ready(function(){
$("#sharebox").sharebox();
});
</script>
<script type='text/javascript'>
(function($){
$.fn.sharebox = function(){
var element = this;
$(element).find("li").each(function(i){
$(this).css("z-index", 12- i);
if (i>0)
$(this).css("left", i * 24 + 100);
});
}
})(jQuery);
</script>
<script type='text/javascript'>
$(document).ready(function(){
$("#sharebox").sharebox();
});
</script>
LANGKAH 4: Sekarang cari (CTRL + F) ini di template;
<data:post.body/>
<ul class='sharebox' id='sharebox'>
<li><img alt='Share this' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1JRgRmiNca3b8pPIgO6aaN1_16Nh0Ly_E89AiFDyI2EFKWO-f9dHA5Bybgs4pau2CA02cqV7d6oV4v8nDb2EkaefprIn6o_7DrSMejfxKJobUrmyglt6aQ5lhkGPZb00wcyKowUeB1QY/s400/sharethis.png'/></li>
<li><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpL5TBUhvTYLOKe6PBoTKB1vOWTuMoGVmCC1ZalTTWMjqrH_2nerdsr5PkU5eS9t_2tm8D7l4sYcQP-a1QF51bmJihZTdWTQLvJ4mcY6XR4wF1ui4r8rWq90DbacTzIznKsOXsTdUAcyU/s400/digg_48.png'/></a></li>
<li><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9XlWD12Vo8ZvEzz9KiomMqAIOXRarur-5QNJYDi_WGmJ1OtqwXY1stkI2KSzYATPYVsXwtSHTGbEefSTqlrEcZSZRoN6qOug7XsH5l_gMa9uXGS2yh4Hpmz-ROnYoITaV97U9ZJ6MY-E/s400/sumbleupon_48.png'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInYoQyFk_wcyuw8DbUa47tsiAsTSB6dAx_JT5wsgBoPisKObxs5h1wnrEmMXM8uBcw6uDWoG1yQKRwcf6HBSZoRQRf4XdB35Nhe3Lgh266JB0YVNuVTLAKF5D2I7uRyGdnHFFWm9J71s/s400/delicious_48.png'/></a></li>
<li><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_kWRvdE6ebtrTjHEmudrHjRv_0p0a9DVXg6JPoQeYROSVrd0bihE5B_ezjsimVcSi7-UgJiC09WSULLce9lcrXS-DPsibG66G6inwi_5z3qSjb8kR7_U99hnuEnVRW2QsILr19hnw14/s400/technorati_48.png'/></a></li>
<li><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbkMRSbAf85TyxkOyD6_g7elU_WG6dHvfJh1jbthKBa0VDg3UxvLqDxSIbPd9aqYqQhhGsHuSXCr-uvjp5_Y1lNchWvXYwba_WOz9v3uY-xQOApIkNddzSaj_pFThxiDkwGUze6539W_Q/s400/reddit_48.png'/></a></li>
<li><a expr:href='" http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFK3mc0JmWBhoDmzzDFuouvoCMlHG6_kl7IHdgEkIWIpiRRzErNxo8KwCTkQYtDFaGcHZ2Cfm_WmYwZd4ctcnTUhzFmL9YVWY5yyBU00xvzFap4C30umPFpaB7U8wITB7Vms_CnYZ0dw/s400/mixx_48.png'/></a></li>
<li><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'><img alt='Sumbit to Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsHb942V-IFeqtXP9hRWIbxNZdFe-GuZhLLxWX6WY54WJ3018Ih4OYHk0jupZDteUwwgR3NK_snMfu-1Ns5XmX06BeVaqOhhFCFBrFjRk93uF_sKGJta2r51_q_4967XV2aS91XTeC8hA/s400/twitter_boxed_48.png'/></a></li>
<li><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIJ54Y69lOCwxabVjnaFvWSsS-fXGcNCi-2-aUme39CzcOTvjLF1fvur7wINneVQ6z09QmqP3bzmNKumPGEsNE296wA0XNhplVQ_KKdsMoVyeWsTA5AsPdBlBDHScxsZKi_0RxnRufEc/s400/furl_48.png'/></a></li>
<li><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Design Float' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwEJ8JHTtaAAN6piLLZhxrH8pYQkRr16X-08xdb4fmzqwfm9iNttjTUT-I7iJ0i4DXapj7dvjpezJE9_yFvGOl1qrSRWx-sYMWmxNItHgne7yiG2ovBXo6AdTr5L-mGXe81Ny16jslXo/s400/designfloat_48.png'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmpIJHu5bERtscNyY5nILvrH7IoZFrhZeWemPxueSja0AuVrnE9qKg4vEtv5QKvKThf4ch5PcX4vrIMwTDs0Nn9cRwVA_hjUel4nh-0W8-0IILMdsP97UyoG0khCX8E-ZqzBJVrpy2nA/s400/blinklist_48.png'/></a></li>
<li><a expr:href='"http://buzz.yahoo.com/article/" + data:post.url' target='_blank'><img alt='Sumbit to Yahoo Buzz' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0JhPrtZIHm4klWv9O3X8CzQigmZA8Uh593jJIiLAqMZAvpeeWm_Ep1N2h56hKsfKOmlJ3CC8pzwD1rUnrmZOghnPwovxkEXLC1DxvGDXv1gYC_Wrfg0unb0MS7GSg17OtXrNhIzXQt5I/s400/yahoo_48.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGxo60HVCtTVanHplSicxQpFk4lCd2ZQgrYLzWFg_yeUpOf3U6ux3Lo4LWsgIZ7Yn9smjasX1o4cmHZAFh6STmAaa5nNhW_XoFCV7ZnKFF8bJATzINRG4hixDXrd-p64w4yMmZpngOnlQ/s400/google_48.png'/></a></li>
</ul>
<li><img alt='Share this' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1JRgRmiNca3b8pPIgO6aaN1_16Nh0Ly_E89AiFDyI2EFKWO-f9dHA5Bybgs4pau2CA02cqV7d6oV4v8nDb2EkaefprIn6o_7DrSMejfxKJobUrmyglt6aQ5lhkGPZb00wcyKowUeB1QY/s400/sharethis.png'/></li>
<li><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpL5TBUhvTYLOKe6PBoTKB1vOWTuMoGVmCC1ZalTTWMjqrH_2nerdsr5PkU5eS9t_2tm8D7l4sYcQP-a1QF51bmJihZTdWTQLvJ4mcY6XR4wF1ui4r8rWq90DbacTzIznKsOXsTdUAcyU/s400/digg_48.png'/></a></li>
<li><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9XlWD12Vo8ZvEzz9KiomMqAIOXRarur-5QNJYDi_WGmJ1OtqwXY1stkI2KSzYATPYVsXwtSHTGbEefSTqlrEcZSZRoN6qOug7XsH5l_gMa9uXGS2yh4Hpmz-ROnYoITaV97U9ZJ6MY-E/s400/sumbleupon_48.png'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInYoQyFk_wcyuw8DbUa47tsiAsTSB6dAx_JT5wsgBoPisKObxs5h1wnrEmMXM8uBcw6uDWoG1yQKRwcf6HBSZoRQRf4XdB35Nhe3Lgh266JB0YVNuVTLAKF5D2I7uRyGdnHFFWm9J71s/s400/delicious_48.png'/></a></li>
<li><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_kWRvdE6ebtrTjHEmudrHjRv_0p0a9DVXg6JPoQeYROSVrd0bihE5B_ezjsimVcSi7-UgJiC09WSULLce9lcrXS-DPsibG66G6inwi_5z3qSjb8kR7_U99hnuEnVRW2QsILr19hnw14/s400/technorati_48.png'/></a></li>
<li><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbkMRSbAf85TyxkOyD6_g7elU_WG6dHvfJh1jbthKBa0VDg3UxvLqDxSIbPd9aqYqQhhGsHuSXCr-uvjp5_Y1lNchWvXYwba_WOz9v3uY-xQOApIkNddzSaj_pFThxiDkwGUze6539W_Q/s400/reddit_48.png'/></a></li>
<li><a expr:href='" http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFK3mc0JmWBhoDmzzDFuouvoCMlHG6_kl7IHdgEkIWIpiRRzErNxo8KwCTkQYtDFaGcHZ2Cfm_WmYwZd4ctcnTUhzFmL9YVWY5yyBU00xvzFap4C30umPFpaB7U8wITB7Vms_CnYZ0dw/s400/mixx_48.png'/></a></li>
<li><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'><img alt='Sumbit to Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsHb942V-IFeqtXP9hRWIbxNZdFe-GuZhLLxWX6WY54WJ3018Ih4OYHk0jupZDteUwwgR3NK_snMfu-1Ns5XmX06BeVaqOhhFCFBrFjRk93uF_sKGJta2r51_q_4967XV2aS91XTeC8hA/s400/twitter_boxed_48.png'/></a></li>
<li><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIJ54Y69lOCwxabVjnaFvWSsS-fXGcNCi-2-aUme39CzcOTvjLF1fvur7wINneVQ6z09QmqP3bzmNKumPGEsNE296wA0XNhplVQ_KKdsMoVyeWsTA5AsPdBlBDHScxsZKi_0RxnRufEc/s400/furl_48.png'/></a></li>
<li><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Design Float' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwEJ8JHTtaAAN6piLLZhxrH8pYQkRr16X-08xdb4fmzqwfm9iNttjTUT-I7iJ0i4DXapj7dvjpezJE9_yFvGOl1qrSRWx-sYMWmxNItHgne7yiG2ovBXo6AdTr5L-mGXe81Ny16jslXo/s400/designfloat_48.png'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmpIJHu5bERtscNyY5nILvrH7IoZFrhZeWemPxueSja0AuVrnE9qKg4vEtv5QKvKThf4ch5PcX4vrIMwTDs0Nn9cRwVA_hjUel4nh-0W8-0IILMdsP97UyoG0khCX8E-ZqzBJVrpy2nA/s400/blinklist_48.png'/></a></li>
<li><a expr:href='"http://buzz.yahoo.com/article/" + data:post.url' target='_blank'><img alt='Sumbit to Yahoo Buzz' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0JhPrtZIHm4klWv9O3X8CzQigmZA8Uh593jJIiLAqMZAvpeeWm_Ep1N2h56hKsfKOmlJ3CC8pzwD1rUnrmZOghnPwovxkEXLC1DxvGDXv1gYC_Wrfg0unb0MS7GSg17OtXrNhIzXQt5I/s400/yahoo_48.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGxo60HVCtTVanHplSicxQpFk4lCd2ZQgrYLzWFg_yeUpOf3U6ux3Lo4LWsgIZ7Yn9smjasX1o4cmHZAFh6STmAaa5nNhW_XoFCV7ZnKFF8bJATzINRG4hixDXrd-p64w4yMmZpngOnlQ/s400/google_48.png'/></a></li>
</ul>
LANGKAH 5 :
Post a Comment