Adsense di Kiri atau Kanan Blogger Post

Description: Adsense di Kiri atau Kanan Blogger Post Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Adsense di Kiri atau Kanan Blogger Post

Cara (Photo credit: faeks)

Adsense di Kiri atau Kanan Blogger Post. Cara penempatan iklan seperti Google Adsense atau iklan PPC lain yang sejenis, sangat penting untuk mendapatkan traffic clicking yang bagus. 

Untuk menambah intensitas perklik untuk iklan, biasanya beberapa blogger memasang iklannya di sebelah kiri atau kanan postingannya. Seperti yang kita ketahui bahwa dengan memasang iklan di dalam postingan akan meningkatkan peluang klik iklan dibanding dengan memasang iklan dibagian sidebar atau di tempat lain, dan hal ini jelas tidak melanggar aturan.

Untuk contoh liat gambar di bawah

Cara Pasang Iklan Di Sebelah Kiri Postingan

1. Login ke Blogger => Edit HTML

2. Sebaiknya backup template Anda untuk jaga-jaga

3. Centang Expand Template Widget

4. Cari kode <data:post.body/> apabila Anda menemukan lebih dari satu kode seperti itu, pilih kode yang ke dua.

5. Kemudian pasang kode berikut ini di atas kode <data:post.body/>

<div style='clear: right; float: left; margin-right: 10px'>

<KODE IKLAN DISINI>

</div>

Ganti <KODE IKLAN DISINI> dengan kode iklan anda.

6. Save template dan lihat hasilnya.

Asumsi:

A: Gan, Kenapa iklannya gak muncul?

Q: Parse dulu kode iklannya di sini

A: Gimana kalau mau pasang iklannya disebelah kanan?

Q: Ganti kode <div style='clear: right; float: left; margin-right: 10px'> dengan kode <div style='clear: left; float: right; margin-left: 10px'>

Deutsch: Funktionsweise von Google AdSense (vereinfacht) (Photo credit: Wikipedia)

Rating: 4.5 Reviewer: Mr. Sumawan

Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

Description: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

Trik SEO | Tabel Keren Untuk Blogger - Pretty Table. Cara membuat tabel keren ini menggunakan dua source kode, yaitu CSS dan HTML. Dimana kode CSS akan disisipkan pada template blogger, sedangkan kode HTML yang akan disisipkan pada postingan Blog kita. Kode CSS dan HTML ini murni saya dapatkan dari halaman Google Support.

HTML Table Sample with collapse, border-width, etc tags/parameters/properties, rendered by Trident (/Internet Explorer) engine (/web-browser). (Photo credit: Wikipedia)

Tahap Pertama:

1. Login ke Blogger > Template > Edit HTML
2. Jangan lupa centang "Expand Template Widget"
3. Cari kode ]]></b:skin> lalu sisipkan kode CSS berikut ini tepat di atas ]]></b:skin>

<!-- Nice Table Mainbom.com-->
table th {
    padding-top: 7px;
    text-align: left;
}
.nice-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.nice-table tr:first-child th {
    border-top: 0 none;
}
.nice-table th:first-child {
    border-left: 0 none;
}
.nice-table tr:first-child th:last-child {
    border-right-color: #5C6785;
}
.nice-table th {
    background-color: #5C6785;
    color: white;
    font-weight: bold;
}
.nice-table th, .nice-table td {
    border: 1px solid #EBEBEB;
    padding: 3px 10px;
}
.nice-table td {
    background-color: #E6E6E6;
    border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5;
    color: #444444;
}
.nice-table td:last-child {
    border-right-color: #E5E5E5;
}
.nice-table tr:nth-of-type(2n) td {
    background-color: #FFFFFF;
    border-right-color: #E5E5E5;
}
.nice-table.spaced-table td, .nice-table.spaced-table th {
    padding: 10px;
}
.nice-table.wide {
    width: 95%;
}
.nice-table.narrow {
    width: 75%;
}
.nice-table.narrower {
    width: 50%;
}
.nice-table.narrowest {
    width: 35%;
}
<!-- Nice Table Mainbom.com-->

4. Klik Simpan template

Tahap Kedua:

Tahap kedua adalah saat anda membuat postingan Blogger yang akan menggunakan tabel, pastikan edit entri pada mode HTML bukan "Compose". Untuk membuat tabelnya silahkan ikuti contoh kode di bawah ini

<table class="nice-table" width="100%" ><tbody>
<tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr>
<tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr>
<tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr>
<tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr>
<tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr>
</tbody> </table>

Ini adalah contoh tabel dengan 3 kolom dan 4 baris

Header 1	Header 2	Header 3
kolom 1 baris 1	kolom 2 baris 1	kolom 3 baris 1
kolom 1 baris 2	kolom 2 baris 2	kolom 3 baris 2
kolom 1 baris 3	kolom 2 baris 3	kolom 3 baris 3
kolom 1 baris 4	kolom 2 baris 4	kolom 3 baris 4

Catatan:

• Jika ingin menambah atau mengurangi jumlah kolom dan baris, silahkan mengedit dengan memperhatikan kode <td> dan <tr>
• Disetiap kolom akan ada kode <td> dan </td>
• Disetiap baris akan ada kode <tr> dan </tr>
• "Tahap Pertama" cukup dilakukan sekali saja, dan "Tahap Kedua" dilakukan setiap membuat tabel
• Ada pertanyaan silahkan komentar.

Rating: 4.5 Reviewer: Mr. Sumawan