cara memasang widget Jam di blogger

Kali ini Saya  mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah :

www.clocklink.com

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia,lalu save
7. Selesai Dan Lihatlah Hasilnya..

Read More - cara memasang widget Jam di blogger

Cara Membuat Komentar Facebook dan Blog Berdampingan

Komentar facebook dan blog berdampingan? maksudnya seperti apa? Nah, biar teman teman ga bingung, bisa melihat contohnya pada gambar di bawah ini

Komentar Facebook dan Blogger yang Berdampingan

Nah, sudah tau kan maksudnya seperti apa? pada kotak komentar model ini, akan terdapat dua tab menu yang masing masing berisi kotak komentar dengan facebook dan kotak komentar default dari blogger. tertarik untuk membuatnya?


1. Masuk ke Edit HTML, kemudian beri centang pada expand widget template. Oh ya, jangan lupa di back up dulu templatenya yah .


2. Cari kode berikut <div class='comments' id='comments'> 


3. Kode berikut di bawah kode di atas

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
<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'>

4. Cari kode </head> kemudian pastekan kode berikut di atasnya

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Masukkan ID Facebook' 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>

5. Kemudian cari kode berikut  /* Comment atau #comments. Kemudian letakkan kode berikut di bawahnya

.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;}


Keterangan :

• Ganti kode warna biru denga jumlah coment yang ingin di tampilkan dan  berapa ukuran lebar yang diinginkan
• Ganti kode warna merah dengan id facebook teman teman, contoh alamat fb saya https://www.facebook.com/mr.rinkido nah, id nya adalah mr.rinkido

6. Save dan lihat hasilnya

Read More - Cara Membuat Komentar Facebook dan Blog Berdampingan

Cara Mudah Membuat Aplikasi Facebook

Pada postingan kali ini, saya akan memberikan sedikit tutorial mengenai bagaimana cara membuat aplikasi di facebook. Apa kegunaannya? banyak sekali, salah satu kegunaannya adalah untuk memasang komentar facebook di blog. langsung aja ikuti caranya yah :D

1. Login terlebih dahulu ke akun facebook

2. Buka Facebook Apps 

3. Klik Create New App

4. Pada App Display Name dan App Namespace, isikan namanya sesuai keinginan kita. Oh ya, pada App Namespace, isi dengan huruf kecil dan tanpa spasi yah...

5. Centang Pada I agree bla bla,,,Klik Continue

6. Isikan Security Checknya

7. Klik Submit

8. Nah, Sekarang kita sudah punya sebuah aplikasi buatan sendiri di facebook, Catat dan simpan App ID yang terdapat di sana. karena itulah point pentingnya.

9. Selamat Mencoba...

Read More - Cara Mudah Membuat Aplikasi Facebook

Cara membuat daftar isi di blog

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

• <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  </div>

namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat


6. Kemudian save dan letakkan sesuai dengan keinginan sobat.


Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

• <script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Selamaty mencoba semoga berhasil

Read More - Cara membuat daftar isi di blog

Langkah-langkah memasang widget alexa rank di blog

Adapun memasang widget alexa rank di blog


1. Buka Alexa

2. Klik Register, isi data data yang ada


3. Kemudian klik link konfirmasi yang dikirim ke e-mail kita, setelah itu isi password yang diminta


4. Klik Add a Site


5. Klik Sign Up pada bagian free

6. Masukkan alamat blog kita, klik continue

7. Copykan kode verifikasi pada edit html blog,

8. Buka Edit HTML blog, cari kode <head> dan pastekan kode verifikasi alexa tadi di bawah kode <head> tersebut. 

9. Klik Save Template

10. Kembali ke alexa tadi, klik verify my Id. Kemudian klik Continue

11. Isikan data yang muncul, Klik Save and ContinueKli

12. Klik Go to the Dashbord

13. Klik Site Tools, Klik Alexa Site Widgets,

14. Pilih Jenis yang diinginkan, isikan link blog kita di sana, Klik Build Widget

15. Copykan Salah satu kode yang muncul ke elmen halaman blog kita

16. Lihat Perubahan yang terjadi pada blog kita

 

Selamat mencoba semoga berhasil "{'.'}"

Read More - Langkah-langkah memasang widget alexa rank di blog

Cara Membuat Kotak Komentar Facebook Versi Terbaru

Beberapa waktu lalu, saya dikagetkan oleh salah satu rekan, bahwa tutorial saya yaitu tentang membuat komentar/buku tamu facebook di blog, sudah tidak bisa dipakai lagi, usut punya usut ternyata facebook telah melakukan beberapa perubahan pada sistemnya

Nah...Pada Postingan kali ini saya akan memberikan tutorial tersebut agar teman teman bisa memasang kotak komentar facebook di blog teman teman. Langsung aja yah...

1. Buka Facebook Social Plugin

2. Pilih Comments

 

3. Pada Url to comment on, isi dengan url blog teman teman, kemudian atur jumlah post dan lebarnya sesuai keinginan.

4. Klik Get Code...

5. Nah, di sinilah letak perbedaan dari tutorial sebelumnya

6. Klik JavaScript SDK 

7. Pada Bagian Loading, Copykan Script yang berwarna hijau 

8. Pastekan setelah kode <body> pada bagian Edit HTML blog.

9. Pada YOUR_APP_ID, ganti dengan APP ID milik teman teman, jika belum punya APP ID, buat dulu APP ID nya, cara membuatnya bisa dilihat di sini.

10. Pada WWW.YOUR_DOMAIN.COM, ganti dengan alamat blog teman teman.

11. Cari Kode berikut xmlns:expr='http://www.google.com/2005/gml/expr'

12. Kalau sudah Ketemu, Copykan kode xmlns:fb='http://ogp.me/ns/fb#' setelah kode tersebut

11. Jika sudah, klik simpan template.

12. Kembali Ke halaman Get Code Comment Facebook tadi, Klik XFBML, Kemudian Copykan code yang ke 3, dan pastekan di elemen halaman baru pada gadget blog.




13. Klik Save dan lihat hasilnya..

Teman Teman Sedang Membaca Sebuah Artikel Whesata Blog Tentang Cara Membuat Kotak Komentar Facebook Versi Terbaru Teman Teman Bisa Menemukan Artikel Cara Membuat Kotak Komentar Facebook Versi Terbaru Ini Melaui URL Berikut http://www.diditrinjano.com/2011/11/cara-membuat-kotak-komentar-facebook.html, Silahkan Copy Paste Artikel Cara Membuat Kotak Komentar Facebook Versi Terbaru Ini, Jika Menurut Teman Teman Artikelnya Menarik dan Bermanfaat, Namun Jangan Lupa Untuk MencantumkanCara Membuat Kotak Komentar Facebook Versi Terbaru sumbernya yaa ^_^.

Read More - Cara Membuat Kotak Komentar Facebook Versi Terbaru