Cara Menambah Tombol Sharing Is Sexy

Sabtu, Juni 04, 2011  Belajar IT  No comments

Apa Sih Tombol  Sharing Is Sexy?? Sharing Is Sexy adalah sebuah widget yang berupa tombol2 yang bisa mengantarkan kita langsung ke situs-situs social bookmark ataupun social network, biasanya widget ini berada di bawah postingan.
Apa sih Fungsi atau gunanya?? Sederhana saja menurut saya yaitu untuk mempermudah admin. dan pengunjung untuk membagikan artikel/postingan blog kita ke situs2 bookmark,yang tujuannya untuk Menambah traffic,menambah backlink, dan mempercepat Index Google,,Katanya sih?? Namun menurut pengalaman saya yah gitu deh....!!!???hahaha. Namun itu semua juga tergantung pada situs social bookmarknya dan artikel yang kita bagikan apakah menarik atau tidak,,..daripada saya ngomong panjang lebar di sini dan tidak ada buktinya,,mendingan sobat blogger coba saja sendiri.



Caranya Cukup Mudah Yaitu :

1. Masuk dulu ke akun blogger anda
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
4. Copy-Paste kode di bawah ini tepat di atas kode ]]></b:skin>


div.beauty-bookmarks {
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHj9p72J4ykVZclGI4mB3AYb823TzqGY8_B9hosYVfL5CdkdDwAJEL6k9YAX2-2tdQnVzlSnFrrc5zCOOOkF9QxTBO66yZCNYvC72YuhJFjnWPpJxt0dqdpfIEIKMI2MYJg-DNolPLVSI/') no-repeat left bottom;
position:relative;
width:455px;
}
div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHj9p72J4ykVZclGI4mB3AYb823TzqGY8_B9hosYVfL5CdkdDwAJEL6k9YAX2-2tdQnVzlSnFrrc5zCOOOkF9QxTBO66yZCNYvC72YuhJFjnWPpJxt0dqdpfIEIKMI2MYJg-DNolPLVSI/') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dhlHKaUCKSLcMwkodoEtlyWfoT92EcSZurz_nNTQJBpbAkdw4wlRismsl4426Ie5GvatYcQfn7RyHc8eNCPFljUo3TUI4MoyXxfhA3ANX3JJL41HZqy5ea7SqfXHUGyyMA-EbtSfSUKI/') no-repeat !important;
}
.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
5.  Setelah Langkah diatas selesai cari kode <data:post.body/>
6. Copy-Paste kode berikut di bawah kode <data:post.body/>

<div class='beauty-bookmarks'>
<ul class='socials'>
<!-- delicious start-->
<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- delicious end-->
<!-- digg start-->
<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- digg end-->
<!-- technorati start-->
<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- technorati end-->
<!-- reddit start-->
<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- reddit end-->
<!-- Stumbleupon start-->
<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- Stumbleupon end-->
<!-- designfloat start-->
<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- designfloat end-->
<!-- facebook start-->
<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- facebook end-->
<!-- twitter start-->
<li class='beauty-twitter'><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'/></li>
<!-- twitter end-->
<!-- furl start-->
<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<!-- furl end-->
</ul>
<span class='beauty-rightside'/>
</div>

Catatan: Jika anda Ingin Menampilkannya hanya saat Postingan terbuka tambahkan <b:if cond='data:blog.pageType == &quot;item&quot;'> di Awal kode di atas dan letakkan kode berikut di akhir kode di atas </b:if>,,Mengertikan..??

7.Save Template Dan Lihat Hasilnya


Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih..

Posted in:

0 komentar:

Posting Komentar