Cara Membuat Kotak Komentar Facebook dan Blogger Berdampingan/Berdekatan/Bersampingan di bawah Posting Blog

Yang hasilnya nanti seperti ini :

Berikut mazinu akan memberikan tutorialnya :

• Login ke account blogger kalian.
• Klik rancangan lalu klik: Edit HTML.
• Dwnload template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan.
• Beri centang kotak kecil yang bertuliskan: Expand Template Widget.
• Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian).
• Kalau sudah ketemu 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;}

 Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.

 Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau #comments. (pakai cara ini jika cara yang diatas gagal, tapi kebanyakan dengan cara diatas berhasil. tenang saja!)

• Kemudian Sobat cari kode </head>

• Jika sudah ketemu, masukkan kode berikut ini tepat di atas 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 kalian 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>

Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook kalian, misalkan https://www.facebook.com/nama kalian maka ID Sobat berada pada tulisan yang berwana hijau. Namun jika belum merubah ID Kalian maka yang tertera adalah berupa angka. Contohnya seperti ini: https://www.facebook.com/1234567890 

• Kemudian cari kode  <div class='comments' id='comments'>

Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawah kedua kode <div class='comments' id='comments'>.

    <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: Pada penempatan kode yang ke dua, silahkan hapus kode yang berwarna biru! yang <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.

Perhatikan angka yang berwarna merah dan hijau di atas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook.

Continue Reading | komentar

12 Alasan yang akan diterapkan oleh Google pada Blog

12 Alasan Google Menghapus Sebuah Blog

Alasan #1 Google Menghapus Blog Karena Melakukan Pemasaran Afiliasi

Yang dimaksud dengan pemasaran afiliasi adalah sebuah sistem di mana anda dibayar jika suatu barang atau jasa dari jaringan afiliasi terjual oleh anda. Banyak sekali blogger yang mencoba bisnis online afiliasi seperti ini. Sayangnya ini melanggar aturan dasar dari Google jika link yang diberikan bersifat dofollow.

Apakah ada caranya agar tetap bisa melakukan pemasaran afiliasi? Sepertinya ada, karena saya pernah membaca pernyataan dari pihak Google sendiri, bahwa mereka tidak akan keberatan dengan bisnis afiliasi selama link dari blog pemasaran afiliasi ini bersifat nofollow dan bukannya dofollow. Jadi coba saja diubah sifat dari linknya untuk pencegahan.

Alasan #2 Google Menghapus Blog Jika Melakukan Pengalihan Trafik Ke Website/Blog Lain

Pengalihan trafik ini bisa dilakukan dengan meta refresh, dan Google menganggap ini sebagai "memperdaya" pengunjung blog. Jadi sebaiknya hati-hati dalam mempergunakan berbagai teknik pengalihan, karena bisa-bisa anda dianggap melakukan kecurangan.

Metode pengalihan yang aman itu adalah redirect 301 yang permanen. Sayangnya metode 301 tidak bisa diterapkan antar blogspot apalagi ke website lain.... Hanya bisa antar halaman saja.

Alasan #3 Google Akan Menghapus Blog Yang Memasang Iklan Berbayar Konten Dewasa

Pertengahan tahun 2013 ini Google semakin tegas dengan blog-blog yang menampilkan konten dewasa, sudah banyak kasus blog yang dihapus hanya karena mengiklankan konten-konten 18 tahun ke atas. Saya sendiri tidak tahu apakah hanya material porno saja yang dimaksud, atau produk suami istri juga termasuk jika bannernya menampilkan pornografi.

Alasan #4 Blog Dihapus Jika Menggunakan Script Untuk Membuat Konten Dan Bukan Ketikan Tangan

Saat ini semakin banyak blog dengan konten otomatis, yang kualitasnya sangat rendah. Google menganggap halaman-halaman kualitas rendah ini bisa mempengaruhi hasil pencarian yang disajikan kepada para pencari, sehingga dirasa perlu untuk membatasi blog otomatis seperti ini.... 

Selain mengurangi kualitas hasil pencarian, blog seperti ini menimbulkan duplikat konten, sehingga terkadang di dalam satu halaman ada 2-3 hasil yang sebenarnya berisikan meteri yang sama persis.

Alasan #5 Google Menghapus Blog Yang Mereferensikan Hacking Akun atau Penyebaran Password

Seperti kita ketahui bahwa semakin banyak juga blog yang memuat materi-materi yang berisikan password atau cara menghack akun-akun pada situs-situs premium yang hanya boleh diakses oleh mereka yang membayar. Google juga berusaha memerangi hal-hal seperti ini karena menghargai hak intelektual dari pembuat sistem website lain.

Alasan #6 Google Menghapus Blog Yang Menyebarkan Metode Menjebol Software Berhak Cipta

Sama alasannya dengan poin 5 di atas yaitu menghargai hak intelektual orang lain. Kalau teman-teman tidak mengerti bahasa di atas, maka kita sederhanakan saja jadi PEMBAJAKAN.

Google benar-benar tidak mendukung segala aktifitas pembajakan di dalam produk-produknya, karena ini terkait langsung dengan tanggung jawab perusahaan dalam sistem hukum di Amerika sana. Jadi kalau mau membuat blog berisi barang bajakan.....jangan pakai blogspot, karena kalau ketemu bisa dihapus....

Alasan #7 Google Menghapus Blog Dengan Aktifitas Referal (Orang Cari Orang)

Baik itu program GET PAID TO.... atau MLM, atau proyek cari uang instant, PTC, PTS, dan lain sebagainya tidak mendapatkan dukungan dari Google. Blog-blog komersil yang bersifat referal seperti ini sebaiknya menggunakan platform lain selain blogspot, karena TOS blogger tidak menyetujui konten seperti ini....

Alasan #8 Blogger Menghapus Blog Yang Menyadap Konten Dari Website atau Blog Lain

Maksudnya ini adalah blog konten otomatis juga. Tapi konten yang diterbitkan tidak bersumber dari script, tapi menyadap RSS feed dari blog lain. Kita biasa menyebutnya autoblog. Entah konten itu berhak cipta atau tidak, tetap saja Google tidak mentolerir blog-blog seperti ini.

Alasan #9 Google Menghapus Blog Yang Melanggar Hak Cipta

Hak cipta di sini bukan sekedar artikel saja loh. Gambar, video, software, audio dan lain sebagainya yang disebarkan melalui blog tanpa seizin pemilik hak cipta beresiko mendapatkan pengaduan yang jika diterima oleh Google DMCA takedown akan mengakibatkan penghapusan.

Alasan #10 Blog-Blog Besar dengan Konten Campuran Yang Tidak Fokus dan Tidak Terkait

Yang satu ini benar-benar baru saya ketahui melanggar TOS, karena saat ini banyak blog bertemakan blog berita yang mempunyai label yang sangat beragam. Beberapa tahun terakhir Blogger sepertinya tidak keberatan dengan blog-blog seperti ini. Tapi setelah blog-blog ini menjadi besar, satu per satu blog ini dihapus. Blogspot gado-gado terbesar yang terkena sapuan blogger adalah terselubung.blogspot.com dengan alexa rank 15.000-an.....

Trafik besar dan sinyal positif pengunjung sepertinya tidak mempengaruhi keputusan Google, karena sangat sedikit blog-blog campuran ini yang kembali online.... Ini sebenarnya alasan yang paling mengejutkan bagi saya dari semua alasan lainnya.... Mungkin saya masih harus mencari penjelasan lebih lanjut mengenai alasan Google tidak menyetujui blog-blog seperti ini.

Alasan #11 Google Menghapus Blog-Blog Ilegal Download, Streaming dan Torrents

Rasanya saya tidak perlu lagi menjelaskan poin yang satu ini panjang lebar, karena teman-teman pasti sudah tahu apa yang dimaksud dengan ilegal download, streaming dan torrents ini. Jadi kalau blog saudara mempunyai muatan konten seperti ini ada baiknya ditertibkan dulu sebelum Google yang menertibkan.... Tapi kalau semua kontennya seperti itu, ya apa boleh buat.....berharap saja lolos dari desingan peluru blogger..

Alasan #12 Google Menghapus Blog-Blog Yang Mencari Uang Dari Konten Dewasa

Jika saat ini blog anda menghasilkan uang dari konten-konten dewasa, maka saudara wajib waspada jika memakai blogspot, karena Google akan menghapus blog-blog seperti ini jika menemukannya. Google menyebut blog-blog seperti ini sebagai blog porn spam....

Jadi inilah 12 alasan Google Menghapus sebuah blog berplatform blogspot.... Yang menjadi masalah adalah banyaknya isu beredar bahwa blog over optimization yang tersambar oleh Algoritma Google penguin juga akan berbuah penghapusan. Jika isu ini benar, maka blog TMS ini akan masuk ke dalam daftar beresiko karena pada bulan April sempat melakukan eksperimen yang satu ini....

Faktor lain yang juga bisa ditambahkan adalah KONTES SEO. Pada dasarnya kontes SEO ini benar-benar melanggar TOS dari Google, di mana banyak orang memasang link ke suatu situs karena memikirkan uang dan bukan kualitas dari situs itu.

Pihak Google sendiri sudah menyatakan bahwa kontes SEO ini mengejar kata kunci yang memang ada pencarinya sehingga bisa mempengaruhi kualitas pencarian dan Google tidak setuju dengan hal-hal seperti itu. Pertengahan Juli kemarin, cukup banyak blog kontes SEO yang terhapus dan itu menjadi sinyal yang tidak baik bagi pengguna blogspot yang doyan ikut kontes.

Continue Reading | komentar (1)

Cara Membuat Post di Home/Beranda Menjadi 2 Kolom Part 2

Cara Membuat Post di Home Menjadi 2 Kolom - Memang banyak cara agar blog bisa cantik dan elegant,salah satunya mengedit bagian Home Page,kali ini bagian post yang akan kita edit menjadi 2 Kolom atau Bentuk. Caranya sangat mudah,kita hanya lihat bagian "Post" dan "Post-outer"  karena bagian ini yang akan kita gunakan dan setiap template blog juga akan berbeda-beda tergantung si pembuat memberi nama bagian Post-nya.

Langsung saja saya kasih tau caranya,takut udah ada guru di kelas.. hhehe :D
1. Login ke Acount Blog sobat dan pilih Blog yang akan anda edit.
2. Pergi ke Template dan Edit HTML
3. Cari Kode </head> , gunakan F3 atau Ctrl+F untuk memudahkan pencarian.
4. Letakan Kode di bawah ini tepat di kode </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .post {
      width:48%;
      height:300px; /* Atur sesuai keinginan Anda */
      float:left;
    }
    /* Clear CSS Float */
    #blog-pager,
    h2.date-header {
      clear:both !important;
    }
    </style>
</b:if>
</b:if>

Note :
Ganti Kode Merah dengan Kode "Post" anda,karena setiap template itu berbeda-beda.

5. Jika sudah Save Template anda dan semoga berhasil :D

Continue Reading | komentar

Cara mengubah Posting menjadi 2 Kolom di Home/Beranda

Cara Membuat Posting 2 Kolom di Homepage - Tentunya posting 2 kolom di homepage ini sudah tidak asing lagi bagi para blogger, dan tutorialnya pun sudah banyak yang membahasnya. Sebetulnya hari ini saya tidak mau share apa-apa di blog, namun karna sekarang sedang lagi di depan komputer jadi saya akan menyempatkan untuk berbagi tutorial ini kepada semua sahabat Blogger dan Wahid Lovers tentunya.

Ok tak perlu panjang lebar lagi langsung aja buat kalian yang ingin membuat Posting 2 Kolom di Homepage bisa di bilang caranya cukup mudah.

Berikut Langkah-langkah Cara Membuat Posting 2 Kolom di Homepage:
1. Masuk ke akun Blogger anda.
2. Masuk ke bagian Template >> Edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode berikut ini di bawah kode tersebut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
width:300px;
height:145px;
margin-right:7px;
overflow:hidden;
float:left;
border:2px double #DCDCDC;
border-radius:4px;
}
</style>
</b:if>

4. Simpan Template dan Lihat hasilnya.

Catatan:
Setelah berhasil mungkin link Posting Lama atau sejenisnya akan berada sejajar dengan artikel blog dan untuk mengembalikan ke posisi sebenarnya yaitu berada di bawah kanan, silahkan cari kode <b:include name='nextprev'/> dan tambahkan kode <div style='clear: both;'/> tepat diatas <b:include name='nextprev'/>

Catatan 2:

Anda bisa mengatur tinggi dan lebar posting 2 kolom dengan mengganti kode yang di beri warna hijau dan merah, sesuaikan dengan template anda.

Continue Reading | komentar

Cara merubah/mengedit tampilan postingan halaman blog

Sobat bosen dengan tampilan blog sobat?sekedar berbagi ilmu,bagaimana caranya warna background pada home page berbeda dengan tampilan saat membaca posting blog,seperti blog saya.mau tau cara'a gan?Cekidot gan...



Untuk dapat merubah tampilan blog,cara yang kita gunakan hanya CSS3 dan HTML b:if cond yang sudah saya kasih tau di artikel 5 Kode HTML Untuk Mengatur Tampilan Blog.yang kita lakukan sekarang,hanya merubah css pada tampilan posting,kita tidak perlu menambah kode HTML lagi pada primary CSS/homepage.disini saya hanya akan share trik sederhana untuk mengganti background.

yang kita akan gunakan adalah kode HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'> isi widget </b:if>

Dan CSS external dengan Style HTML:

<style type='text/css'> Isi CSS </style>

TRik pertama: merubah warna background pada Halaman posting.


Sobat copy paste dulu kode HTML di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>


isi CSS



</style>
</b:if>

letakan kode diatas kode </head>


Setelah itu,jangan disimpan dulu,jangan lupa copy paste CSS background sobat.

Contoh:
misalkan background pada blog sobat bewarna hitam=#000000; (kode hexadecimal)
seperti dibawah ini

<b:skin><![CDATA[/*



body {
background:#000000;
}




]]></b:skin>

tinggal copy paste saja CSS'a menjadi seperti di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>


body {
background:#000000;
}


</style>
</b:if>

background'a kan masih warna hitam,ganti warna backgroundnya agar beda ^^
misalkan kita ganti ke warna Putih=#ffffff;

contohnya menjadi seperti dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>


body {
background:#ffffff;
}


</style>
</b:if>

lalu disimpan deh,lihat hasilnya pasti halaman homepage dan halaman posting,warna'a akan berbeda ^^

untuk trik merubah warna font,posting,navbar,footer,header,caranyapun sama,kita hanya copy css'a saja.
saya sengaja tidak share karena tiap template,mempunyai nama css yang berbeda tiap templatenya.
untuk body,sudah umum dan tidak pernah beda dengan template lain,
sobat bisa berkreasi sendiri,dengan cara copy paste primary css sobat ke css external yang kita coba tadi.sobat harus pintar2 pintar nih ngeditnya ^^

oia,satu lagi nih..kalau backgroundnya ingin diganti dengan gambar,tambahkan
" url(url gambar); "

Contoh:

body {
background:#ffffff url(http://urlgambarkamu.jpg);
background-attachment: fixed;
}

background-attachment: fixed; digunakan agar posisi gambar tetap/tidak berubah saat kita scroll halaman ke atas/kebawah.contohnya seperti blog saya

selamat mencoba,dan jangan lupa komentar kalau ada galat atau masalah,thanks...

Continue Reading | komentar (2)