Share Button - Google Plus dan Facebook Like merupakan kebutuhan sekunder untuk seorang blogger. Biasanya, kedua tombol tersebut jika ditambahkan pada widget blogger akan membuat blogger tersebut tidak lagi valid HTML5. Kali ini Hack4rt akan memberikan cara bagaimana membuat share button google plus dan facebook like akan valid HTML5. Simak tutorial berikut
Persiapan CSS
Sisipkan kode berikut tepat di atas kode ]]</b:skin>.g-plusone{float:left;}
.novalfblike{border: none;
overflow: hidden;
width: 80px;float:left;
height: 21px;}
#dukungan{background: #FFEEB6;
border-top: 1px solid #CA9433;
border-bottom: 1px solid #CA9433;
height: auto;
margin: 10px auto;
padding: 10px;
position: relative;}
.awal{float: left;
color: #000000;
line-height: 40px;
padding-right: 5px;
font-family: times;
font-weight: bold;
font-size: 60px;}
Script GooglePlus
Bagi yang belum memasang script google plus, silahkan pasang kode berikut tepat di atas </head><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
Tambah Widget
Silahkan pergi ke Tata Letak (Layout) dan buat sebuah widget baru dengan opsi HTML/Javascript. Lalu, masukkan kode berikut
<div class='novalfblike'><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2FBlogArie&send=false&layout=button_count&width=450&show_faces=true&font=lucida+grande&colorscheme=light&action=like&height=21&appId=379196715506857" ></iframe></div><div class='g-plusone' data-count='true' data-size='medium'></div>
Silahkan ganti kata yang berwarna merah dengan username facebook fanspage anda. Kemudian klik Simpan.
Sekian, selamat mencoba.
sumber : http://www.hack4rt.us/2013/05/cara-membuat-share-button-google-plus.html
Cara Membuat Share Button Google Plus & Facebook Like Valid HTML5
4/
5
Oleh
Ciharu
