Membuat Tombol Google Buzz It !
Setelah Facebook, kemudian Tweeter dan sekarang sudah Google-Buzz.Menjadi seorang blogger, Anda tidak perlu khawatir tentang siapa yang meniru anda! Dan bagi siapapun yang ingin mempublikasikan ulang seluruh artikel masterGOmaster saya persilahkan dengan syarat memberikan link sumbernya. Oke lanjut kembali tutorial blogspotnya dan semua situs ini membiarkan pengguna mereka berinteraksi dengan lebih mudah dan itu berarti bebas berlalu lintas dengan upaya minimal. Jadi akan membawa gelombang besar ke blog sobat blogger !
Sekarang bicara tentang G-Buzz, meskipun Google belum meresmikan tombol "Buzz It!" , tetapi tidak menyurutkan saya untuk menyinkronkan blog-feed dengan Buzz, sehingga semua posting saya secara langsung dikirim ke account Buzz Anda. Cukup menambahkan blog Anda ke situs yang terhubung ...
Terinspirasi oleh mashable, sekarang aku juga telah menciptakan Google Buzz It! tombol untuk pembaca masterGOmaster. disini saya membuat dua macam tombol Google Buzz silahkan pilih saja sesuai keperluan sobat, berikut adalah bagaimana Anda dapat menambahkan tombol ini ke blog Anda dan untuk demonya silahkan coba pada blog ini untuk cara pertama.
LANGKAH # 1
Login ke Blogger, pergi ke Layout --> Edit HTML
dan tandai kotak centang "Expand Template Widget"
Sekarang cari kode ini di template
<div class='post-header-line-1'/>
LANGKAH # 2Dan segera sisipkan kode di BAWAH INI / SETELAH kode di atas,
<!--BUZZ-STARTS-->
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Ini akan menampilkan tombol Buzz it! kecil seperti di bawah ini :<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Atau, sisipkan kode ini
<!--BUZZ-STARTS-->
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
untuk menampilkan yang lebih besar tombol Buzz It! seperti di bawah ini<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Untuk yang disorot warna merah sahabat blogger bisa menempatkannya di sebelah kanan dan bagi yang ingin penempatannya di sebelah kiri anda hanya mengganti dengan left.
Cara Kedua
Dan bagi sobat yang ingin tombol Google Buzz bila di klik menuju halaman baru ini dia kodenya
<!--BUZZ-STARTS-->
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Silahkan klik disini untuk Demo <a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Untuk tombol Buzz yang besar kodenya dibawah ini :
<!--BUZZ-STARTS-->
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
dan untuk contoh tombolnya di bawah ini :<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
<!--BUZZ-STOPS-www.mastergomaster.com-->
Untuk yang disorot warna merah sahabat blogger bisa menempatkannya di sebelah kanan dan bagi yang ingin penempatannya di sebelah kiri anda hanya mengganti dengan left.
Terima kasih dan Happy Blogging
Tidak ada komentar:
Posting Komentar
Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous