TutorNesia ~ Sepertinya ada yang aneh dengan judul yang saya berikan, tapi saya sendiri bingung entah mau dikasih judul apa. Biarlah, yang penting adalah tutorialnya bukan. Jangan terkejut jika anda melihat begitu banyak CSS dan HTML. Sebetulnya tidak berat kok loadingnya, biasa yang membuat loading berat adalah Javascript, namun satu hal yang dapat saya pastikan adalah jika ada penambahan CSS ataupun HTML pasti akan sedikit pengaruh terhadap loading.
01. Silahkan simpan CSS ini diatas ]]></b:skin> atau </style>
/* Modifikasi widget Tombol Share Leony Li */
.addthis_toolbox {width:96.5%;position:relative;background:-moz-linear-gradient(top, #555, #000);background: -webkit-gradient(linear, left top, left bottom, color-stop(#555), color-stop(#000));background: -webkit-linear-gradient(top, #555,#000);background: -o-linear-gradient(top, #555,#000);background: -ms-linear-gradient(top, #555,#000);background: linear-gradient(top, #555,#000);border:2px solid #fff;box-shadow:0 0 3px 0 #000;margin-left:-2px;padding:5px 10px;border-radius:3px;margin-top:20px;}
.addthis_toolbox .addthis-tooltip {display:block;width:160px;padding:5px 10px;position:absolute;bottom:100%;left:10px;z-index:77;margin-bottom:30px;background:-moz-linear-gradient(top, #2c3e50, #1F2B37);background: -webkit-gradient(linear, left top, left bottom, color-stop(#2c3e50), color-stop(#1F2B37));background: -webkit-linear-gradient(top, #2c3e50,#1F2B37);background: -o-linear-gradient(top, #2c3e50,#1F2B37);background: -ms-linear-gradient(top, #2c3e50,#1F2B37);background: linear-gradient(top, #2c3e50,#1F2B37);text-transform:uppercase;font:20px Oswald;color:white;text-align:center;box-shadow:0px 2px 6px rgba(0,0,0,0.4);border-radius:3px;opacity:0;visibility:hidden;transition:all 0.26s ease-out;}
.addthis_toolbox .addthis-tooltip:before {content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1F2B37;border-right:20px solid transparent;width:0;height:0;line-height:0}
.addthis_toolbox:hover .addthis-tooltip {visibility:visible;opacity:1;margin-bottom:10px;}
#search input[type="text"]:hover, #search input[type="text"]:focus {width:567px;border: 2px solid #444;box-shadow:0px 0px 5px 0px #8C1583;border-radius:3px;padding-left:35px;}
#search input[type="text"] {background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGaqNe6GBggAFaNWo-2hr9SEXfh9NFb8jSIr1RZgJEHzQ7HWnd-1tWaDOe2XzckNvQ_nmydKUWmYjpHYvVri5XHq8mQsndb9vPyPkPKCShVHM2mje4op0Qp22ErRkkK8ARerSivx9z41J/s1600/3sbutton.png")no-repeat center left 6px;width:138px;font-size: 13px;color: #222;padding: 10px 10px 10px 25px;transition: all 1.2s ease-in-out;margin:-4px -4px;z-index: 9;position: absolute;border: 2px solid #B1A2A8;border-radius:3px;right:5px;}
#share-leonyli{font-size:14px;}
#share-leonyli p{float:left;display:block;}
#share-leonyli a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:3px;display:block;color:#fafafa;padding:5px;margin:0px 3px 0px 0px;
border:2px solid #fff;box-shadow:0 0 3px 0 #000;}
#share-leonyli a:hover{box-shadow:3px #000;}
/* Akhir modifikasi widget Tombol Share Leony Li */02. Pasang HTML ini dibawah kode <div class='post-footer'> yang kedua, (jangan hanya fokus pada <div class='post-footer'> karena setiap template berbeda-beda).
<b:if cond='data:blog.pageType == "item"'>
<div id='share-leonyli'>
<div class='addthis_toolbox addthis_default_style '>
<span class='addthis-tooltip'>Share This Article</span>
<form action='/search' id='search' method='get'>
<input id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value=' Search My Site...'/></form>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:-moz-linear-gradient(top, #3b5998, #1D2B4A);background: -webkit-gradient(linear, left top, left bottom, color-stop(#3b5998), color-stop(#1D2B4A));background: -webkit-linear-gradient(top, #3b5998,#1D2B4A);background: -o-linear-gradient(top, #3b5998,#1D2B4A);background: -ms-linear-gradient(top, #3b5998,#1D2B4A);background: linear-gradient(top, #3b5998,#1D2B4A);' target='_blank' title='Bagikan ke Facebook'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:-moz-linear-gradient(top, #75972D, #5D1B0D);background: -webkit-gradient(linear, left top, left bottom, color-stop(#75972D), color-stop(#5D1B0D));background: -webkit-linear-gradient(top, #75972D,#5D1B0D);background: -o-linear-gradient(top, #75972D,#5D1B0D);background: -ms-linear-gradient(top, #75972D,#5D1B0D);background: linear-gradient(top, #75972D,#5D1B0D);' target='_blank' title='Bagikan ke +Google'>+Google</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&amp;text=" + data:post.title + "&amp;via=LeonyLi_com&amp;lang=id"' rel='nofollow' style='background:-moz-linear-gradient(top, #4099ff, #1F4B7C);background: -webkit-gradient(linear, left top, left bottom, color-stop(#4099ff), color-stop(#1F4B7C));background: -webkit-linear-gradient(top, #4099ff,#1F4B7C);background: -o-linear-gradient(top, #4099ff,#1F4B7C);background: -ms-linear-gradient(top, #4099ff,#1F4B7C);background: linear-gradient(top, #4099ff,#1F4B7C);' target='_blank' title='Bagikan ke Twitter'>Twitter</a>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' style='background:-moz-linear-gradient(top, #666, #000);background: -webkit-gradient(linear, left top, left bottom, color-stop(#666), color-stop(#000));background: -webkit-linear-gradient(top, #666,#000);background: -o-linear-gradient(top, #666,#000);background: -ms-linear-gradient(top, #666,#000);background: linear-gradient(top, #666,#000);' target='_blank' title='Bagikan ke Digg'>Digg</a>
<a expr:href='"http://technorati.com/faves?sub=addfavbtn&amp;add=" + data:post.url' rel='nofollow' style='background:-moz-linear-gradient(top, #67b500, #325800);background: -webkit-gradient(linear, left top, left bottom, color-stop(#67b500), color-stop(#325800));background: -webkit-linear-gradient(top, #67b500,#325800);background: -o-linear-gradient(top, #67b500,#325800);background: -ms-linear-gradient(top, #67b500,#325800);background: linear-gradient(top, #67b500,#325800);' target='_blank' title='Bagikan ke Technorati'>Technorati</a>
<a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' rel='nofollow' style='background:-moz-linear-gradient(top, #4E7DA9, #263D52);background: -webkit-gradient(linear, left top, left bottom, color-stop(#4E7DA9), color-stop(#263D52));background: -webkit-linear-gradient(top, #4E7DA9,#263D52);background: -o-linear-gradient(top, #4E7DA9,#263D52);background: -ms-linear-gradient(top, #4E7DA9,#263D52);background: linear-gradient(top, #4E7DA9,#263D52);' target='_blank' title='Bagikan ke Reddit'>Reddit</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' target='_blank' rel='nofollow' style='background:-moz-linear-gradient(top, #8D6666, #322323);background: -webkit-gradient(linear, left top, left bottom, color-stop(#8D6666), color-stop(#322323));background: -webkit-linear-gradient(top, #8D6666,#322323);background: -o-linear-gradient(top, #8D6666,#322323);background: -ms-linear-gradient(top, #8D6666,#322323);background: linear-gradient(top, #8D6666,#322323);' title='Bagikan ke LintasME'>Lintaskan</a>");
//]]>
</script>
<div class='clear'/>
</div></div>
</b:if>
Baca Juga Artikel Terkait Lainnya
Silahkan bertanya sesuai dengan artikel yang telah anda baca diatas.
Link aktif otomatis terseleksi ke SPAMMER.
Alasan komentar anda tidak terjawab adalah OOT atau diluar kemampuan Admin.