Showing posts with label Trik Blogger. Show all posts
Showing posts with label Trik Blogger. Show all posts

Sunday, 11 August 2013

Cara Menempatkan Iklan di Bawah Postingan

sds | 10:15 Comment
Cara Menempatkan Iklan di Bawah Postingan - Alhamdulillah kali ini saya berbagi artikel lagi yang dimana sebelumnya saya membahas tentang Cara Memasang Komentar Google Plus di Blog. Untuk sekarang ini saya akan membahas tentang Cara Menempatkan Iklan di Bawah Postingan.

Seperti yang telah kita ketahui sekarang bahwa banyak seorang blogger yang berlomba-lomba untuk menghasilkan uang dengan memasang iklan di blognya. Ada yang pasang iklan dari Google Adsense, Adsense Camp, Chitika, Iklan Blogger, dan lain-lain. Penempatan iklan-iklan harus di perhatikan agar pengunjung dapat mengklik iklan kita.

Untuk itu, saya akan bagi tutorial Cara Menempatkan Iklan di Bawah Postingan. Untuk lebih jelasnya lihat hasil atau contohnya di bawah ini.

Cara Menempatkan Iklan di Bawah Postingan
Jika ingin membuat seperti gambar diatas atau Menempatkan Iklan di Bawah Postingan, ikuti langkah-langkah berikut ini :

Cara Menempatkan Iklan di Bawah Postingan
1. Anda harnus login dulu di blogger.com
2. Kemudian pilih template --> Edit HTML
3. Cari kode <data:post.body/>, untuk mempermudah dalam pencarian gunakan Ctrl + F
4. Jika sudah ditemukan, maka akan nampak seperti kode di bawah ini

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<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;);</script>
<b:else/>
<data:post.body/>
(Ingat !! , Kode di setiap template berbeda-beda, jadi cari kode yang hampir mirip dengan kode diatas)
5. Kemudian tempatkan kode berikut tepat di bawah kode <data:post.body/>

<center><b:if cond='data:blog.pageType == &quot;item&quot;'> <p> Kode IKLAN ANDA</p> </b:if></center>
6. Maka hasilnya akan seperti kode dibawah ini
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<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;);</script>
<b:else/>
<data:post.body/><center><b:if cond='data:blog.pageType == &quot;item&quot;'> <p> Kode Parse IKLAN ANDA</p> </b:if></center>


7. Ubahlah teks warna Biru dengan kode iklan anda. (Ingat Kode Iklan Harus di Parse).
Untuk lebih mudahnya parse kode disini : http://www.blogcrowds.com/resources/parse_html.php

8. Kemudian Save dan lihat hasilnya.

Demikian artikel tentang Cara Menempatkan Iklan di Bawah Postingan semoga dapat bermanfaat dan jika ada masalah, silahkan berkomentar di bawah ini.

Cara Membuat Tooltip Keren di Blog

sds | 10:11 Comment
Cara Membuat Tooltip Keren di Blog - Alhamdulillah kali ini saya masih menyempatkan diri untuk update postingan lagi. Yang dimana sebelumnya saya kurang merawat blog ini. Kali ini, tepatnya pada bulan ramadhan, saya akan membagikan informasi tentang Cara Membuat Tooltip Keren di Blog.

Anda sudah tahu apa itu tooltip kan ?
Kalau belum tahu, liat gambar di bawah ini :

Cara Membuat Tooltip Keren di Blog
Jadi sudah tahu kan apa itu TOOLTIP ?

Nah, untuk membuat seperti itu di blog, ikuti caranya di bawah ini :
  • Anda harus login di blogger.com
  • Masuk di bagian Template kemudian pilih Edit HTML
  • Setelah itu cari kode </body>
  • Letakkan kode berikut di atas kode </body>
<script src='https://googledrive.com/host/0B4B3VzwqZnPETWEyeUtQVHYtdEk/' type='text/javascript'>
atau
<script src='http://js.hack4rt.us/tooltip.js' type='text/javascript'/>
  • Kemudian tinggal ada save/simpan kemudian liat hasilnya di blog anda.
Demikian Informasi yang sempat saya bagikan tentang Cara Membuat Tooltip Keren di Blog, semoga dapat bermanfaat untuk kita semua.
Posting Lama ►
 

Copyright © 2013. COBA - All Rights Reserved Percobaan by Ullah Chozta