blog visitors

Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan

Cara Pasang Iklan Di Bawah Judul Posting

Salam Blogger !, kali ini saya akan berbagi bagaimana Cara Pasang Iklan Di Bawah Judul Posting,  Ada sedikit trik yang perlu kalian ketahui sebelum pasang iklan di halaman postingan blogspot. Berikut simak cara memasang iklan di bawah judul posting.

Pertama masuk ke account blogger anda, pilih menu ‘Design‘ kemudian ‘Edit HTML‘, dan jangan lupa centang pilihan ‘Expand Widget Templates‘.

Lalu tekan Ctrl+F dan cari kode berikut: <data:post.body/>

Langkah selanjutnya adalah memparse kode iklan Anda sebelum dipasang. 
Jika kode iklan tidak diparse maka akan terjadi error.

Ambil Kode iklan dari Website PPC yang Anda miliki.

Setelah dapat, Klik http://centricle.com/tools/html-entities/ > untuk memparse kode iklan, dan pastekan kode iklan tersebut lalu klik Encode.

Nah, Kopi kode yang sudah diparse tadi dan letakkan tepat di atas kode yang anda cari tadi.

Contoh :

&lt;!-- Begin: xxxxxxxxxx --&gt;
&lt;script src=&quot;http://scr.xxxxxx/js-ad.php?zid=101521&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
&lt;!-- End: xxxxxxxxxx --&gt;
<data:post.body/> 

Jika sudah, lalu klik simpan template dan cek hasilnya.

Note : Jika anda ingin memasang iklan di dalam postingan blogspot tepat di bawah judul, maka taruh kode iklan anda tadi di atas kode tersebut, sedangkan jika ingin iklan tampil di bawah postingan, pasang kode iklan di bawahnya .

Sekian dan terimakasih. Semoga bermanfa'at. :)...
Read more...

Cara Menghilangkan Frame Google Image di Blogspot


Login blogspot anda, kemudian masuk pada edit html, jangan lupa back-up template dan beri tanda centang pada Expand Template Widget.

Letakkan kode berikut sebelum </head> dan kemudian simpan template anda.

<script language="JavaScript" type="text/javascript">
if (top.location != self.location) top.location = self.location;
</script>  

Selamat mencoba  semoga bermanfaat.  
Read more...

Cara memasang Visitor Flag Counter di blogger


Cara memasang Visitor Flag Counter di blogger - Untuk memasang counter flag di blogspot sangat mudah ikuti saja langkah-langkah berikut :

 

1. Kunjungi situs ini http://flagcounter.com/
2. isi bagian-bagian :
maximum flag to show : jumlah bendara yang akan ditampilkan
columns of flag : jumlah kolom bendera
label on top of counter : nama dari counter flag
Background color : warna latar dari counter flag
text color : warna tulisan
Border color : warna garis tepi dari counter flag
show country flag : untuk menampilkan kode negara
show pageview : untuk menampilkan jumlah halaman yang dikunjungi
3. lihat di bagian bawah ada "Example Flag Counter with your choices" itu adalah hasilnya, jika sudah sesuai keinginan klik "get your flag counter"
4.copy code yang berada di "Code for website: dan paste kan ke dashbor anda pada widget html dan javascript kemudian simpan.

Selamat Mencoba Semoga Berhasil. :)
Read more...

Cara Membuat Sitemap Pada Blogspot

Bagaimana cara membuat/membikin sitemap di blogger untuk di masukkan ke Google Webmaster tools?

Bentuk sitemap (site map) untuk Blogger Blogspot atau blog domain sendiri tapi masih memakai hosting blogger.com yang jumlah artikel/posting di bawah 500 tulisan adalah sebagai berikut:

atom.xml?redirect=false&start-index=1&max-results=500


Tambahkan kode di atas di sitemap Google Webmaster. Kalau ternyata artikel anda lebih dari 500, maka tambahkan lagi sitemap kedua sebagai berikut:

atom.xml?redirect=false&start-index=501&max-results=1000

Kalau artikel/posting blog anda lebih dari 1000, tambahkan sitemap ketiga sebagai berikut:

atom.xml?redirect=false&start-index=1001&max-results=1500
Read more...

Cara Mudah Membuat Label Menjadi 2 Kolom

Posting kali ini saya akan share untuk tutorial pada blogspot, khususnya cara mudah membuat label menjadi 2 kolom, jika temen" ingin memasang tutorial tersebut, silahkan simak langkah-langkahnya sebagai berikut, mudah-mudahan tutorial kali ini bermanfaat buat temen-temen.

Membuat label di blogger


Nah bagi yang sudah memasang widget label pada blonya, pastikan untuk tampilan labelnya secara flat/daftar jangan pilih cloud. Untuk lebih jelasnya silahkan ikuti langkah cara membuat label dengan tampilan flat/daftar.
  • Login di blogger
  • pilih menu rancangan
  • Klik tambah gadget di sidebar blog
  • pilih widget label
  • Pastikan tampilan dari label tersebut adalah daftar, lalu klik simpan.

Sekarang kita akan melanjutkan bagaimanamembuat label yang kita buat tadi menjadi 2 kolom, 
Untuk membuat label menjadi 2 kolom hanya menggunakan thnik css, tida menggunakan script atau apa pun. Caranya :

Membuat widget label menjadi 2 kolom
  • Login di blogger
  • Klik rancangan
  • klik Edit HTML
  • Cari menggunakan CTRL+F ]]></b:skin> Lalu copy paste kode di bawah di atasnya.
#Label1 li {
      float:left;
      width:45%;
}
  • Lalu simpan template.
Note : Jika belum berhasil, silahkan perkecil nilai width pada kode diatas sampai anda menemukan nilai yang        pas, sehingga widget label dalam blog anda menjadi 2 kolom. Dan jangan lupa tinggalkan komentarnya, semoga bermanfaat.
Read more...

Cara Mudah Membuat Menu Navigasi/Breadcrumbs Pada Blogger/Blogspot

Bagi temen temen yang ingin membuat blog dan memberi menu navigasi/breadcrumbs, saya akan memberikan sedikit pengetahuan cara membuatnya.
Nah :) yang belum tahu mengenai menu navigasi/breadcrumbs silahkan simak penjelasan di bawah :

Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukan urutan isi halaman dari rootnya (home) hingga ke posting / artikel.

Langkah-Langkahnya sebagai berikut :
  • Masuk ke dashboard > Design/Rancangan > Edit HTML, dan centang pada "Expand Widget Templates".
  • Cari kode ]]></b:skin> agar lebih mudah gunakan (Ctrl+F) dan masukkan kode CSS berikut di ATAS-nya:
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

  • Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode berikut tepat di BAWAH-nya :
<b:include data='posts' name='breadcrumb'/>
  • Kemudian Cari (Ctrl+F) <b:includable id='main' var='top'> Dan tambahkan kode berikut tepat ini tepat di BAWAH-nya :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
  • Jika kode sudah diletakkan dengan benar, lalu Save Template.
Read more...

Cara Membuat Tombol Like Facebook Di Blog

Facebook , adalah jejaring sosial yang sangat populer saat ini , nah sekarang kita bisa memanfaatkan facebook untuk promosi blog kita lho :) dengan menyediakan tombol like button ini kita bisa mempromosikan blog kita , lho bagaimana bisa? kan itu cuma like facebook biasa.. Jangan salah , tombol ini berguna sekali  nih saya kasih tahu kegunaanya menurut pengalaman saya .
Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi.


Cara Membuat Tombol Like Facebook Di Blog
  1. Login dulu ke blogger
  2. Ketika di halaman dasbor , klik rancagan.
  3. Kemudian pilih Edit Html + centang kotak Expand Template Widget.
Untuk meletakkan tombol like ada 2 pilihan, meletakkan diatas posting dan di bawah posting
  • Untuk meletakkan tombol like di atas posting.
Silahkan cari kode <div class='post-header-line-1'/> , bisa menggunakan control F , Jika sudah ketemu masukkan kode tombol like facebook ini di bawah kode yang anda cari.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
  • Kemudian Simpan template
  • Untuk meletakkan kode tombol like di bawah posting 
Cari kode kode <data:post.body/> , bisa menggunakan control F , Jika sudah ketemu masukan kode tombol like facebook ini tepat dibawah kode <data:post.body/> yang pertama.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
</b:if>
  • Kemudian simpan template.
Semoga bermanfaat :)
http://arifdejavu.blogspot.com
Read more...