Bagi anda pencipta Blog, apakah anda ingin kalau di blog anda ada widget share this nya. agar pengunjung /Visitor blog anda bisa ngeShare postingan atau artikel anda. Untuk memasang widget Share This!!! di bawah artikel atau posting blog tidak sulit. Saya sudah menyiapkan Info tentang Cara Memasang Widget Sharing Pada Blog dibawah ini.
- Anda masuk dulu ke blogger.com
- Pilih Template dan Edit HTML
- Cari kode ]]> </ b: skin> dan letakkan kode berikut di atas kode ]]> </ b: skin>
ul.social_tutorialblogspot{list-style:none;display:inline-block;margin:15px auto}ul.social_tutorialblogspot li{display:inline;float:left;background-repeat:no-repeat}ul.social_tutorialblogspot li a{display:block;width:50px;height:50px;padding-right:10px;position:relative;text-decoration:none}ul.social_tutorialblogspot li a strong{font-weight:400;position:absolute;left:20px;top:-1px;color:#fff;z-index:9999;text-shadow:1px 1px 0 rgba(0,0,0,0.75);background-color:rgba(0,0,0,0.7);-moz-border-radius:3px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-border-radius:3px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.5);padding:3px}ul.social_tutorialblogspot li.abfacebook{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_uf0j9kQpmDpIU6bwQMmtFEh2_Vpbhs6F0Qnp44oX4nV5yHB1wG72peJRaOLqXp3aruqxD5ADgPbHk6hheogXIRJSOCKUcX_bqL9PgQ-9qrfCi_-gpFZm383uQwXezPfRtBYOTyMPCut/s1600/tutorialblogspot-facebook-icon.png)}ul.social_tutorialblogspot li.abtwitter{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1FLfXJkSVu1tfIWkKkLxwrPO8rL_Azi304XqzvqTOaKBGcxRFtWWKX0YlCXwiZTmcB1hy7nLcWQ42jGkNiu_twatziZz02Qe0i6cTu8Wj53wuz80oJvp-jiykw4JP7DHqEwnj0kseaNo/s1600/tutorialblogspot-twitter-icon.png)}ul.social_tutorialblogspot li.abgoogleplus{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8FLH7QWn361vVCX-24pQC3K_VV8xTA0h0Y-xwzAYjU3tebQ44bWMjByjN7DL4P3EKcf_vxJ3jqcSuVg9nKg0SoiCQgEuFq5EoEbUL2kAMM0C7FxROjVq6Wre2hZqgg_PYx4cDgHXqx5C/s1600/tutorialblogspot-google-icon.png)}ul li.abpinterest{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsYDcmAiCouazC2jfsuNhq0UZqPntdDp-05MnB3nue2JJFBdlqouMQRT6m4J_YBzh6ucigHLcqWNpyFFUk7upymNGwjL0CSbXcolDJk3vilbv4lrsbWKPex9hYe1fj7TuCKEb3lZecgf7L/s1600/tutorialblogspot-Pinterest-icon.png)}ul.social_tutorialblogspot li.abstumbleupon{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin58pSTQZc8LJujhsBww_APBUeHbWIxuyAdwdOOWxSYogSFgpYTj5y8Xsojy8DHwkTGHQbXIIo3WeAlOhkkepJscIs3xzWx3LDu3rWa5nfl_37uSelfr7jUAAai6RLyZETHxTK7eg7TOLH/s1600/tutorialblogspot-StumbleUpon-icon.png)}ul.social_tutorialblogspot li.abdig{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia24RToI_Iz3LXqXdlNkl1nR4Ecu7KP4rqrOP2AjKa-MPa5wTitbPbFWqwHflOG_XlNrre1s7rBf6ECYMflidhU6mNpdO2cbSr1F5C1YstDp_PoXEpPkmnTpgmzLzcXj8tkFjKH6wqJKI_/s1600/tutorialblogspot-Digg-icon.png)}ul.social_tutorialblogspot li.ablinkedin{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPBF949N-SfNV0QY8Cd6dCacFRcwyjIA2hyphenhyphenO9t_3i9Q8H5SnvP-5PQiX6rZzyravDk4jyj_QNya6KhqSeDQBUFAAANTI9Dgy1muFXoK87LOQp4fdlrEU2HfXBDglBfBKZKw5M22OgMJG2/s1600/tutorialblogspot-Linkedin-icon.png)}#animation_tutorialblogspot:hover li{opacity:.2}#animation_tutorialblogspot li{-webkit-transition-property:opacity;-webkit-transition-duration:500ms;-moz-transition-property:opacity;-moz-transition-duration:500ms}#animation_tutorialblogspot li a strong{opacity:0;-webkit-transition-property:opacity,top;-webkit-transition-duration:300ms;-moz-transition-property:opacity,top;-moz-transition-duration:300ms}#animation_tutorialblogspot li:hover{opacity:1}#animation_tutorialblogspot li:hover a strong{opacity:1;top:-10px}
- Cari kode <data:post.body/> dan letakkan kode berikut SEBELUM kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='font-size: 22px;'><b>Bagikan Artikel ini ke teman Anda...!!!</b></div>
<ul class='social_tutorialblogspot' id='animation_tutorialblogspot'>
<li class='abfacebook'>
<a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow'><strong>Facebook</strong></a>
</li>
<li class='abtwitter'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' target='_blank'><strong>Twitter</strong></a>
</li>
<li class='abgoogleplus'>
<a expr:href='"https://plusone.google.com/_/+1/confirm?hl=en&url=" + data:post.url' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' target='_blank'><strong>Google+</strong></a>
</li>
<li class='abpinterest'>
<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'><strong>Pinterest</strong></a>
</li>
<li class='abstumbleupon'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank'><strong>StumbleUpon</strong></a>
</li>
<li class='abdig'>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Dig</strong></a>
</li>
<li class='ablinkedin'>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a>
</li>
</ul>
</b:if>
- Preview template Anda terlebih dahulu baru di Save.
Tambahan :
- Kalau Anda sudah menerapkan fitur read more otomatis, kode kedua sebaiknya diletakkan setelah kode Read More.
0 komentar:
Posting Komentar