Showing posts with label share. Show all posts
Showing posts with label share. Show all posts

Wednesday, 31 July 2013

Membuat variasi widget jejaring sosial CSS3 dengan ikon warna hitam



Widget yang satu ini selain sangat atraktif juga memiliki desain yang elegan. Widget ini murni menggunakan CSS3 sehingga loading cepat dan ditambah beberapa flatform jejaring sosial terkenal seperti facebook, twitter dan yang lainnya. Dengan background ikon warna hitam menambah sempurna bagi kebanyakan template blogger. Berharap anda menyukai dan menambahkannya di blog..:)


LANGKAH-LANGKAHNYA:

  • Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
  • Kemudian pilih -> Template -> Edit HTML
  • Cari tag/kode ]]></b:skin> tekan  CTRL+F untuk memudahkan pencarian
  • Kopi dan pastekan kode CSS berikut tepat diatas kode ]]></b:skin> 

  • Kemudian cari lagi kode <data:post.body/>
  • Pastekan kode berikut setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='font-size: 22px;'><b>Anda Menyukai Postingan di Atas? Silahkan di share...</b></div>
    <ul class='bssocial' id='bscssanimation'>
    <li class='bsfacebook'>
    <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow'><strong>Facebook</strong></a>
    </li>
    <li class='bstwitter'>
    <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank'><strong>Twitter</strong></a>
    </li>
    <li class='bsredit'>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow'><strong>Reddit</strong></a>
    </li>
    <li class='bstechnorati'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' target='_blank'><strong>Technorati</strong></a>
    </li>
    <li class='bsstumbleupon'>
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'><strong>StumbleUpon</strong></a>
    </li>
    <li class='bsdig'>
      <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Dig</strong></a>
    </li>
    <li class='bslinkedin'>
    <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a>
<li class='bsdelicious'>
    <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'><strong>Delicious</strong></a>
    </li>
    </li>
    </ul>
    </b:if>   
  • Simpan template, selesai...

Cara membuat ikon jejaring sosial mengagumkan dengan efek pop out di blog



Pada kesempatan kali ini saya ingin share lagi ke anda tentang cara membuat ikon jejaring sosial mengagumkan dengan efek pop out yang di buat murni menggunakan CSS. Ikon-ikon ini di desain sedemikian rupa menyerupai permen (candy) yang akan menarik perhatian para visitor blog anda dan cara menambahkannya pun cukup mudah. Ikon-ikon ini bisa anda tambahkan pada sidebar blog untuk membiarkan para visitor atau pembaca mengikuti di jejaring sosial favorit anda, ikon-ikonnya antara lain Rss Feed, Email, Facebook, Twitter, Google+ dan youtube.


LANGKAH-LANGKAHNYA:

  • Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
  • Kemudian pilih->Tata letak->Tambahkan gadget-> HTML/Javascript
  • Kemudian kopi dan pastekan kode berikut didalamnya:
<!--Rss Feed-->
<a class="spice-popout" rel="nofollow" href="http://jalu-pangna.blogspot.com/feeds/posts/default?alt=rss" target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="spice-popout" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=jalu-pangna&amp;loc=en_US" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="spice-popout" rel="nofollow" href="http://plus.google.com/u/0/103806695606848957210" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="spice-popout" rel="nofollow" href="https://www.facebook.com/pages/Eyang-anom/427305383989192" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="spice-popout" rel="nofollow" href="http://www.twitter.com/sijalupangna" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>
<!--YouTube-->
<a class="spice-popout" rel="nofollow" href="http://www.youtube.com/sijalupangna" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
<style>
.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>
  •  Simpan gadget..selesai

KUSTOMISASI

Silahkan anda ganti Link/URL yang disorot warna kuning dengan Link/URL anda

Happy blogging..!

Tuesday, 16 July 2013

Spinning Social Media Icon Dengan CSS3

Widget - Sebelumnya saya juga pernah membahas cara membuat spinning social media icon dengan CSS3 di blog namun yang satu ini berbeda. Disini cara membuatnya dengan bantuan sebauh situs, jadi Anda tinggal masukin Facebook Username, Twitter Username, Feedburner Username dan Google+ id.

Dan yang lebih kerennya lagi saat mouse menyentuh icon, secara otomatis icon tersebut akan berputar.


Untuk membuat nya silahkan klik ini WIDGET GENERATOR (widget generator lateshack)

Nanti ada tiga macam jenis, kamu pilih salah satu saja.

Setelah itu Anda akan disuruh mengisi seperti di bawah ini

Contoh :

Facebook Username : ARIEADIE30
Twitter Username : LINDAMARLINA40
Feedburner Username : PENGEMBARABIRU
Google + Id : 114849809556494574
Setelah selesai klik Add to Blogger.

Friday, 29 March 2013

Exclusive Sharing Is Caring Social Bookmark Gadget For Blogger





It's day five and the final day of our Sexy Bookmarks week on Spice Up Your Blog.This week in connection with the launch of Social Icon Studio we are publishing 5 unique social bookmarking gadgets.Each gadget uses a different set of social icons and a different arrow message from the sexy bookmarks collection.

Today's bookmarking gadget is all about hearts with the Heart shaped social icons and the Sharing Is Caring arrow message with hearts.We will add the gadget below all your posts where it will grab the attention of your readers and get them sharing your posts on their favorite social networks.So lets look at the gadgets we have published so far and the demo of the Sharing Is Caring gadget.



Add The Sharing Is Caring Bookmark Gadget To Your Blog


Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed > Tick The Expand Widget Templates Box

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)


<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Caring Bookmarks http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYcXHED0rXAxBfCKuwsmxs1dGh6twwG4U0l_vIaDsd5gnJQxxd0Wy_Jn-1_PMkGO2bHq1dVXCbVpNVJ6zpYTVKCJp-ZzPKIzPi_aABMFen3AqcNo7LbODvgchXq52h_hQle-f1PK5CbRp/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSPW_dOJ6_a-pFKJltAo5Ij-6noyBMAW8sXqqby1fDSaN2fEHJsYva8Wrj-LZTQwaMSOT5BbJIQOa830broIrwB2YTU-XunS31vtpZDHGnAAqoK75uS_fHt3GBLD7d7G7-yVFgUOU2NM/s1600/sharing+is+caring+hearts.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy6n6z-bFW774v1wGCpND60vCkflSG5WfUCofdIeVuC8UBHmw1fi4bJabHTtH6roI6yLYmARwEaZ6mg4HbBy0cwd4m3QKuKq-eIbJeWtfXVkqHh2ETKSCmlIr5TpJ3_uBoNdnq8vAaxhE/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrb0jVw0oiYOvXvvP7TawxnKPlHQlZ3Z1OGjcWv1m8hQnXD9n42zlQNXFCilMGXOFS-fkp0sWXAWKLN7VpCXuqsym4gHE61VBhp8cE8SczQB6r2ztnMoOsINf-jRgBDyajMKYCmE5jizo/s1600/digg.png' width='48'/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbDuGF1BmtkX22uOA0r1z3tx9U90gtwIjorefFrsOgbmNYxhOEra5RETP1ZQFAWZ1YwpD7C62aSUifOuDQNtE0fTnlMdF7BKMBCJwlLJUeDxOA6F9MmDmq7_qJGRs11D1YBPMCaR6ICiA/s1600/stumble.png' width='48'/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN0LTXeL1eZFneCMv5y0xHxsYRIK0cdfRFCukUMqsvLuzwj_bCxTY3IF4DsDaBd5zpuuOBQWln8UXQf18RKNr86WA6kjcM5RjojpMAVzA1QlWJ9Lqp5FuJV-_jtumNzJSupV82uc5IiWk/s1600/twitter.png' width='48'/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7W-2MUgE98c2yHLMysWR4Vh5bhRWy-YA7Po3g7YbsNEA54AGh7Bg7r_ehyphenhyphenNnaB5436L9s7BHW_BJsW6B3siLdGWltgfldzNJI9Iv3Bo7vSU4r8ICcs6gba8qC1mqMrr_D2mDMcwTAuoQ/s1600/delicious.png' width='48'/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3MnBmfSIRuXWF02zgf6F2mOT6q1GkZMl4REKw9G13lxVJk0kkMqXmGGt2maFS22JZmnAODfSo8aElXpkFuj58F560UHqWBbcGd3cI4Lz3769f5rtGyvr2HokbXBGQjFIKDdOheCfgf9A/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHOKoqxL6cvkqjunsQoc2cIo5gNTQ8wwbNxhZ_A4vi7YixZ_moLv1jWmtfPEMru5F7dixdR3ufkFY9oZ8CYao9ZxCNhSskGPI66CD4OsHP-rcF-F0tJFIRKVZhGfok0szu8xk-tylxcM/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh414ulFxmTU_MIdBd-IezidxfyzR3ePMQ3-2NZA1aqbXVKavaofPmRUT2zcWrlhXV3Bphp-6dm61dBcH5EQnuitOGdDfYjtkrg2A9GTCek6LjkFHBhfGwerVovQ-MBqcwmr6_0V8xOG0k/s1600/technorati.png' width='48'/></a>
</li></ul></div><a href='http://www.spiceupyourblog.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Caring Bookmarks http://www.spiceupyourblog.com-->
</b:if>

Step 4. Save Your Template And Check Out Your New Sharing Is Caring Bookmark Gadget.

Exclusive Share The Love Social Bookmark Gadget For Blogger


sexy bookmarks blogger gadget

We are into day four of our special Sexy Bookmarks week on Spice Up Your Blog.All this week we are publishing an Exclusive Social Bookmarking gadget using a unique set of social icons and an Arrow message from the Sexy Bookmarks Collection.All this weeks Bookmarks gadgets have been created by us and are exclusive to Spice Up Your Blog readers.This is in connection with the recent launch of Social Icon Studio a gallery of the best free social icons.Today we are using the Share The Love Arrow Message and the very Professional Lontar Social Icons.The gadget will be placed below all the posts on your blog and will grab the attention of your readers to get them sharing your Blog.So lets remind you of the Sexy Bookmarks we have published this week and see the live demo for this Share The Love Bookmark Gadget..




Add The Share The Love Bookmark Gadget To Your Blog


Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYcXHED0rXAxBfCKuwsmxs1dGh6twwG4U0l_vIaDsd5gnJQxxd0Wy_Jn-1_PMkGO2bHq1dVXCbVpNVJ6zpYTVKCJp-ZzPKIzPi_aABMFen3AqcNo7LbODvgchXq52h_hQle-f1PK5CbRp/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg40Ykh9Xp2_L3FL25DDAFwLuzVWX85EpSdbpMaGtWpWAs1xFTxyMso0A1QE4VekihSBKc0fUAayfqmT3GfUi7RC4v9-4xzftcKpuTEXpQTHyz3rYClgPh86KLhJIJ9KjYhb55gvYY0Hj0/s1600/new+share+the+love+blogger+gadget.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5VVy5-zd4y9MPxzJctdW5NeLZJKLeOUZePtqgXwcbZcMcbfbwaY-rRu9W2vw3PMnXhq9Ta2V5qifMAUty3xDzYp0KvyAeLUQNH_5SsvkA1iC0stBIoeJp5CobFHOFPB2mkD6lKEBAkY/s1600/facebook_48.png' width=''/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVkKsMNRDJk2fpFIOmgf2XHeUKtvNUGdJ9ymfIy0OHYwzbYsAf2PPEAyt2USP_72kz2BXARPmOSFnWl3KFR1ZR4HM8fdLb6u5JTjaV6sTDHkVeJdN43rox9r-hghyoUdplK4ai-Am5GY/s1600/digg_48.png' width=''/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSn17f_CtZTTpDL32NcNOOTDTpMKhMt2tbFDOdYuwUl9UEwcLGU1C9I-poZkWnYMff-ceT-laiTA1PpOewUi_jcpaZ2Gmh629xKK2kWrngxyDtbDih5JiqQhGMIhfH2KgKO_KelqD931A/s1600/stumbleupon_48.png' width=''/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3Nv7eCXrawF4aE7LYC7Yjg-YaaJSzPO1cZCjFKYjqeXqI890aRtz5ka0jdD7v1_6KW12881FFu7ffk3ta6L0Y7FbCKaYgR9Xq0a5N_s8HNRfn7n7g7jWIkPq0puWCxHCyITEuLdRpHM/s1600/twitter_48.png' width=''/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UY2s3NgtKGC429XDTR3B4l4xszOiO1XL9oknw05OFMac63hqwDW5H4BQ4OIxYLe0Uze7amjWlyXMLUpEBMjdqKFGqoPKm4cVsJ-snGQoUjbVlBcQ8JemsSrwlRAfdypysiV-Z4ebcbc/s1600/delicious_48.png' width=''/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBbqsrgFXgFTxWW6uo3HDQZw_a2PJqWCLUbnp91Abb_6pt7FEi3fnde7dyChSuOYHHb7tAv_R9gKUyoYeQQsSFqppVeYEcQOHN29_PAm4ucRFsAFi6NSmXQVK2Uzt1AtMmVAOtTkB-e4M/s1600/design_float.png' width=''/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMQ_JFjYJ1ccNHdogw6B7bJZJjk00THZheE6dF098_vNpe4-JS_7bQJTBtZVsI9x9bAa8KLZO2fTV7rQctT2hpdD24VPCkreBmFT96jtSUblxZDNYmvPT_h9eBV_uAZDjBZpYJHTsruo/s1600/reddit.png' width=''/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKWJ5zX-wlwOsrKb-4TlHLX8Ycjo09swlpKoJYNEM_NrwAEtJyMmNyrXZOjE6q-7cXelP48g8JmLO75amgimk5X9h7MzhDfeZAAP7jCmH-MH3_IEYFQTzvldh3VrTLVqJzoYzRcVjxDLU/s1600/technorati_48.png' width=''/></a>
</li></ul></div><a href='http://ngeblogbarengbareng.blogspot.com/2013/03/cara-membuat-permalink-di-blog-fleksibel.html' target='_blank'><font color='#ccc' size='small'>Blog Bookmark Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
</b:if>

Note. The code highlighted at the top and bottom in red sets the gadget to only be displayed on post pages, if you also want the gadget displayed on the home page remove that code.


Exclusive Sharing Is Sexy Social Bookmark Gadget For Blogger


We are into day three of our 'Unique Sexy Bookmarks Week' and today we have a totally unique Sharing Is Sexy Bookmark Gadget For your blog.All this week we are posting a new social bookmarking gadget for your blog using a different set of icons and a different Arrow Message from the Sexy Bookmarks collection.All the sets are brand new and have been created exclusively for Spice Up Your Blog readers.This is in connection with the recent launch of Social Icon Studio a gallery of the best free social icons for your blogs.So ! Today's icons are the Awesome Wood Triangle Style Icon Set and the Arrow message is the 'Sharing Is Sexy Message'.Before we add this social bookmarking gadget to your blog lets look at the gadgets we have posted and the two still to be posted.



Back to the New Sharing Is Sexy Bookmarks with wood triangle icons, the gadget has share options for Facebook, Digg, Stumble Upon, Twitter, Delicious, Reddit, LinkedIn and Design Float.The gadget will be added below all your blog posts as seen on the demo.



Add The New sharing Is Sexy Bookmark Gadget To Your Blog

Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYcXHED0rXAxBfCKuwsmxs1dGh6twwG4U0l_vIaDsd5gnJQxxd0Wy_Jn-1_PMkGO2bHq1dVXCbVpNVJ6zpYTVKCJp-ZzPKIzPi_aABMFen3AqcNo7LbODvgchXq52h_hQle-f1PK5CbRp/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://kwout.com/cutout/b/wb/w9/4x5.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bnZwxWAU0FkjCSPGs7HNFkWH3-5IMVu5Yzny8sAILwqy2QCv_c3Wfci349Ip5RRUdKWNcFdOAxzVAq_JcRYI8wgK004iYMIoeQwIuzAE3tOGQdxAIxqcnxmUgjRNpORXY4aDUYn9C8I/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLFRebip_9mQSya-pLNiWMtItBqeEXWuwIr5XS2NavJwl5eQqrHYQSDw1PURiWkYYaADQZt1SU1k5WUynNfcr63L-LNL_aUsQXpdK5fViKHlOPhGrxEouw88CIOLomzg-NUFbn6_9Xa1s/s1600/digg.png' width='48'/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsP5PQWNv8-Y9C3nvfwzeitmDP-hFtoS8cRUhB9iYxG57ZHGkxYtIbuuygcTkcozKMQVlWvJ4kvwU1wQiuU1Ytlmbs7NQhoUrjkp3WLBrFZrhpmhrdFz4FuT7E5d_ISMxpFMzZH1NCgc/s1600/stumbleupon.png' width='48'/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTKl0MEwDaBmgIB0GfKwtFRdUlARww9e2b4urlhe7W4tASsH3Z-wJYClYoNyqLKIj1DiaGFRzMqIwozoVKrBnRNjBVAwOdAiuAmm5mr_l3bhgzPly5LmFFPndqnhTSs5QHQAJ2vLyrQOI/s1600/twitter.png' width='48'/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEDYbz63ekWnV27jiU64a3fhD_ONzroVCEFWISXfbTpZLBNaRpX6VmbhFovXjUNm3SmEmICE7NGh1MvhNDMuJTSH8x2rzkZ5To2wAX-fdwC2IA51Z-_zjOgDN5WgtSvPKaBQI9R6Yrzv8/s1600/delicious.png' width='48'/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFl1j-sd2w1szt059CF4HO2zdNnTZY9gRJ_NtYIWMhv2VpuIlHbfnGn_t5e9CVs0l_6qtlwt1P1_5eIgFMtyeGmskWxlhqaUKdIthhWFW6KoCq2FXjRStoXYTBUCUeEfflj-aSKrtX9hQ/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjdnJ0zrMn1zl8RRHK3b69d_6vWl50SA0NUEDqRkaqQJS5bfZCodQf4sWZ8kJubXN-01awD4wijJkdOilcz84rrmKFxoUZASKMhWMI3LuEZXb-J4pISL5WcLRx0G3h6aMqvTbeciPh2Vc/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- LinkedIn -->

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On LinkedIn' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoQj76ceCGzDRVVLJdG-FJQNxPvz0te7vvsrrQrPEx8snLG5LNIKeNj1Pwr_hhyphenhyphen5_FgRSe4IU56ugXWXFzVSeC2vmhnUvyKAZ-hon-vDAMV5fD9-cIn_01Dp0PqYzPr3GmNWST8PLMmU/s1600/linkedin.png' width='48'/></a>
</li></ul></div><a href='http://www.spiceupyourblog.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
</b:if>

Note. The code highlighted at the top and bottom in red sets the gadget to only be displayed on post pages, if you also want the gadget displayed on the home page remove that code.

Step 4. Once you have the code in place save your template and check out your new Sharing Is Sexy Bookmarks.

Thursday, 21 March 2013

Cara Memasang Widget Share Keren di Blog

                                                       





Widget Share ini Sangat Menarik dengan Efek Keren yaitu Bisa Bergoyang jika didekatkan ke Kursor Mouse.
Dengan Widget Share Lengkap ini Mungkin blog Anda Akan Mudah Untuk Mengshare Blog Anda di Berbagai Social Media Seperti Facebook , Twitter , Digg dsb .Widget Share Keren di Blog ini Sangat Mudah Jika kalian Ikuti Detail . Widget Share ini Mungkin Sangat Mudah Bagi Para Pengunjung blog untuk Merekomendasikan Blog anda di Suatu Social Media Seperti Facebook dan Mungkin Blog kita akan Mendapat Pengunjung dari Social Media Tersebut .
Widget Share ini Menggunakan Effect Jquery yaitu effek yang bisa bergerak dengan sendirinya dengan kita mendekatkan Kursor kita Ke Widget Share Blog Ini .
Script Jquery ini sangat ringan dan tidak Membuat Loading Blog tidak Berat . jadi jangan khawatir dengan script ini karena tidak ada effectnya dengan loading blog anda .
Cara Memasang Widget Share Keren di Blog
Kita Langsung ke Tutorial nya Cara Memasang Widget Share Keren di Blog 
1. Login Seperti Biasa ke Blogger Anda

2. Masuk Ke Menu Template Anda > Edit HTML > Centang Expand Template Widget

3. Kemudian CTRL+F cari Kode dibawah
]]></s:kin>
4. Setelah itu Copy kode  dibawah dan Pastekan diatas kode ]]></s:kin>

<!-- Scriptbybocahporis.blogspot.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

5. Setelah itu Cari lagi kode dibawah
<data:post.body/>  

Note: Biasanya kode diatas ada 3-4 jika anda telah memasang auto readmore
silahkan taruh diantara kode ke 2/3

4. Setelah Ketemu Copy kode dibawah . dan taruh diatas atau dibawah kode  <data:post.body/>

<br/>
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br />
<br />
<table border='0'>
<tr> <td><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script><g:plusone size="standard"></g:plusone></td>
<td><div class='bookmarks'>
<a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8FGnMdVCE8pLCn4_eCjaS99_CmogjmxsuAynb3M1aFqtqb9kEIcwU6X997N26S8KQAtCWqUSlOjLKiOjFelnoPxfn9eKlYGIKR9mmmKJss6QNXVGDXMaommF2gpNvpCkPiX3LjcErDA0/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a>
<a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqV8A9j2WRBB6O1twM2_h1bYoOJRg5YZKImWZcZjX8Uo8NbTtYqiM2seq8adag_UNnVWn1DQjMtFqUKVAyMu2OsU1QHCZ6vbLrzHLUPdk-2P8JRBAQio_4NZX2vP1_ohx6PzXmigyGWsU/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a>
<a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYWPlzdpfNA6v9pYdXsj52-AR795KKDObIhiQgtGRRAe0EjNvj9LV11hlTaPYnKlze0iwWlFdbe9vj6FEbkGXgfRzwesJxtZOV4Z1Qqwih4_7hlhdb_5xUNnp-F2bDcRAHyf7LIXJO8Y/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a>
<a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO_R9lXiS5ZhqM9vkF-NHnT_e1pEp5qBjGlFD3KabxrlvYJqPdVg4IlnJEpdkOg6JCad0514v_bmTgOVTEihfsfGTz5SOIa58ahT4mwko75L6VjRQtgDTLaiZq1UKDtNQiXdgf0TAc0a4/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a>
<a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlqS8JF8_zDRJfmJYQ_rr9df_u1IyebAGiE5_D_-Ba_eddsAR0bkxtoMA0x1SadumY-6eyoI9Xt755G0C8OwCjUK_FrAqAjaLUY3tGnu3ncD-RrqNdS6vpi850QI5zKiYHXsrTf08a8Y/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a>
<a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh05w7zcSVNNzE9bafzvzHLypzCjSgxzxncR2cfgQfsia-0Lw1JsWMaHyzXn1vS5A-L_oM6fWtHRdNh63VLBVOIyV4EDp0-XI5h8BZqOyG51jM0q-LKIY5jSvQKX4UijnybVmW-tp91hSo/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a>
<a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGdbMO_moajOBwFXp3exJvvQpvsHYnXvkrfMbmUMqtQ9OioaMPUKfLcw6CVDkFz4cNEmuc01v8bC37oER5tHZB5I4Byt-7qPCQCHLFDysaghyphenhyphenbKDS-_CdA8sDMk0PAD0uTpuOES9yP6dQ/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_N0TEZY82jlULt_jKSR4_vAYCZcXoYejLW79AGBhk5AD60qfiWD3Xy4rtaBtvM5Rgh6ACIsgX89e-VYJQDGg48uqxRbzld9Cz-C-LVPqP9nFITrz_mY7lCTysr93MBPtj-sYu7k8olB0/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a>
<a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf8rDxRZuPyN8EBz3fg3ohU4_melc63eiURuf69LWYmfWIRPgvhP6znU7awCpPApFzKGIU8a8_Rke_QF2mnfN5GR0MknjKMlUL4NjuJ2DzYCNLQnF5BcPLrNP-9XbFNeMoAKCP3wO_lR0/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinm4wGA9IAZXnPrnrS2tjDEu1XuoSq-nNkHUR699uwn9eo4fZnSqg8ZfCn7kKNL-NJBqpGkwho5yjvnDiOaaNzyl7o9dtZlPeVbOejYdBVuWlbE4psHea6WQ6yK7E2tiMYIHaXL5gSRIk/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a>
<a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSg1IY37o6ZxS8mGrZYhkr3pFamKkydVo8-nuOAZaXJPlrJy4iCZTAaEnSLW429jshk8dyuu9NjTq76LKiz1aIKGMPGo700XmNIzfqBHdgF2InceRVN1gIIboiJrxCRKEKGSzDg6r1W5A/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a>
<a alt='Tips Triks Blogger, Tutorial SEO, Info,Blogging,Ilmu Pengetahuan' class='nudge' href='http://bocahporis.blogspot.com' title='Tips Triks Blogger, Tutorial SEO, Info,Blogging,Ilmu Pengetahuan' target='_blank'></a></div></td></tr></table></b:if>
Terakhir Klik Simpan dan Lihat Hasilnya diblog

Cara Membuat Email Subscription Dengan Gambar, Keren!!

                                                
Email Subscription dengan Gambar Adalah Salah Satu Cara untuk Memcantik Kotak Email Subcription agar  pengunjung lebih tertatik. Email Subscription ini Dilengkapi oleh Beberapa Tombol Social Media. Seperti Facebook Dan Twitter. Dengan Gambar yang diberi Efek Sketsa. Memasang Widget Email Subscription ini tidak memerlukan tempat yang cukup besar. dan Cara untuk memasangnya juga tidak perlu mengedit HTML Template anda. Untuk itu saya akan memberitahu cara untuk membuat Email Subscription Dengan Gambar. Untuk cara memasangnya, Anda harus ikut cara berikut ini:
  • Silahkan Loggin Ke Blogger Anda.
  • Setelah itu, Klik Menu Tata Letak dan Add Gadget HTML.
  • Masukan kode Berikut ini:
Keterangan:
  1. Ganti Tulisan http://www.facebook.com/pages/Your-Belajar-Blog/395122827241045?ref=hl dengan Alamat Facebook Anda.
  2. Ganti Tulisan http://twitter.com/YourBelajarBlog dengan Alamat Twitter Anda.
  3. Ganti Tulisan http://feeds.feedburner.com/your-belajarblog dengan Alamat Feed Burner Anda.
  4. Ganti Tulisan https://plus.google.com/114812141180411759844 dengan Alamat Plus Google Anda.
  5. Ganti Tulisan http://feeds.feedburner.com/~fc/your-belajarblog?bg=FF9900&amp;fg=000000&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a> dengan FeedCount Anda.
  • Setelah Itu, Klik Tombol Simpan.
Selamat Mencoba,
Salam Sukses,


Cara Pasang Widget Sharing Is Caring/Sexy di Blogger

                                             
Share posting ke beberapa social bookmark maupun social media lain merupakan hal penting untuk promosi blog dan artikel blog. Menyediakan tool untuk pengunjung agar lebih mudah melakukan sharing membuat mereka mudah melakukannya. Salah satu bookmarking widget yang cukup menjadi favorit adalah "Sharing is caring/sexy bookmarking widget", karena tampak atraktif dan animatif sehingga dapat menjadi nilai plus juga untuk desain blog.
sharing is caring blogger widget
Widget ini banyak ditemui dan dishare oleh banyak blog. Sebagian menggunakan javascript/jquery library, yang memang tampak lebih animatif. Namun kekurangannya, waktu load yang dibutuhkan lebih lama. Sehingga bagi blog yang sudah terlalu banyak menggunakan javascript, widget ini dapat menambah beban/berat blog dan membuat waktu load lebih panjang. Untuk versi widget sharing is caring ini, saya melakukan beberapa modifikasi pada jenis button bookmark apa saja yang digunakan dan juga menggunakan CSS sprite (image sprite) garapan CSSReflex tanpa javascript/jquery.

Cara Memasang Widget Sharing is Caring/Sexy di Blogger

Widget bookmark sharing blogger ini akan ditampilkan di bawah posting blog.
1. Masuk ke dashboard > template > Edit HTML
2. Centang 'Expand Widget Templates'. Jika perlu, backup template terlebih dahulu.
3. Cari </head> (Ctrl+F), letakkan kode CSS berikut tepat di atasnya.

<!--sharing-sexy-buka-rahasia.blogspot.com-starts-->
<style type='text/css'>
div.beauty-bookmarks {height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsPf4kK70HAf-3CoP2ZocVVEqSOJy7_Zvis92T8NAbl0uymvy0zlAszMY3EuhQzeu9Yume7ElKhc0CHx0QqG8YnacLTO0zasER3BONnP8OUpHEJ7weSqOqihQMOQ3Tar6QrlN2EydodKu/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/AVvXsEinsPf4kK70HAf-3CoP2ZocVVEqSOJy7_Zvis92T8NAbl0uymvy0zlAszMY3EuhQzeu9Yume7ElKhc0CHx0QqG8YnacLTO0zasER3BONnP8OUpHEJ7weSqOqihQMOQ3Tar6QrlN2EydodKu/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/AVvXsEi3rb53rS9c1zcXBijZFY05hfURfwKIK1OCtW_vaBTFSyKUQV0KflbIao_HUSpHKiI4k2bZaRA1EkReOs7ZyGmP46YA5Pj4Y6qYYY5KbPTKc1Ed4nEXNG_LIFsARTnlbyxGSt4sAMIynckh/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>
<!--sharing-sexy-buka-rahasia.blogspot.com-ends--> 
Kostumisasi CSS:
Secara default, CSS di atas saya set untuk menampilkan quote "sharing is caring". Untuk mengubah menjadi "sharing is sexy", perhatikan pada bagian CSS background positioning di atas yang saya tandai dengan warna biru: ganti left top dengan left bottom, dan right top dengan right bottom.
4. Cari <data:post.body/> (Ctrl+F), paste kode berikut TEPAT setelah/dibawahnya:

<!--sharing-widget-buka-rahasia.blogspot.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/LaguDjawaAsli' 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>
<!--sharing-widget-buka-rahasia.blogspot.com-ends-->

Ganti http://feeds.feedburner.com/LaguDjawaAslidengan url feedburner blogmu.
5. Save templates.
Done, sekarang tinggal ajak pengunjung untuk memanfaatkan bookmark sharing widget tersebut.

Cara Pasang Tombol Share Sexy Di Blog baru






Halo Sahabat Blogger  , Apa kabar , Kalau aku Baik hehehe.... , nah kali ini Saya membuat tutorial Tentang Cara pasang tombol Share  , yaitu Tombol share yang jika Di over memakai kursor akan muncul / naik , dan namanya adalah Sharing is Caring , Widget ini tidak membuat blog berat kok , malah berguna Agar para pengunjung blog Kalian Bisa nge-Share Ke mana saja , caranya Sih agak Sulit jika belum terbiasa , tapi widget ini Bisa meningkatkan PageView Blog kalian , Jadi Jangan sampai ketinggalan Trik ini , langsung aja simak Langkah-Langkah Memasang Widget Tersebut Di bawah Ini.

1. Login Ke Blogger Kalian
2. Masuk Ke Rancangan > Edit HTML
3. Centang Tanda "Expand Widgets Template"
4. Cari kode </head> 
5. Copy Script berikut lalu taruh Di atas Kode Tadi



6. Lalu Taruh script dibawh tepat di bawah kode <data:post.body/>


 Ganti width:600px denga lebar post kamu
 Ganti sexy-bookmarks-bg-caring Dengan Gambar Dibawah ini yang kamu mau

sexy-bookmarks-bg-sexy
sexy-bookmarks-bg-caring
sexy-bookmarks-bg-caring-old
sexy-bookmarks-bg-love
sexy-bookmarks-bg-wealth
sexy-bookmarks-bg-enjoy
sexy-bookmarks-bg-german
sexy-bookmarks-bg-knowledge