Artikel Terbaru Dari Cerita Ngeblog

Sunday, February 2, 2014

Cara Memasang Tombol G+ Di Atas Posting Blog

Print Friendly and PDF

Tombol Google plus sudah menjadi suatu keharusan yang kudu kita terapkan ke dalam halaman blog kita, hal ini dikarenakan banyak sekali manfaat yang akan sobat blogger rasakan sendiri nantinya. Maka dari itu hampir di semua blog sudah barang tentu memiliki tombol google plus. Namun terlepas dari itu semua, di sini aku hanya akan berbagi cara untuk menempatkan tombol google plus ini di atas postingan seperti dalam blog berikut ini.

Untuk memasang tombol g+ sebenarnya terdapat beberapa cara yang sudah disediakan oleh blogspot sendiri, misal melalui penambahan gadget google plus yang bisa sobat akses melalui menu tata letak dalam dasbor blog. Atau melalui tombol berbagi yang kerap menyertakan google plus didalamnya.

Cara Memasang Tombol Google Plus Di Atas Posting Blog


Untuk memasang tombol google plus dan meletakkannya di atas postingan blog, langkah awal adalah dengan mengcopy kode script berikut ini.

 <div id='googleplus'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <div style='float:right;text-align:right;'>
<script type='text/javascript'>
                            window.___gcfg = {
                              lang: &#39;en&#39;};
                              (function()
                              {
                              var po = document.createElement(&quot;
                              script&quot;
                              );
                              po.type = &quot;
                              text/javascript&quot;;
                              po.async = true;
                              po.src = &quot;
                              https://apis.google.com/js/plusone.js&quot;;
                              var s = document.getElementsByTagName(&quot;
                              script&quot;
                              )[0];
                              s.parentNode.insertBefore(po, s);
                            }
                            )();
                          </script>
  <g:plusone size='standard'/></div>
 </b:if>
            </div>
Catatan. Ganti  kata 'right' dengan 'left' jika sobat ingin merubah posisinya. 

Langkah selanjutnya adalah 'login/masuk ke dalam dasbor blog' lalu pilih 'template' tunggu sesaat, setelah terbuka halaman baru, kemudian pilih lagi 'edit html' untuk berjaga-jaga dari terjadinya error akibat pengeditan html, ada baiknya sobat salin terlebih dulu templatenya baca cara menyalin template

Setelah itu simpan kode script yang pada awal tadi sudah sobat copy tepat dibawah kode <div class='post-body entry-content'> kemudian simpan template

Cari kembali kode yang mirip seperti ini dalam template blog sobat ]]></b:skin> gunakan tombol ctrl+f guna melakukan pencarian cepat dalam template blog. Setelah menemukannya kemudian pastekan kode berikut

 #googleplus{border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:5px 0 5px 0;overflow:hidden; width:600px; height:24px; color:#ccc;}
#googleplus iframe a{color:#ccc;}

 tepat sebelum kode ]]></b:skin>. Pilih simpan template


Dan hasilnya kini tombol google plus sudah berada tepat diatas postingan blog. Seperti itulah kurang lebihnya langkah-langkah yang ditempuh dalam menerapkan cara memasang tombol google+ di atas posting blog. Oya sobat juga bisa menggabungkan kode tombol-tombol yang lain setelah tombol google plus tersebut, last... Aku ucapkan selamat mencoba, sukses untuk kita semua. Bye-bye...



Terima Kasih Atas Kunjungan Sobat dan Telah Membaca Artikel Cara Memasang Tombol G+ Di Atas Posting Blog , Silahkan Bagikan Artikel Ini, Atau Tekan Tombol G+ di Bawah

Klik BERLANGGANAN, Untuk Mendapatkan Update Terbaru Dari CERITA NGEBLOG


Share This :

Ditulis Oleh : Edo Kapengi Jam: 1:42 PM Kategori:

7 komentar :

Edo Kapengi

Silahkan meninggalkan komentarnya.!
*(Mohon untuk tidak mencantumkan link hidup)