Random Post

Trending Topik

Popular Post

Ping your blog, website, or RSS feed for Free

Recent Post

CONTENT BLOGGER HERE
CONTENT TWITTER HERE
CONTENT FACEBOOK HERE

Comments

Blog Berkah. Diberdayakan oleh Blogger.

Search This Blog
Home » Semua post berkategori Blogspot
Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan

Cara Mendapatkan Google Site Verification

Cara Mendapatkan Google Site Verification - Google Site Verification berfungsi agar google dapat mengetahui bahwa blog tersebut benar-benar milik kita.ada beberapa cara untuk menVerifikasi blog kita, salah satunya menggunakan meta tag yang disisipkan discript blog kita. untuk cara mendapatkannya, pertama sobat harus login ke akun google sobat dulu. lalu klik disini.



setelah muncul seperti gambar diatas, ada beberapa daftar blog yg kita miliki. klik pada nama blog yang ingin diVerifikasi.

pada Dasbor, klik Konfigurasi Situs, lalu klik Administrasi Pengguna.
setelah masuk pada menu Konfigurasi Pengguna, arahkan mouse pada tulisan pemilik, sehingga akan muncul seperti gambar diatas, lalu klik Laman verifikasi pemilik.

akan muncul seperti gambar diatas, dengan tulisan "anda adalah pemilik yang diverifikasi http://blog-anda.blogspot.com. diverifikasi dengan metode berikut".
jika tidak ada metode meta tag, klik verifikasi dengan menggunakan metode yang berbeda.





klik tambahkan tag meta ke beranda situs anda.
akan muncul kode meta tag, copy kode tersebut dan paste dibawah kode <head>.


setelah itu simpan template.
refresh blog sobat, dan klik verifikasi blog.




cukup sekian dan terima kasih. semoga bermanfaat. ^_^
Unknown / Jumat, 09 November 2012 / Tulis Komentar / Baca Selengkapnya »

cara Membuat Tab Komentar Facebook dan Blogger

Halo teman, sudah lama saya tak posting.. kali ini saya ingin berbagi cara Membuat Tab Komentar Facebook dan Blogger seperti yanada pada wordpress. Nah penasaran??? langsung saja ikuti cara dibawah ini


1. Seperti biasa login ke akun blogger sobat kemudian ke EDIT HTML
2. Di EDIT HTML jangan lupa untuk mencentang EXPAND WIDGET
3. temukan kode berikut class='comments' dengan bantuan CTRL+F





4. Copy kode dibawah ini dibawah kode class='comments'


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>

5. Temukan kode <head> dengan bantuan CTRL+F dan Copy kode dibawah ini diatas </head>




<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> 
<script src='http://code.jquery.com/jquery-latest.js'/><meta content='YOUR_FB_ID' property='fb:admins'/>

<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

6. Temukan kode #comments dengan bantuan CTRL+F dan Copy kode dibawah ini diatas kode #comments


.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

7. Simpan dan lihat hasilnya. jangan lupa ganti YOUR_FB_ID. dengan kode facebook sobat


Good Luck Guys, selamat mencoba cara Membuat Tab Komentar Facebook dan Blogger.
Unknown / Tulis Komentar / Baca Selengkapnya »

Cara menambahkan GOOGLE +1 di Blogspot

Kali ini saya ingin berbagi Cara menambahkan GOOGLE +1 (google Plus 1) Di Blogspot. Sebenarnya fitur ini sudah otomatis ada dengan hanya masuk di edit tata letak terus di bagian main nanti ada pilihan untuk GOOGLE PLUS. tinggal di beri tanda centang saja pasi sudah muncul.






Add caption


Namun ini berlangsung untuk template yang default dari blogspot. Terud bagaimana yang menggunakan CUSTOM TEMPLETE untuk blognya??


setelah jalan jalan kesana kemari, akhirnya saya menemukan bagai mana Cara menambahkan GOOGLE +1 (google Plus 1) Di Blogspot untuk yang custom templete. cara ini sudah saya buktikan di blogsaya ini.

langsung saja simak Cara menambahkan GOOGLE +1 (google Plus 1) Di Blogspot

Ada 4 ukuran tombol +1 yang dapat anda gunakan untuk dipasang di blog anda. Di kode tersebut ada pesan "Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup". Kode pertama letakkan kodenya sebelum kode </head> dan yang kode kedua letakkan dimana anda ingin meletakkan tombol +1 di blog anda.Ada 4 ukuran tombol +1 yang dapat anda gunakan untuk dipasang di blog anda. Di kode tersebut ada pesan "Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup". Kode pertama letakkan kodenya sebelum kode </head> dan yang kode kedua letakkan dimana anda ingin meletakkan tombol +1 di blog anda.


Sebelum melakukan pemasangan dapatkan kodenya dari google webmaster


Proses pemasangan kode :
Seperti biasa untuk melakukan customasi kita masuk ke edit HTML. jangan lupa centang pada " Expand Widget Templates"
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>Copas Kode diatas dan paste sebelum </head>


Setelah itu untuk meletakkan sesuai keinginan kita ikuti petunjuk selanjutnya



Tombol +1 Kecil
Kode tombol kecil

<g:plusone size="small"></g:plusone>Tombol +1 Sedang


Kode tombol Sedang

<g:plusone size="medium"></g:plusone>Tombol +1 Standar


Kode tombol standart


<g:plusone></g:plusone>


Kode tombol besar


<g:plusone size="tall"></g:plusone>


Pergi ke Halaman Rancangan > Klik Tambah Gadget> Pilih Html/Javascript dan paste kode untuk tombol +1 di kolom yang tersedia.

Menambah Tombol +1 di Atas Postingan Blogger 

Pergi ke Halaman Rancangan > Edit HTML > Centang Expand Widget Templates.

Cari kode berikut di bawah ini (gunakan CTRL dan F untuk mencari kodenya):


<div class='post-header-line-1'>Paste kode tombol +1 anda di sebelum / di atas kode <div class='post-header-line-1'> dan simpan template anda.



Menambah Tombol +1 di Bawah Postingan Blogger 

Pergi ke Halaman Rancangan > Edit HTML > Centang Expand Widget Templates.

Cari kode berikut di bawah ini (gunakan CTRL dan F untuk mencari kodenya):


<div class='post-footer-line post-footer-line-1'>Paste kode tombol +1 anda di sesudah / di bawah kode <div class='post-footer-line post-footer-line-1'> dan simpan template anda.



Demikianlah postingan Cara menambahkan GOOGLE +1 di Blogspot, semoga bermanfaat.
Unknown / Tulis Komentar / Baca Selengkapnya »
Langganan: Postingan (Atom)