Cara Pasang Iklan Di Blog Tengah Postingan Tanpa Plugin Wordpress

Cara pasang iklan di blog, khususnya ditengah postingan. Kalau pasang iklan di blog wordpress mudah saja, tinggal instal plugin wordpress. Ada banyak plugin yang bisa dipakai untuk pasang iklan di blog, khususnya ditengah postingan. Kalau saya sendiri seringnya menggunakan Plugin New Adman, "ya karena tahunya cuma itu saja".

Tetapi mungkin ya, cari alternatif kalau pasang iklan ditengah postingan tanpa plugin wordpress. Dan kebetulan nemu cara untuk ini dari blog lain. Caranya juga tidak terlalu ribet. Berikut ini cara pasang iklan di blog untuk ditengah postingan wordpress.

1. Buka edit themes, bisa melalui dashboard wordpress atau lewat cpanel (hosting).
2. Buka dan edit file single.php, bukan index.php.
3. Cari kode: <?php the_content(); ?>
4. Kemudian ganti dengan kode dibawah ini:

<?php
$ads_middle= 1;
$content = apply_filters('the_content', get_the_content());
$content = explode("</p>", $content);
for ($i = 0; $i <count($content); $i++ ) {
if ($i == $ads_middle) { ?>
KODE IKLAN
<?php }
echo $content[$i] . "</p>";
} ?>

Keterangan:
  • Angka 1 yang warna merah, menunjukkan paragraf. Bila diisi angka 1 (satu) berarti iklan akan muncul setelah paragraf 1. Dan bisa diganti-ganti sesuai keinginan, misalnya ganti jadi angka 99 (tapi sepertinya jarang postingan sampai 99 paragraf ke atas :lol:).
  • KODE IKLAN, ganti dengan kode iklan yang diinginkan.

Itulah sekedar catatan tentang sedikit tips cara pasang iklan di blog untuk ditengah postingan wordpress.

Menampilkan Tanggal Sekarang

Cara menampilkan tanggal sekarang untuk di sidebar atau dalam postingan blogspot. Misalnya bisa di taruh di bawah judul dan lainnya. Kalau manfaat dan fungsinya sendiri saya rasa tidak terlalu banyak, selain hanya menampilkan tanggal sekarang.

Apalagi manfaat secara SEO, saya sama sekali tidak tahu bin nol besar.

Contoh jadinya seperti tampilan di bawah ini:

Menampilkan Tanggal Hari ini


Kita bisa meletakkannya di bawah judul postingan, melalu edit HTML, atau sidebar atau dimana saja di dalam blog.

Cara menampilkan tanggal sekarang di blog:

1. Masuk ke edit HTML, jangan lupa backup template dan ceklist Expand Widget Templates.
2. Kemudian masukkan kode di bawah ini diatas kode </head><script type="text/javascript" src="http://yourjavascript.com/42111610781/tampil_tanggal.js"></script>
3. Dan letakkan kode : <script>tampiltanggal();</script> dimana saja, dibawah judul atau disidebar misalnya.
4. Selesai

Dan tampilan tanggal tersebut bisa dimofikasi sesuai selera, misalnya diberi background, atau border, blink dan lainnya. Itulah cara mudah menampilkan tanggal sekarang di blog.

Menampilkan-Menghilangkan Sidebar di Postingan-Home

Menampilkan atau Menghilangkan Sidebar di Postingan dan Home. Terkadang untuk bagian posts pada blogspot kita ingin menghilangkan sidebar/widget tertentu. Dan juga mungkin di Home kita hanya ingin menampilkan sidebar/widget tertentu juga. Kalau di wordpress sangat mudah, tinggal instal plugins saja baca di: Plugins Wordpress Untuk Mengatur Sidebar

Kalau di blogspot, untuk menampilkan atau menghilangkan sidebar/widget di postingan atau home sedikit ribet. Kapan ya blogger tidak ribet dan bisa memakai semacam plugins seperti halnya pada paltform wordpress. Kita bisa memilih, misalnya untuk widget tertentu (contoh: komentar terakhir, misalnya) tidak ingin tampil di Home, jadi hanya di postingan atau single post blogger saja, bisa memakai cara ini.

Apa manfaatnya tips blogger seperti ini? sama seperti halnya pada plugins wordpress, ini bisa dimanfaatkan bagi yang sedang memacang iklan PPC misalnya. Pernah saya coba dan hasilnya terlihat ada kenaikan hasil klik meski tidak banyak. Dan mungkin saja bagi beberapa yang punya ide-ide bagus bisa memanfaatkan tips blogspot yang ini.

Menampilkan-Menghilangkan Sidebar di Postingan-Home

Yang pertama adalah kita harus memberi nama widget, misalnya seperti recent posts, atau label dan lainnya. nama widget ini untuk mencari di kode HTML nantinya.
Kemudian masuk ke edit template, jangan lupa centang Expand Widget Templates, dan backup template terlebih dahulu supaya kalau error tinggal kembalikan lagi seperti semula.
Cari judul widget yang ingin dihilangkan, menggunakan ctrl + F biar cepet, misalnya: komentar terakhir dan hasilnya kurang lebih begini:

<b:widget id='HTML6' locked='false' title='Komentar Terakhir' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if> <div class='widget-content'>
<data:content/> </div>
</b:includable>
</b:widget>

Kemudian tambahkan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'> taruh di bawah kode: <b:includable id='main'>
</b:if> taruh di bawah kode </div>

Dan jadinya seperti ini:

<b:widget id='HTML6' locked='false' title='Komentar Terakhir' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if> <div class='widget-content'>
<data:content/>
</div>
 </b:if>
</b:includable>
</b:widget>

Save, dan coba ditest. Code tersebut adalah untuk menampilkan widget sidebar hanya pada HOME saja. Sedangkan ketika masuk ke postingan (single post) widget akan hilang.

Kemudian, bagaimana agar tampil hanya di single post (postingan) saja? Kita tinggal mengganti saja kode:

<b:if cond='data:blog.pageType == "index"'> dengan kode : <b:if cond='data:blog.pageType == "item"'>


Itulah cara menampilkan atau menghilangkan widget pada postingan blogspot atau home blogspot. 

Catatan: dan "sangat tentu saja" tips blogger yang ini juga saya dapatkan dari blog lain, karena saya bukan penemu seperti seorang propesor :lol: ...

Membuat Link Hover Dengan Background

Membuat Link Hover Dengan Background Warna, wah bingung mau buat judulnya. Karena tidak biasa coding dan edit HTML, membuat judul saja bingung namanya. Intinya cara membuat link dengan background warna dan ketika mouse diarahkan ke tempat tersebut maka warnanya akan berubah, halah, pokoknya begitulah. Daripada simpan di notepad hilang terus mending buat sekalian updet postingan.

Kode membuat link hover dengan background warna

<div style="overflow: auto; padding-left: 0px;">
<a href="http://www.google.co.id/" target="_blank"><div style="overflow: auto; padding: 5px; border: 1px solid #ff0000; background-color: rgb(247, 247, 247);" onmouseover="this.style.backgroundColor='#dedfde'" onmouseout="this.style.backgroundColor='#f7f7f7'"> <table border="0" width="100%"><tbody><tr><td valign="top" width="20%">
Google
</td></tr></tbody></table></div></a> </div>

Contoh:

Google

Warna dan ukuran kotak disesuaikan dengan selera masing-masing, Dan ini mungkin akan sedikit memberi variasi pada tampilan blog bagi yang suka.

Membuat Daftar Isi Berdasarkan Kategori Label

Membuat daftar isi berdasarkan kategori label untuk di widget atau di dalam postingan. Daftar isi atau sitemap di blogspot berikut ini akan muncul berdasarkan label. Kalau sebelumnya ada membuat daftar isi untuk seluruh artikel blog: cara membuat sitemap di blogspot. Caranya juga sangat mudah dan pasti sudah banyak yang tahu. Meskipun sudah BASI BANGET, sekedar buat catatan daripada hilang.

Pada blogspot sendiri secara default, label tidak termasuk isi postingan yang di index, alias tidak akan muncul dalam hasil pencarian mBah Google, seperti juga search. Dan untuk sekarang bisa dibuat menjadi index dengan sedikit modifikasi pada robots txt pada setting blogger.

Membuat daftar isi berdasarkan kategori label

Buat postingan baru dengan mode html (jangan compose), judul mungkin bisa disesuaikan dengan nama label. Kemudian masukkan code berikut ini:

<ol> <script> var numposts = 100; var standardstyling = true; </script> <script type="text/javascript" src="http://yourjavascript.com/2149918561/postlabel.js.htm.js"></script><ol> <script src="http://iwansulistyo.blogspot.com/feeds/posts/default/-/Blogging?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"> </script> </ol> </ol>
Keterangan:
  • Warna biru (100) bisa diganti dengan jumlah postingan yang di kehendaki, 9999999 postingan misalnya.
  • Warna hijau muda (iwansulistyo) diganti dengan alamat blog kita.
  • Warna merah (Blogging) ganti dengan nama label, yang perlu diperhatikan penulisan label, huruf kapital dan huruf kecil berpengaruh, Blogging berbeda dengan blogging.
Contoh daftar isi berdasarkan kategori label
Dan hasilnya, sebagai contoh untuk blog ini daftar isi http://iwansulistyo.blogspot.com dengan label Blogging, dan jumlah postingan yang ditampilkan 10.

Itulah sekedar catatan cara membuat daftar isi berdasarkan kategori label, selamat mencoba, jika bingung silakan tanya pada Google.