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/AVvXsEg5m7drz0FXUAgyJTYFjm2ID3AZGsJmwsW8zocpkZQ2R8BhQqi5OOiUHYT2FBhtlZXr0xolycBW1D9-6HeDn3i6usY3veGs6hCrVRenzkjKIV76kFHTnBHluX0fYQeP4MhmSvmZYmi45Fm6/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..
Last Words
Bagaimana? sangat mudah sekali bukan? Jadi kesimpulannya, semoga widget ini akan membantu Anda untuk meningkatkan trafik sosial Anda. Jika Anda memiliki pertanyaan maka beritahu saya di komentar. Sekian post tentang Cara memasang Flipper Sharing dibawah postingan. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata, semoga tulisan ini dapat bermanfaat bagi anda. Tetap terhubung dengan Ujangyoyo karena akan ada postingan baru yang lebih menarik. Happy Blogging friends!
AD-BLOCKER DETECTED!
