Monday 30 May 2011

Blue Ice Blogger Template

 
Blue Ice is free blogger templates, very simple, blue, elegant with gradient, texture and social bookmark ico on header. Menu very good and make this blogger templates very professional for personal design, very elegant for business sites and you can added content about you and your business on two column footer.
Blue Ice Blogger Template
Note of Blue Ice Blogger Template:
  • Blue Ice Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Friday 20 May 2011

Cara Mengganti Title Blog Dengan Gambar

 
Beberapa hari yang lalu salah satu klien jasa pembuatan blog saya bertanya tentang Bagaimana Cara Mengganti Title Blog Dengan Gambar, setelah itu timbul niat untuk menuliskan tutorial Cara Mengganti Title Blog Dengan Gambar.

Sebenarnya mengganti title blog di blogger dengan gambar bukanlah hal yang sulit, namun saya rasa tidak ada salahnya juga kalau caranya saya tuliskan di blog ini.

Bagi teman-teman yang sudah tahu cara mengganti title blog blogger silakan di koreksi, jika ada yang salah silakan di betulkan.

Panduan Cara Mengganti Title Blog Dengan Gambar

Silakan login ke blogger, klik menu Design/Rancangan/Tata Letak.

Nah disana silakan klik edit pada widget header, biasanya di widget tersebut ada tulisan yang sama dengan title blog kita.
Cara Mengganti Title Blog Dengan Gambar
Setelah itu akan muncul Pop Up seperti kita mengedit/menambahkan widget sidebar. Upload gambar yang ingin di jadikan logo blog (biarkan proses upload sampai gambar yang di upload tadi terlihat).
Beri tanda pada bagian tulisan Instead of title and description
Pada bagian Shrink to fit boleh di beri centang dan boleh juga tidak.
Lihat gambar berikut
Panduan Cara Mengganti Title Blog Dengan Gambar
Setelah itu silakan Klik Save.
Selesai.......

Selamat mencoba dan semoga berhasil

Wednesday 18 May 2011

NewsLink Blogger Template

 
NewsLink Blogger Template Descriptions: 2 Horizontal Navigation Menus,Auto Read More Feature with Thumbnails,468*60 Header Ads banner,1 CSS Search Box,1 Featured content slider installed,SEO friendly blogger title hack installed to help you rank higher in Google,Meta tags installed,Hosted images on blogger, Free use forever!,Favicon support so you can add your own url icon,Compressed CSS to speed up your page load times,Numbered Page Navigation Hack Installed,Blogger Pages Enabled,Customized comment section,and More ....
NewsLink Blogger Template
Note of NewsLink Blogger Template:
  • NewsLink Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Monday 16 May 2011

Menampilakan Widget Di Home Page Blogger

 
Bagaimana ya cara menampilkan widget blog blogger hanya di home page saja, dan bila di buka halaman lainnya seperti post page, halaman arsip maka widgetnya hilang?

Sebelum saya lanjutkan untuk menuliskan tutorial Cara Menampilakan Widget Di Home Page Blogger silakan lihat gamar contohnya dulu biar jelas.

Widget Home Page (Ada Iklan Adsense)
Cara Menampilakan Widget Di Home Page Blogger
Widget Post Page (Tidak Ada Iklannya)
Menampilakan Widget Di Home Page Blogger
Untuk melihat demo blog yang menerapkan cara ini silakan kunjungi blog ini. tapi sedikit berbeda Lhoooooooo.

Next....

Cara Menampilakan Widget Di Home Page Blogger Blog

Seperti biasa, silakan login dulu ke blogger. Klik Rancangan/Tata Letak/Design, setelah itu klik bagian Edit HTML (beri centang pada bagian Expand Template Widget).

Cari Widget yang ingin di tampilakn di home saja, misalnya widget tersebut di beri nama Iklan Adsense, maka yang harus di lakukan yaitu menemukan tulisan tersebut yaitu Iklan Adsense (sesuaikan dengan judul widget pada template teman), untuk pencarian cepat ketik Ctrl + F.

Kira-kira teman akan menemukan kode seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' 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:include name='quickedit'/>
</b:includable>
</b:widget>
Setelah kode seperti itu sudah di temukan silakan pasang kode dibawah ini setelah kode <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
Dan letakkan kode di bawah sebelum kode <b:include name='quickedit'/>
</b:if>
Sehingga jadinya seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
Sekarang silakan simpan pengaturan template anda dan silakan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil

Sunday 15 May 2011

Pasang Related Posts + Thumbnails (Gambar)

 
Mau pasang Related Post yang ada Thumnails/Gambar di blog blogger kamu?
Sebenarnya Cara Membuat Related Post/Artikel Terkait Di Blogger sudah saya tulis di blog ini, namun tutorial tersebut menuliskan cara pasang related post tampa thumnail. Kalo pengen pasang related post + thumnail atau yang ada gambarnya silakan baca terus artikel ini.

Sebelum saya tuliskan tutorialnya nih mungkin teman-teman ingin lihat gimana sih tampilannya, berikut gambar tampilannya
Related Posts with Thumbnails for Blogger


related posts with thumbnails for blogger

Atau silakan lihat contohnya di blog ini
Ok mari kita mulai....

Cara Memasang Related Posts Dengan Thumnails (Gambar)

Seperti biasa, langkah yang harus di lakukan pertama yaitu login dulu ke blogger kemudian pergi ke Layout/Tata Letak/Design => Edit HTML kemudian beri centang pada bagian "Expand Widget Templates".
Cari Kode
</head>
Kemudian Letakkan kode berikut di atasa kode </head> tadi
<!--Related Posts with thumbnails Scripts and Styles Start-->  <!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {  float:center;  text-transform:none;  height:100%;  min-height:100%;  padding-top:5px;  padding-left:5px;  }    #related-posts h2{  font-size: 1.6em;  font-weight: bold;  color: black;  font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;  margin-bottom: 0.75em;  margin-top: 0em;  padding-top: 0em;  }
#related-posts a{  color:black;  }  #related-posts a:hover{  color:black;  }
#related-posts  a:hover {  background-color:#d4eaf2;  }
</style>
<script type='text/javascript'>  var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOS3jtSUkdqu32rYPOMIryIAShkTWZjc0BIEIirDKEAyyouETVIi0rrFDl950hM78gQprnOyJKgizo4EMe_mVTp78j2h6OxxjQ5p5_djRmC1PZ5KKF-xJpe1hLdeJ7yrYqlZ-7IQpZ7Q/s400/noimage.png";  var maxresults=5;  var splittercolor="#d4eaf2";  var relatedpoststitle="Related Posts";  </script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>  <!--Related Posts with thumbnails Scripts and Styles End-->
Setelah itu cari lagi kode
<div class='post-footer-line post-footer-line-1'>
Dan letakkan script ini di bawahnya
<!-- Related Posts with Thumbnails Code Start-->  <!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>  <b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if>  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>  removeRelatedDuplicates_thumbs();  printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);  </script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if>
</b:if>  <!-- Related Posts with Thumbnails Code End-->
Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:
var maxresults=5;
Untuk mengganti title, kita bisa mengedit kode ini:
var relatedpoststitle="Related Posts";
Selamat Mencoba dan semoga berhasil

Saturday 14 May 2011

Setting Bahasa Blog Untuk Adsense

 
Pada artikel panduan cara memadukan Google Adsense dengan Blogger kemaren saya lupa menuliskan cara setting/pengaturan bahasa blog agar ketika kita klik menu Monetize pengaturan adsensenya bisa muncul.
Nah kekurangan tersebut akan saya tambahkan di artikel Cara Setting Bahasa Blog Untuk Adsense ini.

Cara Setting Bahasa Blog Untuk Adsense

Setelah login ke Dashboard blogger silakan klik Settings/Pengaturan
Setting Bahasa Blog Untuk Adsense
Kemudian klik Formatting dan silakan rubah bahasa menjadi bahasa yang di perbolehkan Google untuk menampilkan iklan Adsense, misalnya bahasa Inggris
Cara Setting Bahasa Blog Untuk Adsense
Setelah bahasa tersebut sudah kita pilih jangan lupa untuk menyimpan pengaturan tersebut.
Nah sekarang pengaturan Adsensenya sudah bisa dilihatr jika kita klik menu Monetize. Silakan Baca Panduan Cara Memadukan Google Adsense Dengan Blogger

Awes Blogger Template

 
Awes Blogger Template is a Two column, Elegant background And Transparent design,125×125 ads box,Subscriber widgets ,Header two column,share button,stylish navigation menu style blogger template With Clean style post …Template has been designed a very Professional quality .It is a very neat and clean template with lot of features blogger template.
Awes Blogger Template
Note of Awes Blogger Template:
  • Awes Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Sofya Blogger Template

 
Sofya Blogger Template is a Two column, Elegant background And Transparent design,125×125 ads box,Subscriber widgets ,Header two column,share button,stylish navigation menu style blogger template With Clean style post …Template has been designed a very Professional quality .It is a very neat and clean template with lot of features blogger template.
Sofya Blogger Template
Note of Sofya Blogger Template:
  • Sofya Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Wednesday 11 May 2011

Cara Memadukan Google Adsense di Blogger

 
Google Adsense + Blogger

Pada artikel kali ini saya ingin mengangkat artikel tentang Cara Memadukan Google Adsense Dengan Blogger, sehingga nantinya kita tidak perlu bolak-balik lagi ke Adsense jika ingin merubah format iklan yang kita pasang, baik itu ukuran, maupun warna text, link, dsb.
Sedikit bercerita mengenai Google Adsense. Adsense merupakan salah satu situs kepunyaan Google yang bisa di manfaatkan oleh siapa saja yang memiliki situs/blog untuk menghasilkan duit, jadi dengan bergaung dengan Google Adsense kita berkesempatan untuk mendapatkan penghasilan tambahan dari iklan Adsense yang kita pasang di situs/blog milik kita, tapi sayangnya iklan adsense saat ini tidak boleh di pasang di situs/blog berbahasa Indonesia.
Ok, Lanjut.

Panduan Cara Memadukan Google Adsense Dengan Blogger

Setelah login ke blogger silakan klik Menu Monetize, kemudian klik tulisan sign up for adsense.
Memadukan Google Adsense di Blogger
Pilih format letak iklan adsense yang di inginkan (nanti bisa di rubah kok)
Cara Memadukan Google Adsense di Blogger
Setelah itu silakan isi kolom isian yang sudah di sediakan dengan id Google Adsense teman, dst.
Jika semua langkah di atas sudah selesai silakan lihat blognya, biasanya iklan adsensenya sudah bisa di lihat.

Untuk mengedit format iklan, baik warna, ukuran, dsb untuk iklan yang di posting blog silakan klik edit pada widget Blog Posts
Panduan Cara Memadukan Google Adsense di Blogger
Untuk yang di sidebar silakan edit di widget sidebar, silakan baca Panduan Cara Menghias Blog Blogger.

Sunday 8 May 2011

Communication Blogger Template

 
Communication Blogger Template a two column, elegant background and transparent design,stylish navigation menu Template With Clean post …Template has been designed a very Professional quality .It is a very neat and clean template with lot of features blogger template.
Communication Blogger Template
Note of Communication Blogger Template:
  • Communication Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker