19.59
Anda mungkin tahu mengapa Google +1 memiliki sebuah prioritas tertinggi, karena merupakan salah satu layanan kebanggaan Google. Jadi kita perlu lebih banyak Google +1 menerima untuk artikel blog kita hingga menjadi kuat dan bertahan kesemua update algoritma. Untuk melakukan ini, Anda tidak harus menggunakan beberapa gaya yang unik tombil Google +1 untuk blog Anda lebih menjadi perhatian pengunjung untuk mendapatkan kunjungan mereka. Jadi saya pikir untuk menciptakan gaya baru dan unik dari Google + 1 untuk blog Blogger dan saya akan sampaikan kepada Anda dengan tutorial.
Yang paling penting untuk diperhatikan dalam Google +1 ditombol ini, tombol ini bekerja secara unik untuk setiap posting blog Anda dan memberikan kesederhanaan. unik Google +1 tombol ini memungkinkan pengguna untuk secara individual postingan blog Anda, bukan +1 blog Anda penuh atau situs lain seperti Google plus satu tombol. Jadi, biarkan topik datang dan bergerak maju dengan penambahan Google +1 dengan gaya yang unik dan tombol kontrol yang unik untuk setiap Blogger posting blog.
Untuk menambahkan Tombol Google +1 untuk posting blog individu dari Blogger
1. Pergi ke Blogger Dashboard -> Template -> Edit Html (Tick memperluas pilihan template yang widget).
2. Cari. Untuk tag </ head> dan tambahkan kode kode berikut tepat di atas
<!– Unique style Google +1 button by BloggerTricks.biz –>
<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>
<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>
Untuk menambahkan Tombol Google +1 untuk posting blog individu dari Blogger
1. Pergi ke Blogger Dashboard -> Template -> Edit Html (Tick memperluas pilihan template yang widget).
2. Cari. Untuk tag </ head> dan tambahkan kode kode berikut tepat di atas
3. Sekarang Anda akan menemukan (Ctrl + F) untuk <div class = 'post-header-line-1'> dan tambahkan kode kode berikut tepat di bawah.
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<div style=’ background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDfJTSOkANLYFblmcKrPNpfd55NR2_Rpbd5SRCa4cG2P97g-cNXq90YrP8oeB9ZGXSIpx2MqFGe4WFkTRXTyf91a7VmBEiZxlM1vptnKecFMcSK7d1bTZGAk6_q529Z_cdMAJSlr88tpw/s1600/call.jpg) no-repeat; display: block; width:65px; height:70px;
float: left; margin: -40px 2px 0 -79px; padding: 4px 0 0px 8px; border: 0; ‘>
<g:plusone annotation=’bubble‘ expr:href=’data:post.url’ size=’tall‘/>
</div></b:if>
<div style=’ background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDfJTSOkANLYFblmcKrPNpfd55NR2_Rpbd5SRCa4cG2P97g-cNXq90YrP8oeB9ZGXSIpx2MqFGe4WFkTRXTyf91a7VmBEiZxlM1vptnKecFMcSK7d1bTZGAk6_q529Z_cdMAJSlr88tpw/s1600/call.jpg) no-repeat; display: block; width:65px; height:70px;
float: left; margin: -40px 2px 0 -79px; padding: 4px 0 0px 8px; border: 0; ‘>
<g:plusone annotation=’bubble‘ expr:href=’data:post.url’ size=’tall‘/>
</div></b:if>
Catatan:
Anda dapat mengubah ukuran tombol antara kecil, menengah, besar dan besar.
Anda dapat mengubah penjelasan antara inline, gelembung dan tidak ada.
4. Simpan template.
Google + 1 tombol penyesuaian
Saya menambahkan, jika tag Kondisi untuk membuatnya tampak hanya pada website dan saya memiliki tepi dan jok yang Google ditambah tombol untuk mengaturnya samping judul posting. Jika Anda perlu dilakukan penyesuaian, maka silakan mengajukan pertanyaan Anda di bagian komentar di bawah dan saya akan senang untuk membantu Anda di dalam membuatnya.
Tidak ada komentar
Posting Komentar