Home » » Cara Pasang Widget Sharing Is Sexy

Cara Pasang Widget Sharing Is Sexy



Tutorial Blogger dan SEO Blogger
Cara Pasang Widget Sharing Is Sexy. Sharing adalah kegiatan berbagi, kita bisa berbagi apa saja termasuk juga artikel blog. Sharing is sexy, apa maksudnya ya....? saya juga tidak terlalu mengerti maksudnya, tetapi saya mengerti fungsinya. Fungsi sharing is sexy adalah untuk memudahkan pengujung suatu blog atau bahkan kita sendiri untuk membagikan artikel yang ada di blog kita ke berbagai situs social bookmarking.

Dengan widget sharing is sexy ini artikel kita tentunya akan tersebar luas secara mudah di beberapa situs social bookmarking. Tentunya ini akan menambah pengunjung blog kita. Bayangkan jika ada satu orang saja yang membagikan artikel dari blog kita ke situs social bookmarking anggap saja itu facebook, dan dia memiliki paling sedikit 50 teman dan jika ada salah satu temannya yang tertarik untuk membaca artikel kita dan membagikannya lagi ke teman-teman nya yang lain, wah bakal banyak nih pengunjung blog kita.

Bagi yang ingin Pasang Widget Sharing Is Sexy  di blognya, alangkah baiknya saya untuk memberikan screen shoot  widgetnya dahulu kepada anda.
Tutorial Blogger dan SEO Blogger
Nah bagaimana pendapat anda setelah melihat gambar di atas? apakah anda juga ingin mencobanya di blog kalian? jika jawabannya ya, maka ikutilah langkah-langkah berikut ini.

1.Log in ke blogger dengan akun yag anda miliki.
2.Pergilah ke rancangan » edit HTML » centang kotak Expand Template Widget. Dan bagi yang menggunakan tampilan blogger yang baru, anda klik template terus edit HTML, centang kotak Expand Template Widget.
3.Cari kode ]]></b:skin> , untuk mempermudah cari menggunakan control+f.
4.Letakkan kode di bawah ini di atas kode ]]></b:skin> .

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-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.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

5. Kemudian sobat cari menggunakan control+f kode <data:post.body/>. Letakkan kode di bawah ini di bawah kode <data:post.body/>. Jika ada dua, letakkan di bawah <data:post.body/> yang ke dua.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-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>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-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>
<li class='sexy-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>
<li class='sexy-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>
<li class='sexy-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>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-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>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/Fahen' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>

Keterangan : ganti id feedburner saya dengan id feedburner, anda.

6.Save Template anda.

Sekian lah tutorial blogger saya kali ini tentang Cara Pasang Widget Sharing Is Sexy. Jika ada yang mau di tanyakan silahkan bertanya dengan cara berkomentar, komentar kalian akan sangat berarti buat saya. Terimakasih.:)


0 comments:

Post a Comment

Visitor

RECENT POSTS

Followers