Home » Trik Blog » Cara Memsang Widget Sharing Sexy di Bawah Posting

Cara Memsang Widget Sharing Sexy di Bawah Posting


memasang widget sexy pada blog

Tips kali ini saya akan coba sharing tentang Cara Memsang Widget Sharing Sexy di Bawah Posting, sesuai dengan namanya widget ini sangat seksi untuk dipandang, pertanyaan kenapa seksi? Karena widget Sharing Seksi berbedah dengan tampilan sharing lainnya jadi dinamakan sharing seksi, "menurut saya". Sedangkan fungsinya sama dengan widget sharing lainnya hanya saja widget ini memiliki tampilan yang lebih menarik dibandingkan dengan widget sahring lainnya. Di sisi lain, widget ini juga mempunyai fungsi untuk meminimalisir ruang blog karena tampilan dari widget ini sangat simple dan tidak memakan banyak ruang yang nantinya bisa merusak pemandangan dan malah mengganggu pengunjung blog. Fungsi sharing sendiri yaitu untuk menarik perhatian pengunjung blog agar mau share artikel di blog anda ke berbagai jejaring sosial seperti Facebook, Twitter, RSS, dan lainnya. Sebelum anda memsangnya di blog, lihat dulu screenshotnya di bawah ini.
memasang widget sexy pada blog

Tertarik untuk memsangnya di blog anda? kalau tertarik ikuti langkah-langkah cara memsangnya di bawah ini :

1. Masuk di blog
2. Pilih Template
3. Kemudian download terlebih dahulu template anda (untuk menghindari terjadinya kesalahan)
4. Selanjutnya Klik Edit HTML
5. Centang Expand Template Widget
6. Cari code </head> gunakan CTRL+F atau F3 untuk mempermudah pencarian
7. Letakkan code di bawah ini, tepat di atas code </head>

<!--bmatindas.com-starts-->

<style type='text/css'>

div.beauty-bookmarks {height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ5EaeN8NXSkrNub8eN-hNOR3Os5ufsvm1qJYNNM8pmzQqS7kOuoIpwHaGJD4t9L4r68C5IuqtlFQPLl4Raty_bmdE_S0-XdjWB3ylFN8vTcMd85tz5bdRQOJ3s7Sg8_cw9NWn73X3vwlD/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat left top;position:relative;width:540px;}

div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ5EaeN8NXSkrNub8eN-hNOR3Os5ufsvm1qJYNNM8pmzQqS7kOuoIpwHaGJD4t9L4r68C5IuqtlFQPLl4Raty_bmdE_S0-XdjWB3ylFN8vTcMd85tz5bdRQOJ3s7Sg8_cw9NWn73X3vwlD/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat right top;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-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {

background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhie-dD4zTLnftpBgKGhzgU1C2QfIOLWc0zBF52Nv-F1wf7D29nVsFPF0NwhOEIPOSZlFVntrVl3jAykWLoes_dZz4eXd2rB6BRQ0wsbPwvJiJ04ZbrVswbb4_3oQEBLt_qI2BAE_vlK1m7/s1600/bukarahasia-sexysprite.png&#39;) 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-yahoo {background-position:-650px top !important;}

.beauty-yahoo:hover {background-position:-650px bottom !important;}

.beauty-blinklist {background-position:-600px top !important;}

.beauty-blinklist:hover {background-position:-600px bottom !important;}

.beauty-technorati {background-position:-700px top !important;}

.beauty-technorati:hover {background-position:-700px bottom !important;}

.beauty-myspace {background-position:-200px top !important;}

.beauty-myspace:hover {background-position:-200px 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-mixx {background-position:-250px top !important;}

.beauty-mixx:hover {background-position:-250px 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;}

.beauty-syndicate {background-position:-150px top !important;}

.beauty-syndicate:hover {background-position:-150px bottom !important;}

.beauty-email {background-position:-753px top !important;}

.beauty-email:hover {background-position:-753px bottom !important;}

</style>

<!--bmatindas.com-ends-->


8. Langkah selanjutnya cari code <data:post.body/> dan letakkan code di bawah ini, tepat di bawah code<data:post.body/>

<!--bmatindas.com-starts-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<center><div class='beauty-bookmarks'>

<ul class='socials'>

<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>

<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>

<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>

<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>

<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>

<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>

<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>

<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>

<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>

<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/finetmu' title='Subscribe to RSS'/></li>

<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>

<span class='beauty-rightside'/></div></center>

</b:if>

<!--bmatindas.com-ends-->

Keterangan :
Bila sudah memasang Readmore otomatis pada blog anda, biasanya code <data:post.body/> lebih dari satu code <data:post.body/>. dan letakkan code di atas tepat di bawah code <data:post.body/> yang kedua. Selanjutnya ganti code yang berwarna merah (fianetmu) dengan nama feedburner anda.

 9. Save Template

0 comments:

Post a Comment