Pada
dasarnya, widget ini meningkatkan jejaring sosial kita dan menyebarkan
url blog kita pada jaringan sosial. Hal ini juga meningkatkan traffik,
yang paling penting bagi setiap blogger. Desainya bersih, rapi dan
memiliki banyak tombol social media. Tentunya widget ini tidak memakan banyak tempat dan ringan sehingga tidak membuat berat loading blog kita.
Menambah widget Flipper
Sharing merupakan salah satu cara untuk menaikan trafik blog, tentunya
jika postingan kita disukai oleh pembaca, otomatis si pembaca ini akan
menShare postingan anda. Mereka dapat membagikannya ke situs media
sosial mereka.
Kelebihan Widget ini:
- Menggunakan CSS dan bukan Scripts,
- Terloading dengan blog anda, tidak ada pihak ketiga
- Cepat dan terligat keren..
- Menarik pembaca dan meningkatkan sirkulasi media sosial
Cara menambah widget ini sebagai berikut
- Masuk ke Blogger > Template > Edit HTML
- Centang "Expand Widget Templates box"
- Cari kode <data:post.body/> (ctrl+f)
- Anda hanya tinggal simpan dibawahnya
<style>/*--------Flipper Sharing Widget ------*/.flipper a {display:block;height:48px;width:48px;padding:0 4px;float:left;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVWMTp9lamRvWOlzJHYbSqWym0gmQNHX9im3FeqvsxPBOVXM3Ak-aqPL07Am24eGm-N5XyYoqdvfmtv0NqKlubeMitdrmXILY4I6tusquHvtnYQx3ebCGVmQmrOUFv4cqDXbQ_XboEQkB/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 == "item"'><div class="Pleaseshare">Please Share it! :) </div>
<!--Google Plus--><a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank' title='+1 it :>'/>
<!--Facebook--><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :>'/>
<!-- Twitter --><a class='twitter' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :>'/>
<!-- Pinterest --><a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :>'/>
<!-- Delicious --><a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :>'/>
<!--DIGG--><a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank' title='Digg this :>'/><!--Stumble--><a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :>'/>
<!-- Reddit --><a class='reddit' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :>'/><!--RSS --><a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Bookmark plz :>'/></b:if></div><div style="clear:both"/>
- Ganti dengan kode warna yang anda inginkan (judul blog) #333333
- Kalimat yang berwarna merah adalah kalimat ajakan dari widget sharing ini..
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Cara memasang Flipper Sharing dibawah postingan . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment