Bahaya Komentar Spam Link Situs Dewasa bagi Google Adsense

Bahaya Komentar Spam

Komentar spam memang sangat tidak disenangi oleh setiap blogger, karena hanya mementingkan backlink ke blog komentator yang padahal secara otomatis pada pengaturan blogger adalah link dengan rel="nofollow". Apalagi yang di spam adalah link tidak sehat dan berbau p*rn*grafi, perjud*an seperti situs Obat P*mb*sar P*nis, dll. (Asli Bikin Emosi Gan yang begituan) dan hal itu termasuk negative SEO yang sangat berbahaya bagi SERP dan akun google adsense sobat. Sudah banyak terjadi akun-akun adsense blogger ternama yang kena ban karena komentar spam link situs seperti itu karena selama 3x24 jam mereka tidak mengetahui peringatan pelanggaran google adsense sehingga belum sempat untuk menghapus link-link tersebut.

Pengalaman bahaya komentar spam

Saya pun sendiri sampai mensensor tulisannya dengan bintang(*) (Paranoid Mode On Haha..) karena apabila kita cari query di google dengan kata kunci "site:dewainside.blogspot.com p***s" maka bisa saja kita memiliki kata tersebut. Saya sudah kena 1x dan mendapat peringatan untuk google adsense saya. Untung saja saya mengetahuinya dalam waktu 3x24 jam dan memperbaikinya dengan menghapus komentar spam link situs p*rn* tersebut. Kalau tidak tentu akun google adsense saya akan kena ban pada blog ini dan tidak akan muncul.

Berikut penampakannya:

Dan ketika saya cari di google ternyata termasuk indeks. Pantas saja SERP blog saya di google turun dan sempat di halaman ke-2. (Nangis T.T). Sobat dapat juga mencarinya untuk memeriksa apakah ada pada blog sobat hal-hal yang dilanggar. Detail lebih lanjut dapat sobat lihat di Search to find violations, cukup sobat translate saja apabila tidak paham bahasa inggris. Berikut penampakannya:

Saran menyikapi komentar spam

1. Periksa Komentar dan Akun Google Adsense
Jika menggunakan kotak komentar default blogger, sobat mau tidak mau harus memeriksa setiap komentar yang masuk pada blog sobat secara rutin untuk mencegah adanya komentar dengan link tidak sehat yang dapat membahayakan SEO blog dan akun google adsense sobat.

Periksa juga akun google adsense sobat secara rutin entah untuk melihat revenue, edit atau lainnya. Namun pada dasarnya sobat akan menerima email notifikasi sebelumnya apabila ada hal yang melanggar program policies google adsense.

2. Moderasi Komentar Blog
Banyak website ternama yang memoderasi komentar yang masuk pada setiap postingannya. Tentu sangat berguna untuk blog yang sudah terkenal sehingga apabila ada orang ataupun pihak yang ingin menjatuhkannya dengan memasukkan komentar spam link situs p*rn* maka tidak akan diterima untuk tampil. Namun untuk blog yang baru sebaiknya tidak dimoderasi dulu untuk meningkatkan komentar pada blog sobat.

Setelan --> Pos dan Komentar --> Komentar (Moderasi Komentar) --> Selalu --> Simpan Setelan

3. Mematikan Link pada Komentar
Matikan link hidup spam pada kolom komentar untuk berjaga-jaga apabila sobat tidak dapat login setiap waktu. Sehingga untuk sementara link-link aktif tersebut akan ditiadakan dari kolom komentar blog sobat. Dan apabila sobat dapat login dan mengatahui link itu berbahaya maka sobat dapat langsung menghapusnya. Mematikan Link pada Kolom Komentar Blogger

4. Menghilangkan Komentar dengan Name/URL
Untuk yang sudah lalu sobat dapat menghapusnya sebagai administrator blog apabila tidak menyukainya. Namun perlu diketahui sobat dapat mengatur akun yang dapat berkomentar pada blog sobat. Mungkin cukup banyak sobat blogger yang tidak menyadarinya, walaupun hal kecil namun cukup penting untuk kesehatan SEO blog karena dapat mencegah komentar dengan Name/URL ke situs p*rn*.

Setelan --> Pos dan Komentar --> Komentar (Siapa yang dapat mengomentari?) --> pilih Pengguna Terdaftar atau Pengguna dengan Akun Google --> Simpan Setelan

Jika sobat punya pengalaman lain mengenai hal-hal yang dapat membuat google adsense kena ban, atau negative SEO mungkin sobat dapat meninggalkan komentar untuk berbagi dengan sobat blogger lainnya.

Semoga Bermanfaat.

Keunggulan dan Kekurangan Kolom Komentar Google Plus

Kolom atau kotak komentar (comment box) google+ merupakan fitur tambahan blogger untuk menggunakan komentar via akun google+ dengan kelebihan dan kekurangan-nya. Walaupun sebenarnya kolom komentar bawaan blogger pun dapat menggunakan akun google. Opini saya saja, mungkin google ingin mengembangkan google+ lebih jauh pada blogger setelah google friend connect tidak dikembangkan lagi.

Pada postingan kali ini saya akan membahas mengenai keunggulan dan kekurangan kolom komentar google+ pada blogger. Untuk menggunakan kolom komentar google+ pada blogger sobat cukup mengganti akun blogger dengan akun google+ lalu mengaktifkan kolom komentar google+ pada blogger sobat.

Keunggulan:

1. Tampilan simple

Dengan tampilan yang simple ini kolom komentar google+ sangat disenangi. Yups benar sekali, karena tampilannya yang sederhana itu (easy to look) para blogger senang untuk menggunakan-nya. Padahal menurut saya sama saja sih, cuma beda icon bundar pada kolom komentar google+, kotak pada kolom komentar blogger.

2. Adanya fitur +1 pada setiap komentar

Fitur +1 dari google+ comment ini sangat bermanfaat. Karena dapat menyebarkan link komentar kita mengenai postingan pada akun google+ lainnya yang menambahkan +1, sama halnya seperti like facebook.

3. Setiap komentar akan dibagikan secara otomatis pada akun google+ komentator

Komentar akan dibagikan pada akun google+ komentator,  selain itu komentator dapat me-mention orang yang ada dilingkaran google+nya. Dampaknya sangat baik, karena ada kemungkinan orang yang ada pada lingkaran komentator akan melihatnya dan mengunjungi laman yang dikomentari itu.

4. Mengurangi Anonymous dan Name/URL Komentator

Jika sobat setting komentar untuk siapa saja (anyone) maka Anonymous dan Name/URL komentator sering terjadi  pada kolom komentar bawaan blogger, secara tampilan pada kolom komentar nantinya akan kurang bagus. Anonymous dan Name/URL, biasanya orang yang guest blogging sering menggunakannya untuk mendapatkan backlink tapi secara otomatis link tersebut akan rel="nofollow" pada pengaturan komentar di blogger. Namun yang berbahaya pada Name/URL ini adalah "Spam Komentar Dewasa/P*rn*" (Adult Spam Comment). Yups sangat berbahaya baik untuk Google Adsense dan Blog sendiri karena menuju link website dewasa/p*rn*! Sobat dapat baca pengalaman saya tentang --> Bahaya Komentar Spam Link Situs Dewasa bagi Google Adsense.

5. Berpengaruh pada SERP Google

Coba sobat perhatikan apabila sobat pernah +1 atau share google+ postingan sobat atau postingan blog lain, pasti postingan itu akan muncul pada halaman pertama (page 1) pada Search Engine Result Page (SERP) / Halaman Hasil Pencarian Mesin Pencari Google. Tentunya apabila semakin banyak orang yang +1 tentunnya menambahkan  backlink pada postingan itu.

6. Letak Kotak Komentar Google+
Apabila blog sobat memiliki banyak komentator, kotak komentar google+ akan memudahkan pengunjung lainnya untuk berkomentar pada postingan sobat. Karena tata letaknya yang ada setelah/dibawah post sama seperti kotak komentar facebook. Lain halnya dengan kotak komentar bawaan blogger, posisinya akan semakin dibawah ketika semakin banyak orang yang berkomentar pada postingan diblog itu.

Kekurangan:

1. Komentar sebelumnya yang menggunakan custom domain akan hilang!

Saya sempat mengganti kolom komentar pada Blog ini yang awalnya bawaan dari blogger dengan kolom komentar google+. Namun apa yang terjadi, semua komentar yang sudah ada sebelumnya pada postingan dengan costum domain hilang semua. Akhirnya saya revert balik menggunakan kolom komentar bawaan blogger. Jadi saran saya pikirkan kembali apabila sobat ingin menggunakan kolom komentar google+ apabila memiliki banyak komentar pada kolom komentar bawaan blogger. Namun untuk blog baru tidak masalah langsung gunakan saja.

2. Pengunjung hanya dapat berkomentar menggunakan akun google

Pengunjung yang ingin bertanya, memberikan pendapat ataupun hanya guest blogging harus login dengan menggunakan akun google-nya terlebih dahulu. Tidak seperti kolom komentar bawaan blogger dapat komentar menggunakan akun google, wordpress, dkk. Namun saya kira untuk hal ini, setiap orang pasti memiliki akun google, secara layanan google sangat banyak digunakan oleh orang diseluruh dunia. Jadi tidak terlalu menjadi problem. Hal ini ada baiknya juga dan termasuk point No. 4 pada Keunggulan.

3. Belum adanya Emoticon

Untuk kolom komentar bawaan blogger dapat menggunakan emoticon yang ditambahkan pada template-nya. Namun untuk kolom komentar google+ ini, saya tidak tahu apakah kedepannya google akan menambahkan emoticon untuk kolom komentar google+ ini. Jika ditambahkan, tentunya akan menambah ketertarikan para blogger untuk menggunakannya.

4. Tidak adanya Proteksi Terhadap Komentar Spam

Secara otomatis komentar spam akan dimasukkan folder spam oleh blogger (biasanya komentar yang menggunakan bahasa asing, Anonymous atau Name/URL) sehingga memudahkan administrator blog untuk memilahnya. Namun pada kolom komentar google+ tidak memiliknya. Walaupun begitu kadang komentar spam juga tembus dari filter blogger. Untuk itu sobat dapat mematikan link spam di --> Mematikan Link pada Kolom Komentar Blogger. Namun hal yang paling baik adalah menghapus link spam tersebut, apalagi link situs dewasa/p*rn* yang sangat tidak baik untuk SEO blog dan Adsense.

Kalau sobat memiliki kelebihan atau kekurangan lainnya berdasarkan pengalaman sobat, silahkan tambahkan saja pada kolom komentar dibawah. Mungkin dapat membantu sobat blogger lainnya.

Mengganti Posting Baru, Lama dan Home menjadi Gambar Text

Mengganti Posting lebih baru, beranda dan posting lama menjadi gambar atau tulisan. Link tersebut adalah link yang muncul pada bagian bawah post body blogger. Link tersebut berfungsi untuk mengalihkan pengunjung blog yang meng-kliknya untuk menuju ke posting selanjutnya atau posting sebelumnya dari posting yang sobat sedang lihat. Anda juga dapat mengganti tulisan posting lebih baru dan posting lebih lama menjadi judul postingan.

Sesuai dengan judul pada posting ini, maka ada 2 tipe cara yang akan dipakai. Pertama dengan tulisan biasa dan kedua dengan menggunakan gambar entah dari web penyedia gambar ataupun kreasi dari sobat lalu di-upload. Langsung saja berikut cara merubahnya.

Mengganti Beranda, Posting Baru dan Lama

Langkah 1. Sign In ke Blogger --> Template --> Edit HTML

Langkah 2. Klik pada kotak kosong Edit HTML dan cari (CTRL+F) salah satu kode berikut:

<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>

Tampilan penuh-nya akan terlihat seperti ini:

  <b:if cond='data:newerPageUrl'>

      <span id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

      </span>

    </b:if>

    <b:if cond='data:olderPageUrl'>

      <span id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

      </span>

    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

A. Mengganti Link Posting Baru, Lama dan Home dengan Text
Sobat cukup mengganti kode dibawah ini dengan text sesuai keinginan:
<data:newerPageTitle/> --> link posting baru (misal: Next Post, Lanjut Gan, dkk)
<data:olderPageTitle/>  --> link posting lama (misal: Previous Post, Sebelumnya Gan, dkk)
<data:homeMsg/>         --> link home (misal: Homepage, Laman, dkk) --> cukup 1 kata

B. Mengganti Link Posting Baru, Lama dan Home dengan Gambar
Sobat cukup tambahkan kode berikut ini pada awal setiap kode yang berwarna.

<img src="URL Gambar"/>

Contohnya:

<img src="URL Gambar"/><data:newerPageTitle/>
<img src="URL Gambar"/><data:olderPageTitle/>
<img src="URL Gambar"/><data:homeMsg/>

Tentunya sobat sudah terlebih dahulu upload gambarnya. Upload gambar dapat dengan mudanh menggunakan posting blogger yang disimpan (draft).

Langkah 3. Simpan Template

Sekian.
Semoga bermanfaat.

Mengganti Posting Baru dan lama menjadi Judul

Mengganti tulisan link posting lebih baru (newer post) dan posting lama (older post) yang ada pada bagian bawah post body blogger menjadi judul postingan. Karena sobat menggunakan template default blogger pasti tulisannya posting lebih baru, beranda dan posting lama. Pada dasarnya hal itu bukanlah suatu masalah karena bukan link mati. Namun untuk lebih menarik perhatian pengunjung blog selain dari memasang widget-widget pada sisi samping dan bawah blog, sebaiknya kita dapat mengganti tulisan link posting baru dan posting lama menjadi judul posting ataupun menjadi gambar/text.

Mengganti Posting Lebih Baru dan Posting Lama

Langkah 1. Pada Tata Letak --> Tambahkan Gadget

Langkah 2. Windows Pop-up akan terbuka, lalu scroll kebawah untuk mencari HTML/Javascript

Langkah 3. Copy dan Paste kode berikut didalam kotak kosong gadget HTML/Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" h3:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link:first").text();
$("a.blog-pager-older-link").text(olderLinkTitle);
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" h3:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
</script>

Catatan: Kode Merah merupakan jQuery, jika sobat pernah memasang kode semacam itu pada blog, sobat tidak perlu lagi menambahkannya.

Langkah 4. Simpan dan letakkan posisi gadget tadi dibawah Blog Posts

Langkah 5. Simpan Setelan

Sekarang lihat apakah tulisan posting baru dan lama sudah terganti dengan judul posting pada blog sobat. Selamat jika berhasil dan apabila ada error silahkan dicheck lagi mungkin ada kode yang kurang. Apabila ada pertanyaan silahkan diposkan pada kolom komentar dibawah.

Sekian.
Semoga dapat bermanfaan bagi sahabat blogger sekalian.

Cara Memperbaiki Error 404 Blogger

Memperbaiki kesalahan 404 laman tidak ditemukan pada blog hosting blogger dengan top level domain ataupun blogspot adalah hal yang mudah. Untuk mengatasi error 404 ini cukup menggunakan fungsi redirect bawaan blogger. Ada dua fungsi redirect, yaitu pengalihan kesalahan 404 yang secara universal akan mengalihkan postingan atau laman yang hilang ke destinasi url link tertentu yang sedang dibahas pada artikel ini dan pengalihan khusus yang hanya mengalihkan secara individu alamat laman dan postingan tertentu.

Redirect error 404 blogger adalah mengalihkan semua broken link entah dari postingan atau laman statis ke alamat url tertentu, biasanya beranda blog. Berbeda dengan pengalihan custom redirect blogger yang secara individual mengalihkan alamat laman dan postingan lama ke alamat yang baru bisa permanen 301 ataupun yang sementara 302.

Muncul kesalahan 404 laman tidak ditemukan?

Error 404 biasa terjadi dikarenakan bot google tidak dapat menemukan alamat posting atau laman link tertentu yang sudah terdaftar pada peta situs google webmaster blog kamu. Tidak ditemukannya laman tersebut terjadi karena pemilik situs telah menghapus laman terkait. Sehingga google bot memberikan pesan error 404 untuk memberikan info kepada webmaster pada blog terkait.

Pada dasarnya error 404 ini tidak mempengaruhi blog terkait pada mesin pencari google. Namun bagi pengunjung, maka mereka akan melihat pesan tersebut dan dapat langsung pergi dari blog kita. Sehingga untuk menyamankan pengunjung dan menjaga mereka untuk tetap di halaman blog kita, diperlukan pengalihan laman yang hilang ke laman lainnya.

Sumber gambar : https://ja-wall.demo.joomlart.com/en/pages/404-page

Cara mengetahui laman yang hilang?

Tentu saja kembali ke google webmaster tools pada tiap pemilik blog. Pada dashboard Alat Webmaster Google pilih blog Anda --> Perayapan --> Kesalahan Perayapan. Disana Anda akan melihat laman apa saja yang error yang dilaporkan oleh bot google.
Selengkapnya dapat lihat >> Memperbaiki kesalahan perayapan pada alat webmaster google.

Cara Menggunakan redirect 404 blogger

Cara 1. Redirect 404 menggunakan tulisan

Langkah 1. Copy kode dibawah berikut:

Maaf Laman yang Anda cari tidak ada.
Anda akan dialihkan ke homepage.
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.href= "https://dewainside.blogspot.com/"
}, 3000);
</script>

Keterangan:
Tulisan yang berwarna merah tentu dapat kamu ganti dengan tulisan sesuai dengan keinginan kamu.
3000 = waktu delay 3 detik
https://dewainside.blogspot.com/ = URL blog Anda

Langkah 2. Pada dashboard blogger pilih Setelan >> Preferensi penelusuran >> Kesalahan dan pengalihan >> Edit kotak kosong "Pesan Khusus untuk Halaman Tidak Ditemukan" dengan Paste kode yang sudah dicopy diatas dan Simpan perubahan.

Cara 2. Redirect 404 menggunakan variasi gambar

Langkah 1. Kamu dapat dengan mudah menggunakan fitur Postingan >> Entri baru dan gunakan kotak edit Compose untuk upload gambar kreatif error 404 buatan kamu atau dari pencarian google.

Lalu pada tab HTML beri alamat link yang mau kamu tuju untuk mengalihkan error 404 laman tidak ditemukan, contoh alamat beranda blog. Copy semua kode htmlnya dan tidak perlu dipublikasi cukup di simpan sebagai draft.

Langkah 2. Sama seperti menggunakan tulisan saja pada cara 1. Buka Setelan >> Preferensi penelusuran >> Kesalahan dan pengalihan >> Edit kotak kosong "Pesan Khusus untuk Halaman Tidak Ditemukan" Lalu kamu Paste kode html gambar error 404 yang sudah diedit tadi dan Simpan perubahan.

Note:
Selain itu kamu dapat menyetel otomatis pengalihan pada Edit HTML blogger didalam tag <head> dengan kode html pengkondisian berikut apabila ingin mengalihkan otomatis.

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title>404 ~ Page Not Found! | <data:blog.title/></title>
<meta content='3;/' http-equiv='refresh'/>
</b:if>

Sekian, semoga artikel ini bermanfaat bagi para blogger semua.

Mengkompres Gambar PNG, JPG, JPEG pada Blog

Mengkompres (compress) gambar baik itu PNG ataupun JPG untuk blog adalah hal yang cukup penting untuk blog. Selain kode - kode seperti Java Script, dkk-nya, gambar sangat mempengaruhi kecepatan dari loading page suatu blog ketika diakses. Apalagi yang mengakses page tersebut memiliki kecepatan internet yang lambat. Tentunya akan membuat loading page menjadi lebih lama. Untuk mengetahui berat loading page blog Anda, dapat dilihat di --> Memeriksa Kecepatan Blog dengan PageSpeed Insight (Punya Mbah Google). Selain itu gambar juga berpengaruh pada SEO meskipun moderate, sehingga kita perlu mengikuti Aturan Pemakaian Gambar yang Friendly SEO.

Berikut Situs yang saya rekomendasikan untuk mengkompres gambar menjadi sangat kecil tetapi tetap mempertahankan kualitas dari gambar tersebut. Saya sudah mencoba dan membuktikannya sendiri, yakni:

•  https://tinypng.com

Anda cukup meng-upload gambar ke situs itu secara otomatis situs itu akan mengkompres gambar Anda dan setelah selesai Anda cukup men-download-nya pada bagian pojok kanan.

Berikut penampakan hasil dari kompresi:

Dapat Anda lihat file .png yang awalnya 22,3 KB dikompres menjadi 7,2 KB dimana menghemat 68%. Setelah itu saya pun bandingkan hasilnya, sebelum dan setelah dikompres. Ternyata hasilnya dapat dikatakan sama, saya tidak bisa membedakannya dengan mata orang awam seperti saya ini dan kemampuan skill low dibidang gambar/photo. Secara teknis saya tidak tahu lebih jauh, mungkin bagi sobat yang master ataupun jago dibidang gambar/photo tahu alasan teknis-nya.

Sekian.
Semoga bermanfaat dan Selamat mencoba. :)

Tampilkan Posting Datar dengan Thumbnail pada Blogger

Bagaimana membuat tampilan posting dengan thumbnail di homepage blog? Template default dari blogger memanglah kurang begitu menarik, khususnya bagian homepage-nya. Untuk membuatnya lebih menarik sobat blogger dapat menampilkan thumbnail (gambar) dari postingan blog sobat di homepage seperti pada Blog Dewa Inside ini. Tentunya sobat juga harus meng-upload gambar pada setiap postingan sobat agar muncul thumbnail pada postingan-nya. Selain itu, untuk lebih mempercantik template default dari blogger ini sobat dapat memberi warna background pada setiap posting maupun gadget yang berada pada sidebar blog sobat. Dapat sobat baca di --> Memberi Warna Background Judul Posting Blog dan Memberi Warna Background Judul Gadget di Blog. Kalau begitu langsung saja berikut cara memasang thumbnail pada postingan yang tampil di homepage.

Mungkin sobat dapat lihat dulu:

a.) Tampilan Posting dengan Thumbnail ala Majalah/Koran

b.) Tampilan Posting Grid view dengan Thumbnail

Cara Memasang: 

1. Pergi ke Template --> Edit HTML

2. Klik di kotak Edit HTML dan cari (CTRL+F) kode dibawah ini:

<data:post.body/>

    Pilih kode yang kedua

3. Ganti kode diatas dengan kode berikut:

<!-- thumbnail in homepage start -->

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

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

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

<!-- thumbnail in homepage end -->

Catatan: *Tulisan Read More dapat sobat ganti sesuai keinginan.

*Perhatian: Dengan Anda mengganti kode <data:post.body/> , dikemudian hari apabila Anda ingin menambahkan kode lainnya seperti kode iklan, dll cukup tambahkan diatas atau dibawah-nya. Di atas berarti nanti tampilan iklan diatas posting, dibawah berarti nanti tampilan kode iklannya dibawah posting.

4. Klik di kotak Edit HTML dan cari (CTRL+F) kode dibawah ini:

</head>

5. Copy dan Paste kode berikut diatas-nya:

<!-- thumbnail in homepage start -->

 <script type='text/javascript'>

posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID, pURL, pTITLE){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';

summ = posts_thumb_sum;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

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

<style type='text/css'>

.post-footer {display: none;}

.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}

 .readmore a {text-decoration: none; }

</style>

</b:if>

</b:if>

<!-- thumbnail in homepage end -->

Catatan: 

*Untuk mengatur jumlah kata yang ditampilkan jika posting tidak memiliki gambar, edit 490. Untuk mengatur jumlah kata yang ditampilkan jika posting memiliki gambar, edit 400.

*Untuk mengatur besar thumbnail (gambar), edit 160(tinggi) dan 180(lebar).

6. Preview kalau sobat ingin melihat dulu dan Save Template

Selamat Mencoba :)

Enjoy your new homepage.

Memberi Warna Background Judul Posting Blog

Template default blogger memang tidak menyediakan edit warna background judul posting pada Costumise-nya. Padahal dengan memberi warna background pada judul posting, dapat membuat lebih fokus pembaca mana judul dan mana isi. Selain itu membuat tampilan blog default blogger kita menjadi terlihat sedikit lebih menarik dari sebelumnya. Untuk itu agar bisa memberi warna background judul posting di blog sobat dapat lakukan pada Edit HTML-nya. Langsung saja berikut sobat ikuti langkah-langkahnya.

Langkah - Langkah: 

1. Pergi ke Template --> Edit HTML

2. Klik pada kotak Edit HTML dan cari (CTRL+F) kode:

h3.post-title, h4 {

    Kode lengkapnya akan terlihat seperti ini:

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

3. Tambahkan kode berikut dibawah-nya:
    Pada dasarnya cukup tambahkan kode "background" saja. Karena tidak butuh garis bawah (kecuali sobat hanya
    ingin garis bawah), dan pading hanya untuk merapikan saja.

background:#3778cd;
border-bottom:4px solid #3778cd;
padding:1px 2px 3px 4px;

    Jadi akan terlihat seperti ini:

h3.post-title, h4 {

  font: $(post.title.font);

  color: $(post.title.text.color);

background:#3778cd;
border-bottom:4px solid #3778cd;
padding:1px 2px 3px 4px;

}

Catatan:
*background:#3778cd; --> Warna background. Sobat dapat lihat macam-macam kode warna di --> Kode Warna RGB
*border-bottom:4px solid #3778cd; --> Garis bawah
*padding:1px 2px 3px 4px; --> Merapikan posisi latar pada tulisan. 1px(atas), 2px(kanan), 3px(bawah), 4px(kiri).
 Sobat dapat belajar banyak kode HTML, CSS, Javascript, dkk di --> www.w3schools.com ada test hasil-nya juga.

4. Preview untuk melihat tampilan, jika cocok sobat dapat Save.

Sobat dapat lihat juga --> Cara Memberi Warna Background Judul Widget di Blog yang berada pada sisi samping tampilan blog sobat.
Selamat mencoba :)

Memberi Warna Background Judul Gadget di Blog

Sama hal-nya dengan Memberi Warna Background Judul Posting Blog, dapat membuat fokus pembaca akan isi suatu konten atapun gadget. Untuk postingan kali ini adalah memberi warna background judul widget (Artikel Populer, Komentar terakhir, dkk) yang biasanya berada pada sisi samping tampilan dari blog sobat. Seperti banyak orang bilang, perbedaan warna itu dapat menarik perhatian mata agar lebih fokus akan suatu hal.

Mungkin sobat juga tertarik:

a. Membuat Gadget Melayang di Blog

b. Menambah Gadget disamping Header Blog

c. Menampilkan/Mrnyembunyikan Gadget di Blog

Langsung saja berikut langkah-langkah untuk memberi warna background pada judul widget di blog.

Langkah - Langkah:

1. Pergi ke Template --> Edit HTML

2. Klik pada kotak Edit HTML dan cari (CTRL+F):

h2 {

    Kode lengkap akan terlihat seperti ini:

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);

3. Tambahkan kode berikut di bawah-nya:

background:#3778cd;
border-radius: 11px 0px 11px 0px;

    Jadi akan terlihat seperti ini:

h2 {

  font: $(widget.title.font);

  color: $(widget.title.text.color);

  background:#3778cd;
  border-radius: 11px 0px 11px 0px;

Catatan:
*background:#3778cd; --> Warna background, Anda dapat memilih warna background (#3778cd) di --> Kode Warna RGB
*border-radius: 11px 0px 11px 0px; --> Mengatur bentuk latar background (11px 0px 11px 0px).
 Sobat dapat lihat di --> www.cssportal.com/css3-rounded-corner untuk lebih detail-nya.

4. Preview untuk melihat dan kalau cocok Save Template

Selamat mencoba :)

Cara Menyembunyikan Iklan di Homepage Blog

Iklan pada dasarnya merupakan penghasilan utama bagi para blogger. Seperti pada Dewa Inside Blog ini yang menggunakan google adsense. Namun kadang iklan sangat tidak disukai oleh pengunjung blog dikarenakan tata letak dan kerapian dari iklan tersebut yang mengganggu pandangan dari pengunjung blog. Sehingga ada beberapa orang yang menggunakan AdBlock pada browser mereka. Baca --> Cara Terbaik Menyikapi Adblock.

Saya sudah berusaha merapikan posisi iklan pada Dewa Inside Blog ini  dengan Memasang Iklan di Atas Postingan dan di Bawah Postingan pada template blog serta di samping kanan postingan dengan menambahkan gadget JavaScript/HTML yang diletakkan pada posisi samping. Sehingga tidak terlalu mengganggu pemandangan bagi pengunjung blog. Namun untuk iklan di atas dan di bawah postingan pada blog ini tidak akan tampil pada homepage Dewa Inside Blog. Fungsi-nya selain merapikan tampilan dari homepage (beranda) blog ini tetapi juga untuk mengurangi berat loading blog ini pada homepage-nya. Sobat dapat gunakan fitur dari google webmaster tools untuk memeriksa kecepatan dan loading blog sobat di --> Google PageSpeed Insight.

Cara menyembunyikan iklan di beranda

Untuk menyembunyikan iklan pada body post yang muncul di homepage blogger sobat caranya sangat mudah. Kode ini juga berlaku untuk konten lainnya yang dapat disembunyikan di homepage blogger. Sobat hanya cukup meletakkan kode iklan sobat diantara kode dibawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode Iklan Sobat
</b:if>

Contoh gambar:

Artikel Terkait :

~ Kode HTML Tag Kondisi Blogger
~ Memasang Iklan ditengah Postingan Blog
~ Memasang Iklan dibawah dan diatas Judul Blog
~ Menampilkan Gadget Blogger di Tampilan Mobile

Simpan Tema
Silahkan Mencoba. :)

Cara Membuat Auto Zoom Gambar Posting di Blog

Teman-teman blogger tentunya kadang mempunyai keinginan untuk membuat gambar pada postingan blog menjadi auto zoom, sehingga pengunjung blog tidak usah repot-repot untuk meng-klik gambar yang kecil agar terlihat lebih jelas. Ini biasa terjadi pada sobat blogger yang sengaja mengatur gambar-nya menjadi small atau medium sewaktu sedang mengedit postingan-nya.

Untuk itu bagi sobat blogger yang sengaja melakukan hal tersebut, berikut cara membuat seluruh gambar pada postingan menjadi auto zoom dengan menambahkan kode CSS pada template blogger sobat.

Cara Memasang CSS:
1. Pergi ke Template --> Costumise

2. Klik Advance --> Add CSS (Scroll paling bawah)

3. Lalu Copy dan Paste kode CSS berikut di dalamnya.

.post img {

height: 100%;

width: 100%;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease;

}

.post img:hover {

width: 150%;
height: 150%;

}

Catatan: Anda dapat merubah ukuran zoom gambar dengan mengganti tulisan berwarna Merah.

4. Apply to Blog (Pojok kanan atas)

Selamat Mencoba. :)

Technorati

62ff3204db2708dda1e40800dd1d31df65879e4a1ed18574763bc84c1f34811235398b1226cbf229

Cara Memodifikasi Email Subscribe Feedburner

Email Subcriber dari Feedburner merupakan fitur yang sangat berguna untuk menghubungkan Anda dengan pembaca blog Anda. Tapi sayangnya design dari email subcribe feedburner ini terlalu simple dan sederhana. Sehingga banyak orang yang ingin merubah design-nya agar terlihat lebih menarik. Pada posting kali ini saya akan menyajikan 4 cara untuk mengubah design dari email subcribe default feedburner ke design sesuai yang Anda inginkan agar terlihat lebih menarik dengan merubah beberapa script di dalamnya.

Secara default kode email subscribe feedburner seperti ini:

<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”ID Feedburner Anda” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

Jika Anda belum dan ingin memasang email subscribe feedburner silahkan klik --> Cara Memasang Email Subscribe di Blogger

Cara Memodifikasi:
1. Mengganti Warna Background

Untuk mengganti warna background dapat Anda tambahkan url gambar yang Anda upload dengan kode dibawah ini setelah  text-align:center; :

background: url(http://www.example.com/image.jpg)

Jadi akan terlihat seperti ini: <form style="border:1px solid #ccc;padding:3px;text-align:center;background: url(http://www.contoh.com/gambar.jpg);"


2. Mengubah Ukuran kotak email

Merubah ukuran lebar dapat Anda rubah di width:140px, sedangkan untuk merubah tinggi cukup Anda tambahkan height:20px setelah kode width:140px. Ukuran angka pixelnya dapat Anda sesuaikan dengan kebutuhan Anda.

Jadi kode akan terlihat seperti ini: <input type="text" style="width:140px;height:20px;" name="email"/>
  

3. Mengganti Background dengan Gambar

Sama seperti menambahkan warna background, Anda masukkan alamat gambar yang Anda upload dengan kode dibawah ini setelah text-align:center; :

background: url(http://www.contoh.com/gambar.jpg)

Jadi akan terlihat seperti ini: <form style="border:1px solid #ccc;padding:3px;text-align:center;background: url(http://www.contoh.com/gambar.jpg);"
 

4. Menambahkan Text di dalam kotak

Anda dapat menambahkan tulisan ke dalam kotak email subscribe dengan mengganti kode berikut:

<p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p>

dengan kode:

<p><input type="text" style="width:140px" name="email" onblur="if (this.value == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address') {this.value = '';}" value="Enter your email address"/></p>

 
*Setelah mencoba ke-4 cara, berikut hasil email subscribe Dewa Inside Blog:

Selamat Mencoba. :)

Cara Memasang Email Subscribe di Blogger

Email Subscribe?

Memasang email subscribe adalah salah satu cara untuk menjaga pengunjung blog kita untuk tetap mendekat, sehingga pengunjung bisa mendapatkan info - info terbaru mengenai konten dari blog kita. Email subscribe ini merupakan layanan dengan menggunakan notifikasi email yang di-submit sehingga pengunjung yang men-submit emailnya akan mendapatkan update info terbaru apabila blog itu mem-posting konten atau artikel baru.

Untuk memasang widget ini sobat harus mendaftarkan alamat blog sobat dulu di feedburner. Setelah menambahkan alamat blog sobat baru sobat dapat menggunakan widget ini.

1. Kunjungi: --> http://www.feedburner.com --> Login dengan akun google sobat. Masukkan alamat blog sobat --> Next

2. Pilih salah satu feed (bebas) --> Next

3. Selanjutnya sobat cukup klik "Next" trus sampai pada gambar berikut: Klik Edit Feed Details

*Feed Address: Alamat yang nanti  dipakai untuk membuat email subscribe.
untuk original feed aslinya sama, cuma biasanya dipakai untuk membuat widget artikel terbaru (recent post)

Selanjutnya untuk memasang pada blog, Ada 2 cara untuk menggunakan widget ini:

Cara 1:
1. Layout --> Tambah Gadget --> Follow by Email (Scroll ke bawah)

2. Masukkan Feed Address sobat.

3. Save

Cara 2:
1. Layout --> Tambah Gadget --> HTML/Java Script
Copy dan Paste kode berikut didalamnya:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Dewainside', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Dewainside" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form> 

*Dewainside ganti dengan Feed Address sobat
*Enter your email address dapat sobat ganti, misal: Masukkan email, dkk.

2. Save

Catatan: Untuk Cara 2 dapat dimodifikasi script-nya sehingga dapat terlihat lebih menarik. Untuk memodifikasi-nya sobat dapat lihat --> Cara Memodifikasi Email Subscribe

Selamat mencoba.
Good luck. :)