BLOG EXERCISE MA BISMILLAH

Jumat, 21 Februari 2014

Cara Mencantumkan Icon Share FB, Twitter, G+ Melayang di Sisi Kiri Blog

kali ini saya mau share mengenai cara memasang tombol share melayang di kiri blog, dengan menaruh tombol share ini secara tidak langsung kita juga mempermudah pengunjung blog kita untuk membagikan artikel kita ke social media seperti facebook, twitter dan google plus. Dengan begitu pengunjung blog kita pun menjadi bertambah. Nah buat sobat yang ingin memasang tombol share keren di blog seperti dibawah ini, berikut caranya :

1. Silahkan Login ke Blogger

2. Pilih menu Tata Letak lalu klik Add Widget

3. Kemudian pilih Html/Java Script Pada kolom konten silahkan isikan script berikut ini

<style>
#floatingbuttons{background:#41A317;background:-webkit-gradient(linear, 
left top, left bottom, color-stop(0, #A1D423), color-stop(1, 
#80A81C));background:-moz-linear-gradient(top, #41A317, 
#41A317);border:1px solid #739619;float:left;padding:0 0 3px 
0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 
0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons 
.floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} 
.addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a
 span.getfloat, .addbuttons a 
span.sharebuttons{color:#fff;background:none;font-family:arial, 
sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;}
 .addbuttons a:hover 
span{color:#fff;background:none;text-decoration:underline;}</style>
<div
 id='floatingbuttons' title="Share this post!">
<script 
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script
 type="text/javascript"> (function() { var s = 
document.createElement('SCRIPT'), s1 = 
document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; 
s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; 
s1.parentNode.insertBefore(s, s1); })(); </script><script src='http://platform.twitter.com/widgets.js' 
type="text/javascript"></script><div class='floatbutton' 
id='facebook'>
<fb:like layout="box_count" show_faces="false" 
font=""></fb:like></div>
<div class='floatbutton' id='google+1'>
<g:plusone size="tall"></g:plusone></div>
<div class='floatbutton' id='twitter'>
<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="vertical" >Tweet</a></div>
</div>

4. Klik simpan dan Lihat hasilnya !!

Baca Selengkapnya → Cara Mencantumkan Icon Share FB, Twitter, G+ Melayang di Sisi Kiri Blog

Cara Agar Gambar di Blog Membesar Saat Disentuh Mouse

Cara Membuat Gambar di Blog Membesar Saat Disorot Mouse - Hai sahabat kali ini saya akan berbagi tutorial blog sederhana tapi keren :D hehehe, yaitu cara agar semua gambar pada blog kita membesar saat disorot oleh kursor mouse. Kalian pasti sering menjumpai blog saat gambarnya disorot mouse akan tampil lebih besar, pasti keren dong ? :D. Selain keren, dengan cara ini pengunjung blog kita juga akan lebih mudah dan jelas saat inign melihat gambar pada blog kita. Nah ingin tahu cara membuat gambar di blog membesar saat disorot mouse ? berikut caranya, silahkan disimak !!

1. Silahkan masuk ke menu Template - Edit HTML

2. Lalu cari kode <head>, gunakan Ctrl+F agar mempermudah pencarian

3. Setelah ditemukan copy pastekan script berikut ini tepat dibawah <head>

4. Lalu klik tombol simpan, kemudian lihat hasilnya !!

Note : Jangan lupa backup template untuk berjaga-jaga jika terdapat kesalahan edit.

Nah mungkin itu tutorial keren Cara Membuat Gambar di Blog Membesar Saat Disorot Mouse, semoga artikel ini dapat bermanfaat bagi sahabat semua. :D

Baca Selengkapnya → Cara Agar Gambar di Blog Membesar Saat Disentuh Mouse

Pages

BLOG EXERCISE MA BISMILLAH

Jumat, 21 Februari 2014

Cara Mencantumkan Icon Share FB, Twitter, G+ Melayang di Sisi Kiri Blog

Cara Agar Gambar di Blog Membesar Saat Disentuh Mouse

Translate

About Me

Blog Kelas X MA Bismillah

Blog Kelas XI MA Bismillah

Blog Archive

Followers