Membuat Gambar Iklan Sejajar Di Blogger

  Halo Sobat Blogger... Salam Kenal, Salam Sejah Tera, Dan Salam Hangat saja ya hehehe Kita Bahas Tentang Membuat Gambar Iklan Sejajar Di Blogger

Cara Pertama

1. Log in ke account Blogger . Kemudian Klik tanda panah, lalu pilih Template
2. Selanjutnya pilih Edit HTML  --> klik Procced atau proses
3. Centang pada Expand Widget Templates
4. Cari kode <data:post.body/> untuk mencarinya gunakan Ctrl +F ( kalau mau ditempatkan diarea postingan ).
5. Kemudian cari kode , script atau url dari gambar , iklan atau widget yang mau ditempatkan sejajar atau berdampingan tersebut. Kalau gambar2 tersebut suda ada.
6. Setelah itu, coba perhatikan kode dibawah ini, karena inilah kuncinya dan simpan di bawah atau diatas kode <data:post.body/> yang point 5.

   <table><tr>
   <td>Url Gambar atau Widget 1</td>
   <td>Url Gambar atau Widget 2</td>
   <td>Url Gambar atau Widget 3</td>
   </tr></table>

7. Silahkan ganti tulisan warna merah diatas dengan Url gambar, widget, iklan dll. yang sudah ditemukan pada point 6 diatas.
8. Kalau letak gambar ingin diatas posting. simpan di atas <data:post.body/> dan sebaliknya apabila ingin di bawah artikel ya tempatkan di bawahnya.
9. Ingat kalau tidak mau tampil. biasanya kalau kode iklan itu mesti di parse dulu walaupun gak semua . Kalau mau memparse kode Iklan silahkan klik Parse Kode HTML.
10. Kalau sudah lakukan preview dulu, jika semuanya sudah ok, langsung simpan template.

Cara Kedua

1. Langkah 1 sampai 5 lihat cara pertama
2. Copy kode dibawah ini

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div style='float:left;'>
   Masukan kode Iklan atau gambar 1 </div>
   <div style='float:right;'>
   Masukan kode Iklan atau gambar 2 </div>
   </b:if>

3. Langkah 7 sampai 10 lihat cara pertama.

Cara Ketiga

1. Langkah 1 sampai 5 lihat cara pertama
2. Copy kode dibawah ini

   <div style='display=inline'>
   Kode gambar 1 misalnya widget AddThis Button
   Kode gambar 2 misalny widget Share Infogue
   </div>

   Contoh kongkritnya bisa seperti ini :
   

   <div style='display=inline'>
   <!-- AddThis Button Begin -->
   <div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a>
   <script src='http://s7.addthis.com/js/250/addthis_widget.js#username=saung' type='text/javascript'/>
   <!-- AddThis Button End -->
   <!-- Share Infogue Begin -->
   <script type='text/javascript'>
   var ig_url = &#39;<data:post.url/>&#39;
   var ig_judul = &#39;<data:post.title/>&#39;
   </script>   
   <script src='http://www.infogue.com/widgets/widget_sharegue.js'/>
   </div> </div>
   <!-- Share Infogue End –>

   Hasilnya jadi seperti ini Widget Share AddThis dan Infogue sejajar berdampingan dan tampak rapih
   
   
3. Langkah 7 sampai 10 lihat cara pertama.

Nah sampai disini Cara Membuat Gambar Iklan Sejajar Di Blogger, selamat mencoba agar tampilan blog tampak lebih rapih, nyaman dipandang, SEO Friendly, disukai goggle dan Alexa.