Home / Blogger Widgets / Widgets / Flipper Sharing Widget

Cara Download Flipper Sharing Widget Update Terbaru

Sedikit Info Seputar Flipper Sharing Widget Terbaru 2017 - Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Flipper Sharing Widget, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang Artikel Blogger Widgets, Artikel Widgets, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Flipper Sharing Widget Terbaru
link: Flipper Sharing Widget

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Flipper Sharing Widget Terbaru dan Terlengkap 2017




This gadget can be inserted easily in any blogging platform by making simple changes to the Sharing links. Blogger users can follow these easy steps to install flipper on their blogs:

  1. Go To Blogger → Template
  2. Back up your template
  3. Click Edit HTML → Proceed
  4. Click the Expand Widget Templates box
  5. Search for  <data:post.body/>
  6. Just below it paste the following HTML code









<style> /*--------http://blogger-templatees.blogspot.com/ ------*/ .flipper a { display:block; height:48px; width:48px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSy0MIlQG2PNCoLSH_zEDppNPAddUTHzTJckQ4sofVacCuctz-nfXtkPgvDeJDu4vasxwHBaygtf_fJNDHkUsOMGq6NfHJZvPKyouzUrWNwxkXaDOWAattl4FKd-olB7sHBTb3ikYcPPo/s1600/flipper.png) no-repeat; -webkit-transition: ease-in 0.15s all;   -moz-transition: ease-in 0.15s all;   -o-transition: ease-in 0.15s all;   -ms-transition: ease-in 0.15s all;   transition: ease-in 0.15s all; cursor:pointer; } .flipper a.googleplus { background-position: 0px -348px; } .flipper a.googleplus:hover { background-position: 0px -406px; } .flipper a.pinterest { background-position: 0px -464px; } .flipper a.pinterest:hover { background-position: 0px -522px; } .flipper a.delicious { background-position: 0px 0px; } .flipper a.delicious:hover { background-position: 0px -58px; } .flipper a.digg { background-position: 0px -116px; } .flipper a.digg:hover { background-position: 0px -174px; } .flipper a.stumbleupon { background-position: 0px -812px; } .flipper a.stumbleupon:hover { background-position: 0px -870px; } .flipper a.technorati { background-position: 0px -928px; } .flipper a.technorati:hover { background-position: 0px -406px; } .flipper a.twitter { background-position: 0px -928px; } .flipper a.twitter:hover { background-position: 0px -986px; } .flipper a.facebook { background-position: 0px -232px; } .flipper a.facebook:hover { background-position: 0px -290px; } .flipper a.reddit { background-position: 0px -580px; } .flipper a.reddit:hover { background-position: 0px -638px; } .flipper a.rss { background-position: 0px -696px; } .flipper a.rss:hover { background-position: 0px -754px; } .Pleaseshare{ margin:10px 0px; color:#333333; font-weight:bold; font-size:20px; font-family:sans-serif; } </style> <div class='flipper'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="Pleaseshare"> Please Share it! :) </div> <!--Google Plus--> <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/> <!--Facebook--> <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/> <!-- Twitter --> <a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/> <!-- Pinterest --> <a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/> <!-- Delicious --> <a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/> <!--DIGG--> <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/> <!--Stumble--> <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/> <!-- Reddit --> <a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/> <!--RSS --> <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Bookmark plz :&gt;'/> </b:if></div> <div style="clear:both"/>



  • To change the color of the text that appears on top of widget edit #333333

  • If in case you want to remove some icons then just delete its code. For example if you want to remove  Digg icon from the list then just need to delete the next code:
<!--DIGG--> 
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>



The HTML has been cleanly indented and structured so you would not encounter any trouble playing with the code.




Itulah sedikit Artikel Flipper Sharing Widget terbaru dari kami

Semoga artikel Flipper Sharing Widget yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Flipper Sharing Widget

Share this