SOTAZONE.NET
Info Seputar Blogging

Cara Membuat Tombol Share Fb, Twitter, Google+, Pinterest, Linkedin, Tumblr, Line, Whatsapp, Bbm, Dan Email Pada Blog

0 20
Assalamu’alaikum sotazer, masih sehat kan? sudah mimik susu? sudah punya pacar kan? Hehee. Pada kesempatan kali ini (semoga gak gabut nih), saya bikin mie goreng sedaap tanpa kuah. Haaahaaa.. (gak nyambung)

Okedeh, tanpa basa-basi lagi. Langsung saja dipraktekkan. Hasil alhasil akan nampak mirip dibawah ini :

 Hasil jadinya akan nampak seperti dibawah ini  Cara Membuat Tombol Share FB, Twitter, Google+, Pinterest, LinkedIn, Tumblr, Line, WhatsApp, BBM, dan Email pada Blog

Berikut yakni langkah pembuatannya :
1. Masuk ke Akun Blogger >> Pilih Tema/Template >> Edit HTML
2. Cari kode ini >>  ]]>
3. Copy arahan dibawah ini, kemudian letakkan sempurna DIATAS isyarat ]]>

#share_btnpermargin:20px auto;padding:0 .showotherdisplay:none .share_btnposition:relative;margin:0;padding:0;display:block;overflow:hidden .share_btn ul,ul .showotherposition:relative;margin:0;padding:0;font-size:12px .share_btn ul lifloat:left;display:inline-block;overflow:hidden .share_btn li a,.sharepluscolor:#fff;padding:0;width:40px;display:block;text-align:center;height:35px;line-height:35px;transition:all 0.25s;margin:0 5px 5px 0;text-transform:uppercase;letter-spacing:1px;border-radius:4px;overflow:hidden  .share_btn ul li spanpadding:0; .share_btn ifont-size:16px;padding:0;margin:0;line-height:35px;text-align:center  .sharepluspadding:0;background:#aaa;cursor:pointer .share_btn li a.fb i,.share_btn li a.tw iwidth:20px;text-align:left .share_btn a:hoverbackground:#333;color:#fff .share_btn li a.fbbackground:#4867aa;padding:0 35px;width:auto .share_btn li a.twbackground:#1da1f2;padding:0 35px;width:auto .share_btn li a.gpbackground:#dc4a38 .share_btn li a.ptbackground:#ca2128 .share_btn li a.lebackground:#0673ab .share_btn li a.trbackground:#43556e .share_btn li a.embackground:#141b23 .share_btn li a.lnbackground:#00c300 .share_btn li a.bmbackground:#000 .share_btn li a.wabackground:#4dc247 .share_btn li a:hover,.shareplus:hover-webkit-filter:grayscale(100%)

4. Selanjutnya cari instruksi
Biasanya akan tampil begini :
…..

Letakkan aba-aba dibawah ini tepat DIBAWAH aba-aba