Membuat Komentar Blog dan Facebook Berdampingan

tutorial berikut ini :

1. Login ke account blogger Anda

2. Klik rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

.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. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='ID FB Anda disini' 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><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana biru. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka. Udah ngertikan ? jika sudah maka Akan saya lanjut.

8. Kemudian cari kode  <div class='comments' id='comments'>

Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode

<div class='comments' id='comments'> yang pertama dan kedua.

<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'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

contoh :

<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'><div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)

9. Kemudian klik save, dan lihat hasilnya.

Jika semua langkah-langkah membuat komentar blog dan facebook berdampingan ini Anda ikuti dengan benar, maka seharusnya Anda berhasil melakukannya. Karena langkah diatas sudah saya lakukan dan berhasil seperti yang Anda lihat milik saya. Namun jika Anda memiliki struktur template yang berbeda, Anda dapat meletakkan kode pada poin no.8 dibawah kode <div class='comments' id='comments'> yang kedua saja.

Cara Mudah Menampilkan Foto Profil Di Google Search Engine

Pernahkah Sobat sedang Googling dan menemukan sebuh Blog/Situs yang terdapat Foto Profilnya di Search Engine ? Ngalah-ngalahin Artis aja ya sampai Foto Profil muncul di pencarian Google, hehehe . . . Dan ternyata cara untuk Menampilkan Foto Profil Di Google Search Engine sangatlah mudah lho . . .
Disini dalam postingan kali ini saya akan menulis dan berbagi kepada Sobat tentang Cara Mudah Menampilkan Foto Profil Di Google Search Engine, dan disini saya memberikan 4 langkah Cara Mudah Menampilkan Foto Profil Di Google Search Engine.
Sebelumnya saya juga pernah membahas tentang Membuat Rating Bintang Muncul di Google Search Engine.

Sekedar Informasi jika Sobat telah menerapkan Membuat Rating Bintang Muncul di Google Search Engine,  biasanya kode ini akan bentrok. Maksudnya kadang Ranting Bintang yang muncul kadang Foto Profil yang dan kadang pula keduanya yang muncul, mungkin bisa saja keduanya tidak muncul, namanya juga bentrok . . .
Jadi saya sarankan sobat memilih salah satu saja, Ranting Bintang atau Foto Profil, tapi semua keputusan ada di sobat, itu kan cuma saran, hehehe . . .

Contoh Foto Profil Muncul Di Google Search Engine

Kalo begitu sekarang mari kita bahas Cara Mudah Menampilkan Foto Profil Di Google Search Engine
.
Langkah 1 : Harus memiliki Blog/Situs Web (kalo tidak punya pasti tidak bisa).

Langkah di atas kita lewati, karna jika sobat tidak memiliki Blog/Situs Web, jelas tidak bisa, kita mulai dari langkah di bawah ini :

Langkah 1 : Mengganti Profil Blogger ke Google + (Plus).
Langkah 2 : Menambahkan Link Google + (Plus) ke Template Blogger/Situs Sobat.
Langkah 3 : Menambahkan About Me di Halaman Blogger/Situs Sobat.
Langkah 4 : Check di Rich Snippets Testing Tool.

Di atas adalah langkah-langkah yang harus sobat ikuti jika ingin Menampilkan Foto Profil Di Google Search Engine, ayo kita mulai langkahnya :

Langkah 1 : Mengganti Profil Blogger ke Google + (Plus).

Pertama Sobat harus imigrasi dari profil Blogger ke profil Google + (Plus), Jika sobat telah imigrasi maka langkah ini bisa sobat lewati, Jika belum untuk caranya adalah sebagai berikut :

• Untuk imigrasi dari profil Blogger ke Googel + (Plus) pergi ke Halaman ini.
• Sekarang gulir ke bawah, jangan lupa untuk mencentang pada kotak check.
• Lalu tekan tombol Switch Now, (Seperti pada gambar).

Bila sudah imigrasi dari profil Blogger ke Google + (Plus), sekarang sobat harus menambahkan akun Blog/Situs Sobat ke akun Google + (Plus).

Pada akun Google plus klick Edit Profil (seperti pada gambar berikut)

Lalu gulir ke bawah klick Kontributor Halaman/Kontributor Untuk, dan pilih atau masukkan halaman Blog/Situs Sobat, lalu klick tombl Simpan (lihat gambar)

Langkah 2 : Menambahkan Link Google + (Plus) ke Template Blogger/Situs Sobat.

Dalam langkah ini sobat harus memberitahu Google bahwa sobat adalah Pemilik/Penulis Blog/Situs yang sobat huni sekarang.
Sobat harus menambahkan link profil Google + (Plus) ke dalam template Sobat, caranya adalah sebagai berikut.

• Pergi ke Dasbor.
• Pada Dasbor klick Rancangan  ➨ Edit HTML.
• Sekarang cari kode <head> 
• Jika sudah ketemu sekarang letakkan kode berikut ini tepat di bawah kode tadi :

<link href='https://plus.google.com/101942472174789798746' rel='author'/>

NB : Ganti warna merah dengan id Google + (Plus) sobat.
Cara mengetahui id google plus adalah, Masuk ke akun Google + (Plus) sobat pada navbar bagian atas sobat copy id angkanya, seperti pada gambar berikut.

• Jika sudah klick Simpan template.

Langkah 3 : Menambahkan About Me di Halaman Blogger/Situs Sobat.

Langkah selanjutnya adalah menambahkan Tentang Saya di halaman Blog/Situs Sobat dengan cara :

• Pergi ke Dasbor.
• Pada Dasbor klick Rancangan  ➨ Tambah Gadget.
• Pilih HTML/Java Scrip ➨ Lalu masukkan kode berikut ini ke dalamnya.

<a href="https://plus.google.com/101942472174789798746" rel="author" target="_blank">Follow Me On Google+</a>

NB : Ganti warna merah dengan id Google + (Plus) sobat.

Bisa juga dengan cara :

• Pergi ke Dasbor.
• Pada Dasbor klick Rancangan  ➨ Tambah Gadget.
• Lalu pilih Profil (seperti gambar berikut)
• 
  

• Selanjutnya Simpan (seperti gambar).
• 
  

Langkah 4 : Check di Rich Snippets Testing Tool.

Ini adalah terakhir, langkah untuk mengecek apakah sobat berhasil/tidak Sobat menerapkan Cara Mudah Menampilkan Foto Profil Di Google Search Engine di Blog/Situs web Sobat.
Untuk mengecek ketidak/berhasilan sobat silahkan gunakan Tool dari Rich Snippets Testing Tool
Pada halaman Rich Snippets Testing Tool Sobat masukkan URL Blog/Situs Sobat lalu klick tombol Priview.

Finish, Jika tampilannya seperti pada gambar di atas berarti Sobat telah berhasil menerapkannya di Blog/Situs Sobat. (Ranting Bintang tidak termasuk)

Menjahili Teman Dengan software lalat di dekstop

Di awal'i dengan Bismilah. di akhiri dengan alhamdhulilah..

di page yang cerah ini saya akan post cara menjahili temen (lho) hehe.. gapapa kok sekali-sekali. wkakwakw

lalu dengan apa kita jahili temen kita ? tentu saja dengan gambar di bawah ini..  hohoho mau tau? ayo cekidot bareng-bareng :D

software ini cuman untuk ngerjain doank kok jadi gag berbahaya, bagi kompi kalian.
ke unikan software ini, gambar lalat yg ada di dakstop akan seperti asli.

ni aku tunjukan sekilas SSnya :

gmn ? lumayan lah klo bwt jail'in tmn. ntar di kira layarnya udah busuk di kerubung lalat (wakwkakwkw)

cara menginstalnya sama kayak yg lain cmn next-next aja.

klo pengguna'an nya cukup klik 2x icon lalat yg ada di dekstop. oh iya software lalat ini juga langsung keluar saat kompi hidup..

mantap kan . gag ada salah nya kalian eksperimen ginian buat tambah ilmu (ilmu jahil'in orang) :gubrak xD


kalo cara ngilanginnya tinggal klik kanan di traybar lalu klik exsit. ntar lalat otomatis akan hilang.
ni SSnya kalo yang masih bingung :

nah dah tau kan.

kalian bisa download softwarenya :

   ==>>DOWNLOAD<<==

Cara Pasang Euro 2012 Countdown Widget (Jadwal Pertandingan)

Karena musim pertandingan sepak bola Euro 2012 sudah mulai, mungkin ada teman-teman blogger yang berminat untuk memasang widget Euro 2012 Countdown yang akan saya share di sini.

Widget ini berfungsi untuk mengetahui berapa lama lagi pertandingan akan dimulai (khusus untuk jadwal pertandingan piala Euro 2012), script ini berbentuk script Countdown. Oke saya rasa tidak perlu panjang lebar.

1. Kunjungi situs widget.ua-traveling.com/
2. Pilih gadget/widget yang kamu suka
3. Klik Get Code (Maka kode script akan keluar), silakan kopi dan paste kode tersebut ke dalam Notepad jika kamu mau, atau biarkan dahulu situs tersebut terbuka.

Setelah mendapatkan script Euro 2012 countdown widget sekarang waktunya untuk memasang gadget Euro 2012 tadi, caranya

Langkah pertama sudah pasti kita harus login dahulu ke blogger, kemudian ikuti langkah-langkah berikut: 
1. Klik Tata Letak

2. Klik Tambah Gadget / Add Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan Euro 2012 Countdown Widget yang sudah kita dapat tadi di dalamnya (jangan lupa klik Edit HTML ya, letaknya di sebelah kanan atas kolom isian).

Cara Pasang jadwal pertandingan Euro 2012 countdown widget, semoga bermanfaat.

Pilih Modifikasi Ulang Template Atau Mengganti Template ?

Para Desainer template untuk blogger banyak bermunculan baik itu dari luar maupun dari dalam negeri kita sendiri, seiring dengan kemunculannya banyak desain-desain template yang sudah dihasilkan, hasilnya pun sungguh bagus-bagus, cantik dan mengagumkan sangat menggoda untuk kita memilikinya (menggunakan).

Dari sekian banyak template yang tersedia, baik dari pihak blogger sendiri maupun custom template yang banyak beredar pada situs-situs penyedia template blogger dan dengan kemudahannya kita bisa mendownload serta mempergunakan template tersebut dengan bebas (free), dari banyaknya template yang tersedia dengan desain yang bagus-bagus kadang menggoda kita untuk mengganti template dengan template yang lebih baru dan lebih bagus. Untuk mengganti template memang mudah dalam mesin blogger, tapi apakan semudah kita memutuskanya?

Ya, walaupun kita dengan mudah bisa mengganti template, sebaiknya memikirkan hal-hal dari akibat kita mengganti template :

• Dengan mengganti template, mesin pencari akan membaca ulang struktur template, tentu saja akan menghambat mesin dalam mengindeks isi blog dan akan berakibat jelek terhadap seo.
• Mesti menata ulang widget yang sudah terpasang sebelumnya dan akan lebih repot lagi kalau widget yang pernah terpasang berhubungan penempatannya dalam template.
• Menempatkan kembali script yang pernah terpasang pada template yang berhubungan dengan didaftarkannya blog kita pada situs-situs tertentu, sebagai contoh kode validasi, kode google analytic dll yang mesti tertanam dalam template.

Dari ketiga contoh akibat yang ditimbulkan dari kita mengganti template, mungkin poin ke satu adalah rintangan yang paling berat, karena bukan kita yang menentukan, berbeda dengan poin 2 dan 3, itu tergantung kita rajin atau tidak-nya untuk memperbaiki susunan script-script yang pernah terpasang.

Selain mengganti template untuk menghasilkan tampilan blog yang lebih baik dan baru, alangkah baiknya kalau kita mencoba untuk me-modifikasi ulang template dengan tampilan yang sesuai dengan yang kita inginkan, tentu saja ini akan menghasilkan tampilan yang lebih baru dan independent.

Beberapa kelebihan jika kita modifikasi ulang template kita sendiri

• Anggap saja sambil belajar "Learning While Practicing" kode-kode tiap-tiap bagian template, dengan memahami bagian-bagian template akan sangat mempermudah bagi kita untuk memodifikasi tampilan blog.
• Akan menghasilkan karya tampilan (desain) blog yang pastinya tidak ada duanya, berbeda kalau kita menggunakan template yang banyak beredar (pada situs penyedia template)untuk kita pergunakan secara gratis, sudah pasti ada orang lain juga yang mempergunakan template tersebut untuk tampilan blognya (mau punya kembaran?).
• Terutama menurut saya yang masih newbie, mesin tidak akan terlalu dipersulit dalam membaca struktur template, walaupun terjadi perubahan penambahan atau pengurangan script dalam susunan template, karena secara garis besar susunan template tidak banyak yang dirubah, jadi secara seo akan lebih baik.

Dari dua pilihan menganti template atau memodifikasi tampilan blog yang saya sebutkan diatas, tentu saja itu merupakan keputusan kalian untuk memilihnya.