Tutorial Blogspot

Cara Mengecek Crawl Error di Google Webmaster

2011-11-19T10:30:00.001+07:00

Pernahkah anda menghapus beberapa postingan atau artikel pada blog anda ? Jika pernah, sebaiknya jangan dilakukan. Karena akan menyebabkan link ke artikel tersebut akan error. dan reputasi blog anda dimata search engine tidak bagus. Apalagi artikel yang anda hapus tersebut sudah terlanjur di crawler oleh search engine Google.

Salah satu pekerjaan yang harus dilakukan para blogger dalam meningkatkan SEO pada blog, adalah mengecek Crawl Error di Google Webmaster anda. Hal ini berguna untuk memperbaiki page rank untuk blog atau situs anda. Kebanyakan dari teman-teman blogger tidak terlalu memperhatikan hal ini.

Nah bagaimana Cara Mengecek Crawl Error di Google Webmaster ?

1. Bukalah Google Webmaster anda. Kemudian klik pada menu Diagnostics > Crawl errors > Not found

2. Lihatlah berapa banyak error yang terdapat dalam blog anda. Perhatikan angka dalam kurung disebelah tulisan Not found.

Cara Menambahkan Blog Baru pada Satu Akun Blog

2011-11-19T00:16:00.001+07:00

Salah Satu keuntungan membuat blog pada Blogger, satu akun Google dapat digunakan untuk membuat banyak blog. Pada prinsipnya, kita dapat memiliki lebih dari satu blog dari akun yang sama. Jika anda ingin menambahkan blog baru, silahkan ikuti langkah-langkah berikut ini :

1. Pada Dashboard, klik tombol yang bertuliskan New Blog.

2. Lalu muncul tampilan seperti gambar dibawah ini :

Pada bagian Title (1), isikanlah dengan Judul Blog yang anda inginkan.
Pada bagian Address (2), ketikkan dengan nama alamat blog yang ingin digunakan.
Lalu pilihlah salah satu template yang anda sukai. Untuk template nantinya dapat ditukar kembali. Langkah terakhir adalah mengklik tombol Create blog!.

Cara Menyisipkan Al-Quran Digital dengan Suara pada Blog

2011-09-07T21:37:00.001+07:00

Sesuai dengan perkembangan teknologi masa kini, Al-qur’an pun dikemas dalam bentuk digital secara online. Hal ini akan memudahkan umat muslim untuk belajar membaca Al-Qur’an lengkap dengan memahami artinya, mendengarkan lapasnya sesuai dengan tajwid secara Online. Selain itu, Al-Quran digital ini juga bisa dipelajari per-surah. Sehingga akan memudahkan kita untuk membacanya.

Al-quran digital ini dibuat oleh Alquran-indonesia.com, dapat kita sisipkan kedalam blog. Bagi rekan-rekan blogger yang ingin menyisipkan Al-Quran ini kedalam blog dapat meng-copy kode dibawah ini :

<iframe width="100%" height="400" frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran">
</iframe>

Hasilnya akan menjadi seperti dibawah ini :&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;

Cara Menyisipkan gambar dipostingan blogspot

2011-06-28T07:44:00.002+07:00

Untuk menambah keindahan postingan pada blog, serta untuk menguatkan kandungan isi blog tentu saja harus dilengkapi dengan gambar. Nah untuk menambahkan gambar kehalaman blog kita harus memahami prinsip dasarnya. Apakah prinsip yang paling mendasar tersebut ? Format gambar yang direkomendasikan untuk halaman blog haruslah berformat .jpg, .png dan .gif. Sedangkan untuk format lain seperti, .bmp tidaklah dianjurkan, karena memiliki kapasitas file yang besar sehingga proses loading akan makin lambat. Jika telah memahami prinsipnya, berikutnya adalah bagaimana cara memasukkannya kedalam halaman blog.

Saya berasumsi bahwa rekan-rekan semua telah menuliskan teks postingan terlebih dahulu. Jika sudah, letakkan pointer mouse ditempat yang ingin disisipkan gambar. Lalu klik icon Insert Image atau yang ditunjukkan dengan panah.

Akan muncul tampilan seperti gambar dibawah ini :

Lalu klik tombol Choose files. Carilah gambar yang ingin disisipkan pada komputer rekan-rekan. Klik tombol Open untuk memasukkannya. Tampilan akan berubah menjadi seperti dibawah ini :

Kemudian klik tombol Add selected. Gambar akan masuk kedalam postingan.

Aturlah opsi untuk gambar. Pilih ukuran gambar pada tulisan Small, Medium, Large, X-Large atau Original size. Lalu pilih opsi peletakkan gambar pada tulisan Left, Center dan Right. Jika ingin menambahkan keterangan pada gambar, klik tulisan Add caption.
Hasil akhirnya kira-kira seperti gambar dibawah ini :

Cara Membuat Daftar List pada Blog

2011-06-23T23:10:00.007+07:00

Jika anda pernah menggunakan Microsoft Word tentu saja akan sangat mengenal dengan istilah bullet dan numbering. Pada blog, juga menggunakan istilah ini. Hanya saja cara menuliskannya berbeda.

Secara umum daftar list dibagi menjadi 2, yaitu daftar list numbering atau biasa dikenal dengan ordered list. Dan daftar list yang kedua berupa bullet (simbol) atau biasa dikenal dengan unordered list.

Sebagai contoh silahkan dilihat bedanya dibawah ini :

Ordered List / Numbering

Baris Pertama
Baris Kedua
Baris Ketiga
Dan Seterusnya

Unordered List / Bullet

Baris Pertama
Baris Kedua
Baris Ketiga
Dan Seterusnya

Bagaimana cara menuliskannya pada HTML atau Blog ? Untuk menuliskannya kita harus berada pada mode HTML. Secara umum, bentuk penulisannya adalah sbb :

Ordered List / Numbering :

<ol> 
  <li>Baris Pertama</li>  
  <li>Baris Kedua</li>  
  <li>Baris Ketiga</li> 
  <li>Dan Seterusnya</li> 
</ol>

Untuk menuliskan ordered list kita memulainya dengan TAG <ol></ol>. Dan untuk menuliskan baris isinya ditulis dengan tag <li>Teks Anda</li>

Unordered List / Bullet :

<ul> 
  <li>Baris Pertama</li>  
  <li>Baris Kedua</li>  
  <li>Baris Ketiga</li> 
  <li>Dan Seterusnya</li> 
</ul>

Untuk menuliskan unordered list kita memulainya dengan TAG <ul></ul>. Dan untuk menuliskan baris isinya ditulis dengan tag <li>Teks Anda</li>

Diantara kedua list ini bisa disisipkan atau digabungkan menjadi bagian yang komplek, seperti contoh dibawah ini :

Baris Pertama
Baris Kedua
- Sub Baris Pertama
- Sub Baris Kedua
  1. Sub Sub Baris Pertama
  2. Sub Sub Baris Kedua
- Sub Baris Ketiga
Baris Ketiga

Cara penulisannya adalah sebagai berikut :

<ol>
  <li>Baris Pertama </li>
  <li>Baris Kedua 
    <ul>
      <li>Sub Baris Pertama </li>
      <li>Sub Baris Kedua 
        <ol>
          <li>Sub Sub Baris Pertama </li>
          <li>Sub Sub Baris Kedua </li>
        </ol>
      </li>
      <li>Sub Baris Ketiga </li>
    </ul>
  </li>
  <li>Baris Ketiga </li>
</ol>

Blue Ice Blogger Template

2011-06-17T08:01:00.000+07:00

	Template Name :
	Blue Ice
	Template Author :
	New Blogger Templates / http://buymythemes.com/
	Description :
	Blue Ice Blogger Template is a free blogger templates adapted from CSS Template to Blogger Template with nice blue background. It's a 2 column blogger template with right sidebar, 2 column footer and suitable for business blogs.

PREVIEW - DOWNDLOAD

PicFolio Blogger Templates

2011-06-17T07:48:00.000+07:00

	Template Name :
	PicFolio
	Template Author :
	Fowziey
	Description :
	Free PicFolio Blogger Template is an elegant template for photo blog. It's a 1 column blogger template with 3 column footer with nice pattern background. This template suitable for gallery, showcase or photography blogs.

PREVIEW - DOWNDLOAD

Zero Gravity Blogger Template

2011-06-16T04:23:00.001+07:00

	Template Name :
	Zero Gravity
	Template Author :
	http://www.dhetemplate.com
	Description :
	Features Zero gravity Blogger Template : 2 column, 3 column footer, Magazine style, Featured content slider, css3 properties, Tabview ready, Ads ready

PREVIEW - DOWNDLOAD

Techmiem Blogger Template

2011-06-16T04:12:00.001+07:00

	Template Name :
	Techmiem
	Template Author :
	xmlbloggertemplates
	Description :
	Techmiem is a good looking layout for personal blogs. It’s clean and pleasing to the eye. You can use the template on any other blogs that you run. Fiture template : 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Bookmark Ready, Brown, Elegant, Fixed, Web 2.0, Wordpress Look

PREVIEW - DOWNDLOAD

Cara Menampilkan Postingan Berdasarkan Label

2011-06-12T00:37:00.001+07:00

Untuk menampilkan postingan yang hanya pada label tertentu, kita bisa memanfaatkan jasa LABEL pada blogspot. Sebagai contoh, saya memiliki blog yang dikelompokkan kedalam beberapa label, salah satunya berlabel Widget. Dan saya ingin menampilkan widget artikel yang berisikan artikel dalam label Widget saja. Jadi artikel dengan label lain tidak diikutsertakan.

Nah bagaimana cara membuatnya ? Berikut triks singkat untuk membuatnya :

Login ke Blogger anda. Pilih menu Design > Page Elements.
Kemudian klik Add a gadget.
Lalu cari widget yang bertuliskan Feed. Klik pada tulisannya atau pada gambar bersimbol (+).
Lalu akan muncul form isian seperti dibawah ini :

- Ketikkan alamat ini pada form :
http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget
Ubahlah teks alamat-blog-anda menjadi alamat blog anda.
- Jika menggunakan nama labelnya lebih dari satu kata seperti “Widget Saya”, maka harus menambahkan %20 diantara kedua kata label tersebut. Hasilnya menjadi :
http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget%20Saya
- Untuk menampilkan urutan postingan dari yang terbaru ke yang lama, ubah menjadi
http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget?orderby=updated
Klik tombol SAVE.

Cara Menambahkan Widget Label / Kategori

2011-06-11T10:57:00.001+07:00

Sebelumnya kita haruslah tahu dengan Istilah Label pada blog. Label merupakan pengelompokkan postingan kedalam kategori-kategori tertentu. Jika beberapa postingan diberikan label yang sama, maka artinya postingan tersebut termasuk kedalam kategori yang sama pula.

Widget Label merupakan widget standard bawaan blogspot. Dengan menambahkan widget label ini, akan memudahkan pengunjung untuk mencari artikel berdasarkan label / kategori tertentu.

Berikut Langkah-langkah menambahkan Widget Label :

Login ke Blogger anda, lalu pilih Design > Page Elements.
Kemudian klik pada Tulisan Add a Gadget.
Lalu cari widget yang bertuliskan Labels. Klik pada tulisannya atau pada gambar bersimbol (+).
Aturlah konfigurasi seperti yang anda inginkan. Sebagai contoh bisa dilihat pada gambar dibawah ini :

Title : Tuliskan judul widget yang anda inginkan, bisa anda tulis dengan Kategori, Menu, Kompetensi, dll.
Show : Terdapat 2 pilihan dibagian ini. Jika ingin menampilkan semua label yang ada, silahkan pilih All Labels, jika hanya ingin menampilkan Label-label tertentu saja silahkan pilih Selected Labels.
Sorting : Pilih metode pengurutan label yang muncul berdasarkan Alphabetically (Abjad) atau berdasarkan By Frequency (berdasarkan jumlah artikel terbanyak pada label).
Display : Jika anda ingin menampilkan label secara berurutan dari atas kebawah, pilihlah opsi List. Tetapi jika ingin menampilkan dari kiri ke kanan, pilihlah opsi Cloud.
Pada tulisan Show number of posts per label boleh dipilih atau tidak, tergantung kebutuhan anda.
Klik tombol SAVE.

Widget label akan muncul disidebar anda. Klik gambar Obeng untuk melakukan perubahan opsi yang diinginkan.

HTML : Mengenal Tag Hyperlink

2011-06-10T01:37:00.001+07:00

Hyperlink atau biasa dikenal dengan Link adalah sebuah kata, kalimat atau gambar yang mengarah kesebuah halaman atau alamat tertentu pada halaman web. Tujuan tersebut bisa mengarah ke halaman web itu sendiri, ke halaman lain dalam web tersebut atau juga ke alamat web lain.

Secara umum penulisan tag hyperlink ditandai dengan tag <a>. Bentuk penulisannya sangat simpel dan mudah, yaitu :

CONTOH bisa dilihat dibawah ini

Penulisannya : <a href=”http://kolom-blogger.blogspot.com”>Tutorial Blogspot</a>
Hasilnya : Tutorial Blogspot

Pada kode diatas terdapat tag tambahan HREF, yang berarti bagian ini berisikan alamat tujuan tertentu baik itu url web ataupun email.

CONTOH PENERAPAN :

<a href=”http://www.belajarpc.info”>Contoh link menuju URL</a>
Apakah anda ingin Menjadi Teknisi Komputer yang Handal ?
<a href=”index.html”>Contoh link langsung ke File dalam web tersebut</a>
Contoh link langsung ke File
<a href=”#bawah”>Contoh link pada halaman yang sama</a>
Klik tulisan ini untuk menuju ke Paragraph 20
Paragraph 1
Paragraph 2
Paragraph 3
Paragraph 4
Paragraph 5
Paragraph 6
Paragraph 7
Paragraph 8
Paragraph 9
Paragraph 10
Paragraph 11
Paragraph 12
Paragraph 13
Paragraph 14
Paragraph 15
Paragraph 16
Paragraph 17
Paragraph 18
Paragraph 19
Paragraph 20
<a href=”mailto:oki.helfiska@yahoo.com”>Contoh link ke Email</a>
“Jika anda ingin mengirim kritik dan saran silahkan Email saya”

ATRIBUT TAMBAHAN

TARGET
Penambahan atribut target kedalam tag link akan menentukan tujuan dibukanya alamat dalam web browser
Contoh Penulisan :
<a href=”http://www.belajarpc.info” target=”_blank”>Belajar Komputer</a>
Artinya, alamat www.belajarpc.info akan dibuka pada halaman baru atau tab baru pada web browser.
Atribut lainnya :
_blank : membuka dokumen terkait di jendela baru atau tab
_self : membuka dokumen terkait pada frame yang sama ( default )
_parent : membuka dokumen terkait dalam frameset induk
_top : membuka dokumen terkait dalam jendela utama.
TITLE
Penambahan atribut title berfungsi untuk menambahkan informasi tambahan pada link ketika mouse over diatas link.
Contoh Penulisan :
<a href=”http://www.belajarpc.info” target=”_blank” title=”Visit Blog Belajar PC>Belajar Komputer</a>
Hasilnya :
Belajar Komputer (Arahkan mouse diatas teks disamping)

LINK MENGGUNAKAN GAMBAR

Selain menggunakan teks, link juga bisa diterapkan pada gambar.

Contoh penulisan :

Hasilnya :

Cara mengganti Template Blogspot

2011-06-08T11:13:00.001+07:00

Setelah anda berhasil Membuat Blog, silahkan untuk merubah template blog tersebut. Template merupakan bentuk tampilan dan tata letak dari sebuah blog. Agar tampilan blog yang kita miliki sesuai dengan keinginan kita dan disukai oleh pengunjung, tampilan tentu saja harus menarik. Selain itu template juga berfungsi untuk memudahkan pengunjung lain dalam berselancar artikel-artikel yang ada pada blog.

Untuk mengganti template pada blogspot dapat dilakukan dengan 2 cara, yaitu :

Dengan menggunakan Template Designer atau
Dengan menggunakan Template dari Layanan Pihak ketiga / template hasil karya para blogger yang lain.

Pada tulisan kali ini saya hanya membahas Cara mengganti Template Blogspot karya para blogger. Sebelum melakukan penggantian template, silahkan anda download terlebih dahulu template yang akan digunakan. Sebagai referensi, anda dapat mencari Template Blog disini. Atau disitus penyedia template yang popular seperti : BTemplates dan ZoomTemplate.

Langkah-langkah apa saja yang dilakukan untuk mengganti template ?

Login ke Blogger anda, lalu pilih menu Design > Edit HTML.
Kemudian pada bagian Backup / Restore Template pilih tombol Browse.
Carilah letak file template yang telah di download sebelumnya. Format file yang akan diupload harus berformat .xml.
Setelah itu klik tombol Upload.
Blogger akan meminta kita untuk mengkonfirmasi penghapusan gadget pada template yang sebelumnya. Klik tombol DELETE WIDGETS untuk menghapusnya.
Proses merubah template telah berhasil dilakukan. Klik link View Blog untuk melihat hasil perubahan dari template.

Lakukan langkah yang sama jika anda masih ingin merubah templatenya.

Cara Mengganti Kursor Mouse pada Blog

2011-06-04T15:47:00.006+07:00

Apakah Anda merasa bosan dengan kursor default pada blog anda? Jika iya, anda dapat merubahnya dengan mudah. Merubah kursor mouse pada blog berbeda dengan merubah kursor pada sistem operasi. Keunggulannya kursor pada blog bisa divariasikan, baik itu menggunakan format .cur, .ani maupun .gif.

Selain itu, penggunaan cursor juga bisa diterapkan hanya pada bagian tertentu saja, misalnya hanya pada Hyperlink (URL), Table, TD, DIV, SPAN, dll.

Bagaimana Cara Mengganti Kursor Mouse pada Blog ?

Cara 1 :

Login ke Blogger anda
Klik Menu Design > Page Elements > Add Gadget
Pilih gadget "HTML/Java Script"

Copy kode dibawah ini kedalamnya :

<style type="text/css">
body {cursor:url("http://cursors3.totallyfreecursors.com/thumbnails/4.gif"),default} 
</style>

Tekan tombol Save.
Anda dapat mengganti alamat kursor yang lain pada bagian URL.

Cara 2 :

Login ke Blogger anda
Klik Menu Design > Edit HTML

Carilah kode ]]></b:skin>, lalu paste-kan kode dibawah ini sebelum kode tersebut :

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/4.gif), default;}

Simpan Template anda.

Sebagai referensi kursor anda bisa mengunjungi situs :

Beberapa contoh gambar kursor yang bisa anda gunakan :

Tukaran Link Otomatis Yuk

2011-06-03T19:42:00.000+07:00

Mau Tukaran Link Secara Otomatis dengan Blog ini ? Disinilah tempatnya. Cukup Masukkan Nama Anda dan URL dari Blog anda, langsung jadi deh :)

Cara Mematikan Fungsi Klik Kanan Mouse dengan JQuery

2011-06-02T20:34:00.003+07:00

Klik kanan pada web browser memiliki fungsi yang cukup banyak. Diantaranya adalah mencopy teks, memblok sebagian teks, menyimpan gambar, mengambil url link, dll. Sebagian blogger sengaja mematikan fungsi ini untuk menghindari agar artikel dan gambarnya tidak bisa di copas alias copy + paste. Nah sobat blogger yang belum mengetahui triks ini tentu saja juga bisa menerapkannya pada blog sobat.

Mau tahu caranya ?

1. Login ke blogger sobat, lalu klik > Design > Edit HTML
2. Menggunakan Ctrl + F, carilah tag </head>.
3. Copy-kan kode dibawah ini sebelum tag </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

//]]>
</script>

4. Langkah terakhir klik pada tombol Save Template.

Cara memasang Breadcrumb pada Blogspot

2011-06-01T08:25:00.000+07:00

Pernahkah mendengar istilah Breadcrumb ? Bagi anda yang sudah lama melakukan blogging sudah tentu tau dengan istilah ini. Tetapi bagi yang baru, breadcrumb merupakan menu navigasi yang mempermudahkan pengunjung blog mengetahui posisinya dalam blog tersebut. Sehingga pengunjung blog dapat berpindah lokasi dari konten menuju home.

Breadcrumb juga berfungsi untuk menggambarkan struktur atau lokasi dari artikel yang dibacanya diblog. Biasanya breadcrumb diletakkan pada bagian atas header atau disebelah bawah header. Sebagai contoh bisa dilihat pada bagian atas judul artikel ini.

Bagaimana cara membuat breadcrumb pada blogspot ?

1. Login ke blogger anda.
Klik DESIGN > Edit Html. Jangan lupa mem-backup template anda terlebih dahulu, kemudian klik Expand Widget templates.

Lalu carilah kode berikut ini :

<b:include data='top' name='status-message'/>

Gantilah kode tersebut dengan kode dibawah ini

<b:include data='top' name='status-message'/> 
<b:include data='posts' name='breadcrumb'/>

Langkah berikutnya carilah kode dibawah ini :

<b:includable id='main' var='top'>

dan ganti dengan kode ini :

<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> » Arsip untuk <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> » Semua posts 
<b:else/> 
<a expr:href='data:blog.homepageUrl'>Home</a> » Kategori <data:blog.pageName/> 
</b:if> 
</span> 
</p> 
</b:if> 
</b:if> 
</b:if> 
</b:if> 
</b:includable> 
<b:includable id='main' var='top'>

Berikutnya carilah kode :

]]></b:skin>

dan tambahkan kode ini diatasnya :

.breadcrumbs { 
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Simpan template anda, dan lihat hasilnya

Cara menulis Konten Pada Blog

2011-05-30T19:28:00.001+07:00

Setelah berhasil membuat blog, langkah selanjutnya adalah bagaimana cara menulis konten pada blog. Yang harus diperhatikan ketika menuliskan konten blog adalah bahwa konten yang dituliskan harus unik dan isinya sesuai dengan tujuan serta tema dari blog yang kita bangun. Agar nantinya konten yang ditulis dapat menarik dan disukai oleh yang membacanya.

Nah bagaimana cara menulis konten pada blog ?

Login ke akun blogger anda.
Lalu pilih menu NEW POST
Akan muncul lembar menuliskan postingan seperti gambar dibawah ini :

Title : Tuliskan judul postingan yang ingin dibuat.
Pada bagian bernomor 2, tulislah isi konten postingan tersebut.
Labels : Tambahkan Label atau kategori dari postingan, misalnya saya memberikan Label “Motivasi” untuk postingan tersebut. Label ini penting untuk diterapkan. Karena fungsi dari Label adalah untuk mengelompokkan beberapa postingan kedalam 1 kategori.
Setelah diisi semua, klik tombol PUBLISH POST untuk menyimpan dan menerbitkan postingan anda. Jika anda belum ingin menerbitkannya bisa menekan tombol SAVE untuk menyimpan jadi draft/konsep atau PREVIEW untuk melihat hasil sementaranya.
Jika anda langsung mem publish postingan, blogger akan menampilkan tampilan seperti dibawah ini :

Pada gambar diatas terdapat 3 link tulisan, pada tulisan pertama (1) digunakan untuk melihat hasil postingan anda. Pada Tulisan kedua (2) digunakan untuk meng-edit tulisan yang telah dibuat tadi. Dan yang ketiga (3) untuk membuat postingan baru.
Selamat menulis Blog.

Cara Menampilkan Ikon dalam postingan pada Label Tertentu

2011-05-29T15:13:00.003+07:00

Pada blogger anda dapat menampilkan ikon, teks atau gambar tertentu untuk setiap label / kategori tertentu di dalam posting blog. Nah sebagai contoh, saya membuat sebuah blog tentang KPA Bestari yang memiliki label / kategori sebagai berikut : Berita, Pengumuman, Kegiatan, Dokumentasi dan Album. Setiap postingan yang berada dalam label tersebut diatas akan menampilkan ikon yang berbeda-beda. Contoh dapat dilihat pada gambar dibawah ini.

Nah mau tau cara membuatnya ? Untuk membuatnya kita harus memahami 2 tahapan :

Tahap 1 : Persiapan

Dilarang menyisipkan gambar pada paragraf pertama setiap postingan.
Dilarang menerapkan lebih dari 1 (satu) label untuk postingan.
Setiap postingan telah diberi Label.

Tahap 2 : Cara Membuatnya

Siapkan gambar / icon yang sesuai dengan label pada blog anda. Saya menggunakan gambar-gambar icon dibawah ini untuk label.

Anda bisa mendownloadnya melalui www.iconfinder.com.
Login ke Blogger, lalu pilih DESIGN > EDIT HTML dan klik "Expand Widget Templates"
Lalu carilah kode dibawah ini, agar cepat gunakan CTRL + F :
```
<div class='post-header-line-1'/> 
```

Kemudian paste-kan kode ini dibawah tag diatas :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;LABEL_ANDA_1&quot;'>
<img align='right' src='http://alamat-ikon-anda'/>
</b:if>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == &quot;LABEL_ANDA_2&quot;'> <img align='right' src='http://alamat-ikon-anda'/>
</b:if>

Ubahlah tulisan LABEL_ANDA_1, LABEL_ANDA_2 dengan label yang anda gunakan. Duplikat kode diatas sesuai dengan banyaknya label yang anda miliki.

Ubah alamat gambar anda pada kode src=’http://alamat-ikon-anda’ dengan alamat ikon yang anda miliki.

Langkah terakhir, simpanlah template anda.

Cara Melakukan Login Ke Akun Blogger

2011-05-28T02:15:00.001+07:00

Bagi blogger newbie mungkin ada yang masih kurang memahami cara login ke bloggernya atau juga mungkin ada yang lupa cara melakukan login ke akun blogger setelah dibuat. Untuk melakukan login ke blogger, anda ketikkan url http://www.blogger.com di address bar web browser.

Nanti anda akan disuguhkan tampilan seperti dibawah ini :

Pada sisi sebelah kanan terdapat form isi yang harus diisikan

Isikan kotak isi Email dengan nama email untuk mendaftar diblog.
Masukkan password yang dibuat ketika mendaftar blog.
Lalu tekan tombol sign in.

Nah mudah bukan ? Keep Blogging.

Cara Membuat Blog di Blogspot

2011-05-28T00:49:00.001+07:00

Sebelum memulai membuat blog, kita harus tahu platform apa saja yang banyak digunakan oleh blogger. Secara umum, platform yang nge-top adalah wordpress dan blogspot. Tetapi keputusannya terserah anda. Pada panduan kali ini saya hanya mengulas Cara Membuat Email di Google Mail. Karena lebih mudah untuk dimodifikasi dan juga gratis.

Untuk membuat sebuah blog, anda diwajibkan telah memiliki Email. Jika belum, silahkan baca terlebih dahulu Cara Membuat Email di Google Mail sebagai panduan. Selanjutnya anda dapat langsung mendaftarkan blog di blogger.

Nah bagaimana proses pendaftaran blog di blogger.com ? Berikut langkah-langkahnya :

Buka web browser, dan ketikkan url www.blogger.com.
Kemudian klik tombol berwarna orange yang bertuliskan Get started.
Isilah formulir pendaftaran yang tersedia untuk mendapatkan blog.

- Isikan alamat email anda, kemudian ulangi ketik alamat email sama seperti yang dituliskan pada field diatasnya.
- Masukkan password / sandi yang digunakan. Minimal mengandung 8 karakter (kombinasi angka dan huruf).
- Ketik Ulang sandi yang dibuat diatas pada field dibawahnya.
Lalu Tuliskan Nama Anda atau boleh menggunakan nama lain.
- Pilih Jenis Kelamin dan masukkan tahun lahir anda.
- Isikan Verifikasi Kata seperti yang muncul dilayar monitor anda.
- Klik / ceklist pada kotak yang bertuliskan Saya menerima Persyaratan dan Layanan sebagai anda menerima persyaratan blogger.com
- Jika semua data telah diisi dengan benar, klik tombol LANJUTKAN.
Langkah berikutnya adalah memberi Judul blog anda. Misalnya saya memberikan nama blog yang dibuat adalah Kelompok Pencinta Alam Bestari.

Pada Alamat blog (URL) isikan nama yang diinginkan. Nama ini tidak bisa sama dengan nama yang telah dipilih oleh blogger lain. Silahkan klik link Cek Ketersediaan untuk memeriksanya. Jika muncul tulisan Alamat blog ini tersedia, maka anda dapat melanjutkan proses selanjutnya. Nantinya nama blog anda berakhiran blogspot.com. Jika kotak isian alamat blog anda adalah “kpa-bestari”, maka alamat yang tercipta menjadi http://kpa-bestari.blogspot.com.
Klik tulisan LANJUTKAN untuk melanjutkan proses registrasi.
Proses berikutnya adalah memilih template atau design awal dari blog anda. Design ini merupakan template yang disediakan oleh blogger untuk anda. nantinya anda bisa memilih template lain yang dibuat oleh blogger lain.

Setelah dipilih, klik tulisan LANJUTKAN.
Berakhirlah sudah proses pembuatan blog. Klik tulisan MULAI BLOGGING untuk mengisi postingan pertama anda.

Mengenal Jenis Platform Blog

2011-05-26T19:34:00.001+07:00

Sebelum melakukan proses pembuatan Blog tentu saja kita harus mengetahui platform atau jenis antar muka yang digunakan untuk blog. Saat ini platform blog sangat banyak. Dan platform yang paling popular digunakan adalah Wordpress.com, WordPress Self Hosting dan Blogspot. Masing-masing platform memiliki kelebihan dan kekurangan.

Dalam memilih platform blog, ada hal yang paling penting untuk diperhatikan, yaitu Kegunaan Blog itu sendiri. Jika kita ingin membangun blog dengan branding yang kuat tentu saja harus memiliki domain dan hosting sendiri.

Dibawah ini terdapat beberapa platform yang berkembang, diantaranya adalah :
•    Wordpress
•    Blogspot
•    Blogsome
•    MovableType
•    TypePad
•    Dotclear
•    Croogo
•    FlatPress
•    Globber
•    Habari
•    LifeType
•    Mi-Dia Blog
•    NibbleBlog
•    Nucleus CMS
•    Open Blog
•    Pritlog
•    Serendipity
•    SweetRice
•    Textpattern
•    Zomplog
•    Blog
•    Livejournal
•    Blogdrive
•    Multiply
•    My Opera
•    Tumblr
Berdasarkan statistic yang dirangkum oleh situs Wappalyzer.com di http://wappalyzer.com/stats/cat/Blogs, bahwa pengguna blog yang paling banyak adalah wordpress, berikut urutannya :
1.      Wordpress
2.      Blogger
3.      LiveJournal
4.      Tumblr
5.      Posterous

Apa itu Blog ?

2011-05-26T17:27:00.001+07:00

Blog adalah singkatan dari Web Log. Istilah ini pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri. Blog kemudian berkembang mencari bentuk sesuai dengan kemauan para pembuatnya atau para Blogger.

Blog yang pada mulanya merupakan “catatan perjalanan” seseorang di Internet, yaitu link ke website yang dikunjungi dan dianggap menarik, kemudian menjadi jauh lebih menarik daripada sebuah daftar link. Hal ini disebabkan karena para Blogger biasanya juga tidak lupa menyematkan komentar-komentar “cerdas” mereka, pendapat-pendapat pribadi dan bahkan mengekspresikan sarkasme mereka pada komentar yang mereka buat.

Blog pertama dibuat dengan browser mosaic, mosaic sendiri adalah browser pertama sebelum internet exploler dan nescape. Justin hall memulai web pribadinya dengan nama Justin’s Home Page yang kemudian berubah menjadi Links from the Underground yang mungkin dapat disebut sebagai Blog pertama seperti yang kita kenal sekarang. Blog pertama kali sulit berkembang hal ini dikarenakan saat itu diperlukan keahlian dan pengetahuan khusus untuk membuat website. Untuk membuat website saat itu diperlukan keahlian seperti membuat web diantaranya harus mampu membuat dan mengubah file html, sehingga hanya orang tertentu yang mampu membuat blog pada saat itu seperti administrator sistem dan web disainer.

Blog mulai berkembang pada tahun 1998. Untuk memudahkan penggunaan blog, maka pihak ketiga berlomba-lomba untuk menciptakan sebuah platform agar penyebaran blog dapat berkembang dengan pesat, diantaranya adalah Blogger, Movable Type dan WordPress. Blog sangat mudah pengelolaannya dibandingkan website. Karena interface atau tampilan editornya mudah untuk dipahami. Sehingga semua kalangan bisa untuk melakukan blogging.

Cara Membuat Email di Google Mail

2011-05-26T13:34:00.001+07:00

Email tidak bisa lepas dari aktifitas kita di internet. Karena setiap kita menggunakan sesuatu hal seperti chating, blogging, mailing list, dll, pasti selalu ditanyakan alamat email anda. Apalagi sekarang lagi ngetrendnya facebook. Untuk bisa menggunakan layanan facebook, tentu saja kita harus memiliki email.

Persyaratan awal sebelum anda menjadi seorang blogger adalah anda harus memiliki Email. Pada tutorial ini akan membahas bagaimana Cara Membuat Email di Google Mail. Kenapa harus Google Mail ? Karena Blogger aka Blogspot adalah salah satu layanan yang dimiliki oleh Google. Dengan memiliki akun di Google akan memberikan kemudahan untuk menggunakan semua layanan yang ada. Perkembangan email google dari waktu ke waktu tentu saja mengalami perubahan. Nah tutorial ini khusus membahas Cara Membuat Email di Google Mail di Tahun 2011.

Bagaimana Cara Membuat Email di Google Mail ?

Buka alamat http://mail.google.com pada web browser anda.
Akan tampil layar seperti dibawah ini :

Lalu klik tombol Create an account.
Isikan data-data anda seperti yang diminta oleh form pada gambar dibawah ini :

- First name : Isi dengan kata pertama nama anda.
- Last name : Isi dengan kata selanjutnya dari nama anda.
- Desired Login Name : Isikan dengan nama user yang anda inginkan. Dalam pengisian form ini haruslah unik. Anda harus bisa memilih nama yang belum digunakan oleh user lain. Pastikan anda mengklik tombol Check availability untuk mengecek nama user sudah digunakan apa belum. Seperti kasus pada gambar diatas, saya tidak bisa menggunakan username “kblogger”. Saya harus memilih nama lain, atau bisa langsung memilih dari daftar nama yang tertera dibawahnya.
Jika nama user tersedia untuk digunakan, google akan menampilkan pesan seperti gambar ini

Artinya nama user yang saya gunakan adalah “kblogger2011”.
Selanjutnya kita isikan form seperti gambar dibawah ini :

- Choose a password : Isi dengan sandi atau kata rahasia anda. Minimal sandi harus 8 karakter (terdiri dari gabungan huruf dan angka)
* TIPS : Buatlah sandi dengan menggabungkan angka dan huruf, serta huruf besar dan kecil, Password sangat sensitif, jadi harus berhati-hati dalam menuliskannya, contoh : k0L0mbL0gg3r.
- Re-enter password : Ulangi pengetikan sandi yang sudah anda buat diatas.
- Security question : Pilih salah satu pertanyaan untuk keamanan email anda.
- Answer : Isikan dengan jawaban untuk menjawab pertanyaan anda diatas.
* TIPS : Sebaiknya pertanyaan dan jawaban tidak korelasi / bertolak belakang. Misalnya pertanyaan “Kamu berbulan madu dimana ?” Jawabannya “Pasar”. Karena bertolak belakang tersebut akan susah untuk orang lain meng-hack akun google anda.
- Location : pilih Indonesia.
- Word Verification : Ketik tulisan seperti gambar yang muncul pada formulir anda.
Setelah semua form terisi dengan benar, klik tombol I accept. Create my account.
Langkah selanjutnya, google akan melakukan verifikasi akun anda melalui handphone.

Isikan dengan nomor handphone anda yang benar. Lalu klik tombol Send verification code. Tunggu beberapa detik, anda akan menerima sms dari google dengan pesan “Your Google verification code is xxxxxx”
Masukkan code “xxxxxx” kedalam form ini :

Lalu klik tombol Verify.
Jika berhasil, google akan menampilkan layar berikut ini :

Klik tombol Show me my account.
Selamat anda telah memiliki Mail Google.

Modern Photography Blogger Template

2011-05-25T19:48:00.003+07:00

	Template Name :
	Modern Photography
	Template Author :
	Bloggermint
	Description :
	Modern Photography Excellent layout for blogs about photography. Is a free premium blogger template with 2 columns, right sidebar, rounded corners, footer columns, slideshow and abstract.

PREVIEW - DOWNDLOAD

Rulerplate Blogger Template

2011-05-25T19:42:00.001+07:00

	Template Name :
	Rulerplate
	Template Author :
	FiveforBlogger
	Description :
	Rulerplate is a free premium blogger template with 3 columns, right sidebar, exclusive design for Blogger and geometric motifs.

PREVIEW - DOWNDLOAD

MusicStyle Blogger Template

2011-05-24T01:20:00.002+07:00

	Template Name :
	MusicStyle
	Template Author :
	PBTemplates
	Description :
	MusicStyle is a free blogger template adapted from WordPress with 2 columns, right sidebar, space for ads, footer columns, slideshow, posts thumbnails and drop down menu.

PREVIEW - DOWNDLOAD

Noise Light Blogger Template

2011-05-24T00:56:00.006+07:00

	Template Name :
	Noise Light
	Template Author :
	Dzignine
	Description :
	Noise Light is a free blogger template with 3 columns, right sidebar, exclusive design for Blogger, footer columns and posts thumbnails.

PREVIEW - DOWNDLOAD

Cara Mudah Menambahkan Scrollbar pada Widget Blogspot

2011-05-23T23:27:00.004+07:00

Agar blog terlihat lebih rapi, tentu saja sobat blogger perlu untuk menata tampilan halaman agar terlihat professional dan nyaman untuk dikunjungi. Jika tampilan kurang rapi, bagi sebagian orang akan malas untuk menelusuri lebih dalam blog tersebut.

Sebagai contoh saya ingin menata tinggi widget blogroll yang berisikan link-link sahabat blogger yang jumlahnya banyak. Tentu saja tinggi widget ini akan terlihat lebih tinggi dari widget lainnyakan ? Agar tinggi widget ini bisa disesuaikan, maka kita bisa menambahkan scroll pada widget tersebut.

Mau tau caranya ? Sangat mudah kok untuk menerapkannya.

1. Login ke Blogger.
2. Pilih menu Rancangan / Design.
3. Lihat ID dari Widget pada blog anda.
4. Setelah tau ID Widgetnya pilih Edit HTML pada Menu Design.
5. Kemudian Cari kode ]]></b:skin>
6. Pastekan kode CSS dibawah ini sebelum kode diatas :

#WidgetID .widget-content { 
height: 400px; 
overflow: auto; 
}

7. Ganti tulisan yang berwarna merah (WidgetID) dengan ID Widget anda.
8. Sesuaikan tinggi widget dengan keinginan anda pada angka yang berwarna biru.
9. Simpanlah Template Anda.

Cara Mudah Melihat Widget ID pada Blogspot

2011-05-23T23:22:00.003+07:00

Tutorial ini bertujuan untuk memudahkan rekan blogger dalam melakukan editing template pada Blogspot. Sebagian besar pekerjaan yang dilakukan dalam menata template sebuah blog adalah melakukan memodifikasi Style / CSS. CSS sangat erat hubungannya dengan penamaan ID, Class dan juga Tag HTML. Dengan hanya mendefenisikan CSS dengan nama ID, Class ataupun tag HTML, maka CSS akan berhasil diterapkan.

Pada blogspot, setiap Widget secara khusus telah diberikan Nama ID. Jadi dalam menerapkan CSS dengan blogspot dapat dilakukan dengan mudah. Misalnya kita akan menerapkan style khusus untuk widget tertentu.

Nah bagaimana cara mudah melihat ID Widget pada Blogspot ?

Caranya sangat mudah, silahkan masuk kedalam mode perancangan / design blog anda. Lalu klik lah salah satu widget yang sudah terpasang. Lalu muncul popup halaman widget yang akan diedit. Klik mode full screen untuk melihat urlnya.

Tulisan dalam kotak merah pada gambar diatas merupakan Widget ID-nya.

Contoh Penerapannya :

#Widget ID .widget-content{      
height:200px;       
width:auto;       
overflow:auto;       
}

Hasilnya diterapkan menjadi :

#BlogArchive1 .widget-content{       
height:200px;       
width:auto;       
overflow:auto;       
}

Sumber : Cara Mudah Melihat ID Widget pada Blogspot

Cara Menambahkan Syntax Highlighter pada Blogspot

2011-05-23T19:16:00.012+07:00

Bagi yang menggunakan blog wordpress, jika ingin menambahkan Syntax Highlighter sagat mudah dilakukan. Karena tinggal menambahkan plugin Syntax Highlighter. Tetapi bagaimana bagi pengguna blogspot ? Ternyata juga tidak terlalu sulit untuk diterapkan. Mau tau caranya ? Saya akan membantu teman-teman untuk mewujudkannya.

Penulisan kode apa saja yang bisa dilakukan dengan Syntax Highligter ? Diantaranya adalah : cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt. Sangat banyak bukan ?

Adapun langkah-langkahnya adalah sebagai berikut :
1. Login dan Klik Layout > Edit HTML dan klik "Expand Widget Templates".
2. Klik situs http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css, kemudian copy semua kode yang ada.
3. Paste code css tersebut sebelum tag berikut ]]--></b:skin>
4. Kemudian copykan kode berikut ini sebelum tag </head> :

<!– Add-in CSS for syntax highlighting –>    
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>     
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

5. Langkah terakhir adalah memasukkan kode dibawah ini sebelum tag </body> :

<!– Add-in Script for syntax highlighting –>    
<script language='javascript'>     
dp.SyntaxHighlighter.BloggerMode();     
dp.SyntaxHighlighter.HighlightAll('code');     
</script>

6. Untuk menuliskannya kedalam blog, gunakan format seperti dibawah ini :
<pre name="code" class="html">
….ketikkan kode yang anda inginkan disini….!
</pre>
Untuk menuliskan kode tertentu, silahkan ubah tulisan yang berwarna merah (html) dengan jenis kode yang ingin dituliskan, seperti : cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt
Sebagai contoh hasilnya bisa dilihat pada blog ini Syntax Highlighter Kode.

Cara Memasang Widget Cuaca (Weather)

2011-05-22T01:34:00.004+07:00

Sebenarnya informasi tentang cuaca diperlukan juga untuk diketahui. nah bagi sobat blogger yang ingin memasang widget informasi cuaca pada blognya, bisa mengikuti langkah-langkah dibawah ini.

Info cuaca ini tidak hanya menampilkan info cuaca dikota-kota besar, seperti Pekanbaru. Tetapi juga bisa menampilkan kota kecamatan seperti Rumbai, Gobah, Air Molek, dll. Tinggal memasukkan kata kunci nama daerah, apakah tersedia info daerah sobat blogger.

Bagaimana Cara Memasang Widget Cuaca pada Blogger ?

1. Silahkan buka situs HotelsCombined.com.

2. Aturlah konfigurasi untuk Widget sobat
- Pilih Jenis Satuan (Celcius / Fahrenheit)
- Pilih Skin / Warna Widget

3. Ketikkan nama kota / daerah bertempat tinggal. (Widget akan langsung menampilkan preview)

4. Lalu tekan Tombol Get Code. Copy code tersebut

5. Login ke Blogger sobat.

6. Pilih Menu Design > Add Gadget . Pastekan kode yang telah di generate tadi.

7. Simpan Perubahan.

Hasilnya terlihat seperti dibawah ini :

See 10-Day Forecast

Cara Merubah Link Blog Menjadi Warna Pelangi

2011-05-21T19:23:00.004+07:00

Ada seikat pelangi di balik gerimismu
cahayanya terurai dalam lariklarik puisi
bercucuran di sudut matamu
melukiskan berjuta pixel warna cinta.

Sungguh indah puisi yang mengungkap Pelangi tersebut. Pelangi memang sangat indah untuk dilihat. Sobat Blogger juga dapat mengungkapkan keindahan pelangi pada blog. Keindahan Pelangi bisa diterapkan pada link yang ada didalam blog.

Bagaimana Cara Merubah Link Blog Menjadi Warna Pelangi ?

1. Login ke Blogger anda.
2. Klik Design > Edit HTML.
3. Cari tag </body>, kemudian pastekan kode berikut ini :

<script src="http://piliang.googlecode.com/files/pelangi.js"></script>

4. Simpan Template anda.
Nah sangat mudah bukan caranya ? Selamat Mencoba.

Memasang Related Post Blog dengan LinkWithIn

2011-05-21T18:12:00.003+07:00

LinkWithIn merupakan widget yang banyak digunakan oleh blogger pada blognya. Widget ini menampilkan postingan yang mirip dengan postingan yang dibaca oleh pengunjung. Dengan menambahkan widget ini, pengunjung dapat menemukan artikel terkait pada blog anda. Secara tidak langsung, widget ini juga akan mendatangkan trafik terhadap blog. Saya sendiri sangat merasakan fungsi dari widget ini.

LinkWithIn akan menampilkan linknya secara thumbnail dibawah setiap halaman posting. Sudah pasti, setiap pengunjung akan langsung dapat melihat widget ini. Pengunjung hanya tinggal klik disalah satu artikel yang ingin dibacanya.

Widget yang mensupport untuk digunakan pada Blogger.com, WordPress (selft hosting), Typepad, dll ini dapat menaikkan trafik pada blog anda. Kenapa saya bisa katakan demikian ? Karena secara otomatis, widget ini akan menampilkan artikel-artikel yang memiliki kemiripan tag ataupun kategori. Sehingga, bisa mengajak pengunjung akan mengklik artikel lain pada blog yang memiliki keterkaitan dengan artikel tersebut.

Bagaimana Cara Menggunakannya ?
Untuk bisa menggunakan Widget LinkWithIn ini adalah sbb :

1. Kunjungi Situs LinkWithIn.

2. Kemudian isikan data yang dibutuhkan oleh widget, seperti alamat email, alamat blog anda, jenis platform blog yang anda gunakan, dan banyaknya berita yang mau ditampilkan. Jika melihat gambar diatas saya menggunakan width = 4 stories. Jadi sesuaikan dengan lebar blog anda.

3. Setelah selesai diisi, lanjutkan dengan menekan tombol Get Widget!.

4. Proses selanjutnya adalah melakukan instalasi Widget sesuai dengan Platform yang anda pilih. Ikuti petunjuk instalasi berdasarkan guide yang diberikan.

Original Source : Belajar PC

Menambahkan Widget Statistik Blogger

2011-05-17T21:43:00.004+07:00

Untuk mengetahui banyaknya pengunjung pada blog, kita dapat menambahkan widget statistik. Dengan menggunakan widget ini, pemilik dan pengunjung lain dapat melihat kepopularan dari blog tersebut. Sekarang blogger.com sudah menambahkan fitur tersebut sebagai widget standart dalam platformnya. Jika anda ingin melihat berapa banyaknya pengunjung pada blog, bisa menggunakan widget ini.

Fitur sederhana yang dimiliki widget ini, dapat melihat statistik pengunjung berdasarkan 3 periode waktu, yaitu :

All Time : merekam statistik pengunjung blog untuk semua waktu.
Last 30 Days : merekam statistik pengunjung blog untuk 1 bulan, ketika berpindah bulan, statistik akan direset kembali dari 0.
Last 7 Days : merekam statistik pengunjung blog untuk 1 minggu, memasuki minggu berikutnya, statistik akan direset kembali dari 0.

Untuk style atau tampilan, widget statistik mempunyai 4 pilihan, seperti terlihat pada gambar dibawah ini :

Bagaimana Cara Menambahkan Widget Statistik Blogger pada Blogspot Anda ?

1. Login kedalam blogspot anda. Pilih menu Design > Page Elements.
2. Lalu klik link Add Gadget. Muncul Halaman Popup, kemudian cari Widget Stat, Klik link atau pada gambar bersimbol [ + ].

3. Aturlah konfigurasi tampilan seperti yang anda inginkan.

4. Klik Tombol Save. Lihat hasilnya.

Cara Menghilangkan Navigation Bar Blogspot

2011-03-06T10:27:00.003+07:00

Navigation Bar pada blogspot sebenarnya berfungsi untuk memudahkan kita berkomunikasi dengan blog orang lain. Tetapi kadang navbar ini mengganggu tampilan dari design blog. Ada beberapa teknik untuk menghilangkan Navigation Bar ini, salah satunya adalah dengan menyembunyikannya.

Untuk melakukannya kita hanya melakukan beberapa langkah, yaitu :
1. Sign In ke Blogspot anda.
2. Masuk ke Mode Perancangan
3. Masuk ke Mode Edit HTML, lalu carilah kode :
]]></b:skin>
4. Copy Paste kode CSS dibawah ini sebelum tag diatas :

#navbar-iframe {
display: none !important;
}

5. Simpan perubahan template anda.

Cara Menambahkan Microsoft Translator

2011-01-13T01:33:00.002+07:00

Untuk memudahkan pengunjung blog membaca artikel pada blog kita yang dibatasi dengan masalah bahasa, sebaiknya kita pasang widget translator. Untuk saat ini, translator yang populer adalah Google translate. Alternatif lain yang bisa digunakan adalah Microsoft Translator. Widget ini sudah mendukung 35 bahasa di dunia, termasuk Bahasa Indonesia.
Nah mau tau cara pasangnya ?
1. Klik link http://www.microsofttranslator.com/widget/
2. Kemudian masukkan alamat blog yang kita miliki pada bagian Site Address.
3. Kemudian pilih bahasa yang digunakan pada blog kita.
4. Pilih warna dan atur lebar widget yang kita inginkan.
5. Kemudian Checklist pada bagian Generate Widget, lalu tekanlah tombol Generate Code.
6. Tambah Widget melalui Add a Gadget, pilih HTML/Javascript.
7. Copy dan Pastekan kode yang telah digenerate kedalam widget tersebut.
8. Simpan dan Lihat Hasilnya.

Cara Menambahkan Online Live Stat whos.amung.us

2011-01-04T23:42:00.007+07:00

Untuk mengetahui jumlah pengunjung yang sedang online diblog, kita dapat menambahkan sebuah widget yang dinamakan whos.amung.us. Dengan widget ini, kita bisa mengetahui berapa orang yang sedang mampir. Dan secara detailnya kita bisa lihat pengunjung sedang membaca artikel apa.

Pemasangan widget ini tidaklah susah. Karena tidak diperlukan proses registrasi. Sewaktu berkunjung kehalaman depan widget ini, kita sebenarnya telah melakukan proses registrasi otomatis (automatic generate). Nah tergantung kita ingin menggunakannya apa tidak. Seiring dengan waktu widget ini memiliki tata letak yang bisa dipilih. Bisa dipasang secara floating (melayang pada pinggir halaman blog) atau secara ditempelkan pada halaman dan sidebar.

Tertarik menggunakan widget ini ? Berikut cara mendapatkannya :

1. Kunjungilah website http://whos.amung.us/

2. Pilih metode peletakan pada blog. Jika ingin meletakkan secara melayang (floating), silahkan pilih posisi yang diinginkan.

Lalu copy scriptnya, dan letakkan saja sebelum tag </body>, seperti gambar dibawah ini :

3. Jika memilih akan menempelkan widget pada sidebar, klik pada tulisan showcase. Lalu klik salah satu bentuk yang disukai. Secara otomatis code script akan muncul dibawahnya. Copy code tersebut, dan pastekan ditempat yang diinginkan pada blog.

4. Jika ingin langsung menerapkan pada blog, klik icon yang ada dibawahnya, pilih platform blog yang digunakan. secara otomatis akan disimpan menjadi widget pada blog anda.

Selamat Mencoba :)

Cara Mengganti Alamat Blog

2011-01-04T22:54:00.003+07:00

Pemilihan Nama alamat blog yang bagus sangat penting. Karena dengan penamaan url yang unik, akan memudahkan pengunjung untuk mengingat alamat blog tersebut. Pemilihan alamat sebaiknya harus memiliki keselarasan antara alamat, isi blog dan tema yang diusung. Terkadang bagi blogger newbie, kesusahan dalam menentukan alamat yang baik.

Jika sahabat blogger akan merubah alamat blog, caranya mudah. Pertama silahkan login terlebih dahulu ke blogger. Kemudian Pilih Menu Pengaturan/setting, lalu pilih Publikasikan/publishing.

1. Ubahlah dengan nama domain yang sahabat inginkan.
2. Ketikkan captcha yang sesuai dengan gambar yang muncul.
3. Klik Tombol SAVE SETTINGS.
4. Jika muncul pesan “Sorry, this blog address is not available”, berarti nama tersebut sudah ada yang memilikinya, ubah dengan nama pilihan yang lain.

Cara Memasang ScreenSaver untuk Blog

2010-11-25T04:29:00.005+07:00

Screen saver adalah gambar bergerak yang aktif ketika komputer tidak digunakan dalam beberapa waktu tertentu. Biasanya Screen saver digunakan pada Komputer ataupun Laptop. Untuk menambah keindahan sebuah Blog, kita juga dapat menambahkan screen Saver. Walaupun nilai manfaatnya tidak ada, tetapi tentu saja akan membuat blog kita semakin betah untuk dikunjungi.

Mau tau Cara memasangnya ?

1. Loginlah keblogger anda.
2. Klik Rancangan/Design > Edit HTML.
3. Carilah Tag </HEAD>
4. Kopilah code dibawah ini, dan pastekan diatas tag </head>.

<style type="text/css" src="http://piliang.googlecode.com/files/ScreenSaver.css"></style>
<script style="text/javascript" src="http://piliang.googlecode.com/files/ScreenSaver.js"></script>

5. Simpan Template anda.

6. Refresh Halaman Blog anda, lepas mouse dan tunggu beberapa saat. Hasilnya bisa anda lihat