cara membuat tombol share melayang di blog

Oleh Mashudi

Wednesday, 30 July 2014

cara membuat tombol share melayang di blog

Assalamualaikum sobat Onnetz Blog

Banyak cara dalam meningkatkan trafik pengunjung blog milik kita. Yang di antara lain seperti melakukannya dengan cara menshare-nya lewat akun sosial media kita. Ataupun milik pengunjung yang menyukai artikel milik kita yang berkualitas dan memiliki bobot dalam bacaannya serta manfaatnya.

Dari berbagai cara diatas. tentu kita bisa memaksimalkanya dan mengoptimalkannya. jika kita sudah mengoptimalkannya dengan baik. tentu blg traffick kita lambat laun menjadi meningkat.

Maka dari itu. Di posting kali ini onnetzblog akan membagikan cara membuat tombol share melayang di blog atau website milik kita. Dan yang pada tujuannya ialah bisa memberikan peningkatan dalam trafik pengunjung pada blog atau website milik kita.

Lalu. Bagaimana cara membuat tombol share melayang di blog ?

Tenang kawan-kawan blogger onnetz. Disini kita akan belajar bersama bagaimana cara membuat tombol share melayang di blog. Dan caranya pun tidak menyulitkan kita. Cukup hanya ikuti langkah-langkah di posting ini. Maka anda dapat memasang floating like dan share yang tepat dan cepat.

Mari kita ikuti langkah-langkahnya :

1. Langkah yang paling utama ialah silahkan anda buka akun blogger yang anda kelola.

2. Buka Tab Template dan pilih edit HTML

3. Silahkan anda cari kode seperti ini dan demi kemudahan silahkan klik bersamaan Ctrl+f

<b:includable id='post' var='post'>

4. Setelah anda menemukan silahkan anda Copy dan pastekan dibawah kode yang diatas

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<style>

.mbt_social_floating{

position:fixed; bottom:10%; margin-left:-60px; float:left; width:60px;

background-color:#f7f7f7; padding: 5px 0 0px 0px;

border-top:1px solid #ddd;

border-left:1px solid #ddd;

border-bottom:1px solid #ddd;

z-index:9999px !important;

border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

}

.mbt_social_floating .mbt_side_social_button{

margin-bottom:5px;

float:none;

height:auto;

width:60px;

}

.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{

margin-left:5px;

}

.mbt_social_floating .st_fblike_vcount{

margin-left:5px;

}

.mbt_social_floating .stButton_gradient{

background:none !important;

height:21px !important;

padding-left:0 !important;

}

.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw5jFlo2ON0S9xtZBTVZoSMDWYsqDohhGyTZYWHpqQIYMso6KAi3Ifg_R1HHQJC4PNkZROccvZNpy1yBXxRW2BbO1oJKQwasCFFZ8p2yas4Yjv3NIqL8F_IIYBZPEZRDFAfmZuoMaGxr6C/s400/gc_social_sprite.gif') no-repeat !important;

height:19px !important;

width:45px !important;

padding:0 !important;

}

.st_email .chicklets{

background-position:0 -77px !important;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw5jFlo2ON0S9xtZBTVZoSMDWYsqDohhGyTZYWHpqQIYMso6KAi3Ifg_R1HHQJC4PNkZROccvZNpy1yBXxRW2BbO1oJKQwasCFFZ8p2yas4Yjv3NIqL8F_IIYBZPEZRDFAfmZuoMaGxr6C/s400/gc_social_sprite.gif') !important;

}

.mbt_social_floating .st_twitter_vcount .st-twitter-counter{

background-position:0 -58px !important;

}

.mbt_social_floating .stButton_gradient{

border:none !important;

}

.mbt_social_floating .stBubble_count{

width:44px !important;

font-size: 15px !important;

font-weight: normal !important;

padding-top:7px !important;

height:23px !important;

background:none !important;

}

.mbt_social_floating .st_twitter_vcount .stBubble_count{

color:#00a6df;

background-color:#f8fbfc !important;

}

.st_fblike_vcount{

margin-bottom: 0px;

display: block;

}

.st_twitter_vcount{

margin-bottom: 3px;

display: block;

}

.st_email{

margin-bottom: 5px; margin-top: 3px;

display: block;

}

.mbt_social_floating .stBubble{

background-position: 21px 31px !important;

height:35px !important;

}.mbt_social_floating .st_pinterest_vcount{

margin-left:5px;

}

.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{

background-position:0 -19px !important;

}

.mbt_social_floating .st_pinterest_vcount .stBubble_count{

color:#FF0505;

background-color:#fbf8f8 !important;

}

.mbt_social_floating .st_pinterest_vcount .stBubble{

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nzQujH-RSIYjzQSFEOoTHLYQLSrJ3PVCNgT_Fqs3ert2XbrJKhqIO-VPWX02D3YDBKuMRge-ZIHYmaFyFGyIpi2YW9YGc2stbl6OuaoIOc54aVvU-ryUmtlaxvGE6hF80iNbG6GRyWuo/s400/bubble_arrow_pinterest.png') !important;

}

.st_pinterest_vcount{

margin-bottom: 0px;

display: block;

}

</style>

</div>

</div>

var addthis_config = {

ui_cobrand: "TheBlogWidgets.com",

ui_header_color: "#ffffff",

ui_header_background: "#0080FF"

}

</script>

<a href='http://www.theblogwidgets.com/2013/11/floating-share-buttons-widget-with.html' style='color:#CAC8C8;'>Widgets</a></p>

</div>

</b:if></b:if>

5. Simpan.

Dan selesai. Maka anda telah mendapatkan tombol share melayang di blog.

Pengaturan Ke Sosial Media Kita.

Silahkan anda cari kode '' st_via='onnetz' dan ganti kata onnetz dengan akun twitter milik anda.

Ada Masalah Dalam cara membuat tombol share melayang di blog ?

Bagi anda yang masih bingung dan pusing. silahkan anda bertanya dan diskusi di kolom komentar atau hubungi admin di bawah halaman.

Happy Blogging

ping fast my blog, website, or RSS feed for Freewww.meteo15jours.net

Terima Kasih Atas Kunjungan Anda
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel cara membuat tombol share melayang di blog ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.

Tag : Tips dan tricks Blogger

Translate all