Cara Membuat Pop up Link Profil Google+ di Blogger

Cara Membuat Pop up Link Profil Google+ di Blogger - Sudah hampir dua minggu saya tidak posting, karena banyaknya kesibukan di dunia nyata. Sehingga, tidak sempat dalam mengurus blog. Di sini, saya akan membagikan tips membuat pop up link profil Google+. Pop up ini akan muncul ketika link profil disorot oleh mouse. Intinya, seperti di Facebook. Jika kita mengarahkan kursor ke link, akan muncul pop up profilnya. Untuk demonya, sobat bisa melihat langsung di blog saya. Tepatnya, profil Google+ saya di bawah judul postingan. 

Cara Membuatnya cukup mudah. Silahkan ikuti langkah-langkah berikut.

1. Simpan kode ini di atas kode </body>

<script type="text/javascript">
  (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>

2. Setelah itu, tinggal kita melangkah ke cara penerapannya.

<a class='g-profile' href='https://plus.google.com/103933809475122406110' target='_blank' title='Fathoni Muhammad'>Fathoni Muhammad</a>

Silahkan ganti url google+ nya, nama dan title-nya. Cara di atas bisa sobat terapkan pada tulisan ataupun gambar.

Jika sobat ingin menerapkannya seperti di blog saya, yaitu pada nick name author di bawah judul postingan, pastikan sobat telah memberi link yang akan mengarahkan ke Google+ sobat. Jika belum, silahkan ikuti langkah berikut.

Di bawah ini merupakan contoh kode dari nick name Google+ saya yang terlihat di bawah judul postingan. Silahkan sobat cari dulu kode nick name G+ nya. Karena, setiap template berbeda-beda kodenya.

<div class='postmeta'>
  <span class='author'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'><data:post.author/>
             </a>
</span> 

Jika sudah ketemu, sesuaikan kodenya seperti di atas. Kode yang berwarna hijau adalah kode yang membuat link Google+ dan title tagsnya. Title tagsnya bisa sobat ganti sesuai keinginan.

Happy Blogging....

Source : http://www.kompiajaib.com/2013/08/membuat-link-pop-up-profil-g-di-blog.html