Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Wednesday, May 22, 2013

Cara membuat button share google plus valid html 5

cara membuat button share g+ valid html 5
Jejaringan sosial yang lahir dari om " GOOGLE " ini sangat melesat perkembangannya didunia maya, ntah itu gara gara bokapnya om "google " memang sudah mempunyai nama besar atau tidak terserah penilaian orang yang memakainya, tapi menurut saya pribadi anak dari om "google " ini yang diberi nama " GOOGLE PLOUSE " atau " Google Plus " atau " G+ " dapat diacungkan jempol, disamping pemakaiannya mudah dan aplikasinya lengkap yah kalo menurut gosip sih G+ ini bakal melesat tinggi di dunia maya setelah para jejaringan sosial terdahulunya. Dan saat ini setelah terlahirnya HTML 5 yang telah di perbaharui dari HTML terdahulunya, dalam memasang G+ diblog/web yang valid HTML 5 tidak lah begitu susah malah tambah ibuat ringkas dalam penulisan code tag HTML 5. Dunia maya saat ini sangat dihebohkan dengan lahirnya HTML 5 yang baru, maklum diberbagai penjuru situs banyak yang telah kewalahan dan merombak habis code code tag HTML nya yang lama menjadi Valid HTML ini dan saya rasa untuk membuat Google Plus yang valid HTML 5 diblog yang kita sayangi mau ngak mau harus kita buat soalnya cerita punya cerita HTML yang terdahulunya bakal ketinggalan jaman. Oke untuk lebih jelasnya bagaimana cara membuat button share google plus yang valid HTML 5 mari enuju TKP.

Silahkan kunjungi link ini  https://developers.google.com/+/web/share/ 
Untuk lebih memahami bahasanya silahkan pilih bahasa yang ada di bawah sebelah kanan

  • Untuk Bahasa Indonesia
Klik " ANOTASI  >>  SISIPAN " Sesuaikan dengan pilihan anda dengan melihat reviewnya
Untuk ukuran " KECIL |  SEDANG  |  BESAR "
Untuk Bahasa " PILIH BAHASA " ( Bahasa untuk tombol dsb )
setelah semua sudah di edit silahkan lihat dengan seksama "review"nya apakah sudah sesuai dengan kehendak hati, kalo sudah silahkan COPY code scriptnya dan letakkan diblog sobat.

 contoh code script


<!-- Tempatkan tag ini di mana pun Anda ingin tombol berbagi ditampilkan. -->
<div class="g-plus" data-action="share"></div>

<!-- Tempatkan tag ini setelah tag berbagi terakhir. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'id'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>


Login ke blog kesayangan anda kemudian
Copy code script tersebut cth yang berwarna biru
letakkan sebelum code </body>
Untuk code script yang diblok warna kuning letakkan dibagian mana yang ingin anda tempatkan " Google Plus" nya untuk lebih mudah dilihat para pengunjung blog anda.

NB : Code Script yang ada diatas adalah code G+ saya, yang hanya saya pergunakan sebagai contoh untuk memudahkan pemasangan code script G+ anda.
bagi yang sudah mempunyai blog Valid HTML 5 silahkan mengujinya di  http://validator.w3.org/

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 9:32 PM

6 comments :

  1. @dodixpoernama..
    Sama sama sob..
    thx atas kunjungannya.. kalo ada yang kurang mengerti silahkan share dengan saya..

    ReplyDelete
  2. Jadi bisa dipasang dimana aja ya sob, di widget misalnya...

    ReplyDelete
    Replies
    1. iya mas, asal bersangkutan dengan html bisa mas, di gadget, footer , header dll

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog