Cara Membuat Blog Baru Gratis di Blogger Lengkap

98

Apakah Anda ingin memiliki blog pribadi yang dikelola sendiri? Lalu bagaimana cara membuat blog secara gratis?

Pada artikel ini akan dijelaskan secara lengkap cara bikin blog terbaru di blogger.com. Sebelum membuat blog sebaiknya ketahui dulu apa itu pengertian blog, sejarahnya, dan manfaat membuat blog.

Membuat blog di blogspot sangatlah mudah. Anda hanya butuh beberapa langkah untuk dapat membuatnya dengan gratis. Setelah itu Anda dapat menggunakan blog tersebut untuk berbagai hal.

Saat ini banyak platform blog yang ada di internet. Di antara sekian banyak, yang paling populer adalah blogspot/blogger dan wordpress.

Keduanya memiliki kelebihan dan kekurangan masing-masing. Bagi pemula sebaiknya gunakan platform blogger karena cara menggunakannya lebih mudah dan sederhana.

Cara Membuat Blog di Blogger

Untuk dapat membuat blog di blogger.com, Anda harus daftar terlebih dahulu untuk memiliki akun email dari google. Bagi yang belum mempunyainya, lihat artikel mengenai bagaimana cara membuat email. Jika sudah memilikinya, langsung saja ikuti tutorial cara membuat blog di blogger berikut

1. Langkah pertama, kunjungi www.blogger.com.
2. Kemudian log in dengan memasukkan alamat email Gmail Anda dan kata sandinya.
   
   
   
   
   
3. Anda akan dibawa ke halaman konfirmasi apakah akan menggunakan profil google+ atau blogger. Pada langkah ini langsung saja klik tombol Lanjutkan ke Blogger.
   
   
   
   
   
4. Setelah itu Anda akan dibawa ke dasbor blogger. Klik tombol Blog Baru untuk membuat blog.
   
   
   
   
   
5. Kemudian isi Judul (1) dan Alamat (2) blog. Untuk judul blog ketik sesuai keinginan. Sedangkan untuk alamat blog Anda harus mencari nama blog blogspot yang belum dimiliki oleh siapapun. Jika nama yang Anda masukkan sudah ada yang memiliki maka akan muncul tulisan "Maaf, alamat blog ini tidak tersedia." di bawahnya. Cari terus nama blog sampai muncul tulisan "Alamat blog ini tersedia." Alamat blog yang dibuat akan berakhiran .blogspot. Pada bagian Template (3) pilih salah satu template blog yang Anda sukai. Setelah itu klik tombol Buat blog! (4).
   
   
   
   
   
6. Sekarang blog Anda sudah jadi. Anda dapat langsung membuat tulisan atau membuka blog melalui tombol yang ada di sebelah kanan judul blog. Jika ingin melihat lebih lanjut pengaturan dan berbagai hal menyangkut blog yang telah dibuat, klik judul blog tersebut.
   
   
   
   
   
7. Di sini Anda bisa melakukan berbagai hal, seperti membuat tulisan. Selain itu, masih banyak yang dapat Anda lakukan terhadap blog tersebut dengan memilih menu yang ada di bagian kiri.
   
   
   

Beberapa Hal Dasar yang Perlu Diketahui

Ada beberapa hal yang perlu diketahui oleh seorang blogger, di antaranya adalah cara mengganti template, membuat artikel atau tulisan, mengatur komentar, dan cara melihat statistik blog.

Cara Mengganti Template Blog

Apakah Anda sudah puas dengan tampilan blog. Jika belum, Anda dapat menggantinya dengan mudah. Berikut langkah-langkah mengganti template blog di blogger.

1. Download terlebih dahulu template blogspot gratis. Kemudian ekstrak file tersebut.
2. Pilih menu Template (1). Klik tombol Cadangkan / Pulihkan (2).
   
   
   
   
   
3. Klik tombol Choose File (1). Cari dan buka file template yang sudah didownload (*.xml). Kemudian klik tombol Unggah (2).
   
   
   
   
   
4. Sekarang template blog Anda sudah berubah. Untuk melihatnya buka blog dengan mengklik tombol Lihat blog.
   
   
   

Cara Membuat Artikel

Lalu bagaimana cara menulis di blog? Caranya juga sangat mudah. Langsung saja simak.

1. Klik tombol Entri baru.
   
   
   
   
   
2. Ketik judul tulisan (1). Buat isi tulisan (2). Klik Label (3) dan isi dengan tema/topik dari tulisan (jika lebih dari satu, pisahkan dengan tanda koma). Kemudian klik tombol Publikasikan (4) untuk menerbitkan tulisan.
   
   
   

Mengatur Komentar

Salah satu cara untuk berinteraksi di blog adalah dengan memberi komentar pada tulisan. Melalui kolom komentar Anda bisa melakukan tanya-jawab dengan pembaca. Anda juga bisa melihat dan mengatur seluruh komentar pada blog.

Setting Komentar

Bagaimana cara menentukan siapa saja orang yang boleh berkomentar di blog? Pada pengatuan default yang boleh berkomentar adalah "Pengguna Terdaftar". Untuk memperbolehkannya bagi siapa saja ikuti langkah-langkah berikut.

1. Klik menu Setelan (1) › Pos dan komentar (2). Pilih "Semua Orang" (3). Kemudian klik tombol Simpan setelan (4).
   
   
   
   
   
2. Akan ada penambahan "Name/URL" dan "Anonymous" pada kotak komentar seperti pada gambar berikut.
   
   
   

Melihat dan Menghapus Komentar di Blog

Lalu bagaimana cara melihat semua komentar di blog? Anda bisa melihat komentar-komentar di blog dengan mudah dan juga bisa menghapus komentar tertentu jika Anda tidak menginginkannya.

Caranya, klik menu Komentar (1). Pilih komentar yang ingin dihapus (2). Kemudian klik tombol Hapus (3).

Cara Melihat Statistik Blog

Cara untuk melihat perkembangan blog, yaitu melihat peningkatan pengunjung adalah dengan melihat statistik yang disediakan blogger (pilih menu Statistik). Dengan statistik ini Anda bisa melihat jumlah penayangan blog, halaman yang dibaca, dari mana datangnya pengunjung, dan jumlah penayangan berdasarkan data pengunjung (seperti negara, browser, dan sistem operasi). Selain itu statistik blog dapat dilihat berdasarkan durasi jam, hari, minggu, bulan, dan sejak pertama blog dibuat.

Cara Keluar dari Akun Blog

Apabila Anda ingin keluar dari akun blogger, terutama bagi yang memakai komputer atau laptop bukan milik sendiri, klik gambar profil (1) yang ada di sudut kanan atas halaman. Kemudian klik tombol Keluar (2).

Jika Anda ingin membuat blog baru lagi, log in ke www.blogger.com dan ikuti langkah no. 4 dan 5 pada cara membuat blog di atas.

Demikianlah artikel cara membuat blog gratis di blogspot. Semoga bermanfaat bagi Anda yang ingin mempunyai blog.

Pengertian Blog, Sejarah, dan Manfaatnya

46

Pengertian blog, bagaimana sejarah blog? dan apa manfaatnya? Kali ini Xceria akan menulis seputar blog dan membantu pemahaman Anda mengenai dunia blog.

Blog sudah sangat berkembang sekarang, termasuk di Indonesia. Bahkan Indonesia juga sudah memilik banyak blogger-bloger hebat dengan berbagai bidang yang ditekuni.

Sekarang juga sudah banyak beredar platform blog, yaitu situs yang memberikan layanan untuk membuat blog. Di antara sekian banyak platform, ada dua yang paling terkenal yaitu blogspot dan wordpress.

Pengertian Blog

Lalu, apa itu blog? Blog merupakan singkatan dari web log, Definisi atau pengertian blog adalah situs dengan tulisan-tulisan di dalamnya yang memberikan informasi kepada pembaca. Tulisan-tulisan ini juga dapat dikomentari oleh pembaca jika penulis memperbolehkannya. Sedangkan pemilik blog disebut sebagai blogger.

Ada blog yang memiliki tulisan dengan topik berbeda-beda, dan ada juga yang hanya fokus pada satu topik. Itu semua kembali kepada pemiliknya dalam menentukan apa topik yang dibahas di dalam blognya. Terdapat banyak topik yang dapat dibahas, di antaranya mengenai internet, teknologi, kesehatan, pendidikan, bisnis dan masih banyak lagi yang lainnya.

Sejarah Blog

Kata weblog awalnya diciptakan oleh Jorn Barger pada tahun 1997. Sedangkan istilah yang lebih singkat, yaitu blog diberikan oleh Peter Merholz. Awalnya dia memberi gurauan dengan memisah kata weblog menjadi we blog di sidebar blog miliknya pada tahun 1999. Tidak lama kemudian, istilah blog digunakan sebagai sebuah kata.

Media yang pertama kali mempopulerkan blog adalah blogger.com. Sebelumnya situs ini dimiliki oleh Pyra Labs sampai tahun 2002. Kemudian google mengambil alih kepemilikan blogger.com dan memberikan layanannya secara gratis kepada semua penggunanya. Setelah google mengambil alih situs ini, banyak aplikasi yang dikembangkan untuk kenyamanan penggunanya.

Manfaat/Kegunaan Blog

Apa kegunaan blog? Blog dengan fungsinya sebagai sumber informasi juga mempunyai banyak manfaat yang dapat diberikan, di antaranya:

• Dapat menuangkan cerita-cerita yang dialami setiap harinya atau disebut catatan harian.
• Digunakan untuk berbagi ilmu dan ide.
• Bisa dijadikan media promosi bisnis atau memasarkan suatu produk.
• Membentuk komunitas para blogger.
• Jadi salah satu sumber penghasilan dengan menyediakan pemasangan iklan.

Demikian tulisan kali ini mengenai apa itu blog, sejarah, dan manfaatnya. Semoga bermanfaat.

Cara Mudah Menghapus Blog di Blogspot

24

Apakah Anda memiliki blog di blogspot dan ingin menghapusnya? Kali ini Xceria akan membagikan tutorial blog mengenai cara menghapus blog di blogger.

Bagi seorang blogger dengan blog yang telah melejit dan sudah sangat dikenal di dunia maya tentu tidak ingin menghapus blognya tersebut.

Tapi ada beberapa alasan yang bisa membuat Anda ingin men-delete blog pribadi Anda. Mungkin karena sudah di-banned atau mungkin alasan lainnya.

Ada beragam jenis blog yang telah beredar di dunia maya saat ini. Bisa jadi satu orang juga memiliki berbagai tema blog.

Tapi, apakah Anda bisa mengurus semua blog yang telah dibuat tersebut? Mungkin awalnya Anda ingin mengurus semua blog yang dimiliki, tapi seiring waktu Anda tidak lagi mampu untuk mengurus semuanya.

Dan karena sudah lama tidak terurus mungkin Anda ingin menghapus salah satu atau beberapa blog yang dimiliki.

Cara Menghapus Blog di Blogger

Bagaimana cara menghapus blog yang ada di blogspot?

Cara menghapus blog blogspot cukup mudah. Anda hanya perlu melakukan beberapa klik.

Sebelum menghapus blog, disarankan melakukan ekspor blog untuk berjaga-jaga jika nantinya Anda ingin mengembalikan isi blog tersebut.

Langsung saja ikuti langkah-langkah berikut untuk menghapus blog di blogger.

1. Log in ke akun blogger Anda.
2. Pilih tab Settings » Other.
   
   
   
   
   
3. Di bagian paling atas klik Delete blog.
   
   
   
   
   
4. Setelah Anda klik, maka akan muncul kotak untuk menghapus blog dan juga melakukan ekspor atau download blog.
5. Klik tombol Delete This Blog.
   
   
   
   
   

Untuk menghapus blog di blogspot secara permanen, Anda harus menunggu selama 90 hari dan selama rentang hari tersebut Anda tetap bisa mengembalikan blog Anda.

Sekian tutorial blog singkat yang saya tulis mengenai cara mudah menghapus blog di blogspot.

Menampilkan Avatar pada Kolom Komentar Blogger

21

Setelah sebelumnya Xceria menulis artikel tentang conditional tag pada blogger, kali ini Xceria akan memberikan tutorial memasang avatar pada kolom komentar blogspot.

Avatar ini dapat meningkatkan keinginan pengunjung untuk berkomentar karena kolom komentar akan tampak lebih menarik dipandang.

Dengan avatar yang ditampilkan, Anda dan juga para pengunjung lainnya akan semakin mengenal satu sama lain. Karena wajah yang terpampang saat memberikan komentar.

Interaksi yang terjadi pada kolom komentar pun akan semakin hidup

Lalu bagaimana avatar bisa muncul pada komentar di blog blogspot?

Avatar akan muncul jika Anda masuk ke akun google Anda dan berkomentar dengan akun google tersebut. Avatar ini merupakan profile image pada akun google/blogger Anda.

Pada template bawaan blogger yang lama, fitur ini belum tersedia. Anda harus menambahkannya secara manual.

Kolom komentar tanpa avatar

Lalu bagaimana cara menampilkan avatar pada kolom komentar blogspot? Bagi yang ingin menampilkannya langsung saja ikuti tutorial berikut.

1. Masuk ke akun blogger.
2. Pilih Template » Edit HTML.
3. Temukan kode berikut.

<dl id='comments-block'>

4. Ganti kode di atas dengan kode berikut.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

5. Selanjutnya cari kode berikut.

<a expr:name='data:comment.anchorName'/>

6. Ganti kode di atas dengan kode berikut.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Kolom komentar dengan avatar

Sekarang avatar sudah muncul tetapi hanya pada pengunjung yang memberi komentar dengan akun blogger/google.

7. Sekarang cari kode ]]></b:skin>. Tambahkan kode CSS berikut di atasnya.

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2jCmy2P5Zs689c3I1ULXHs_Ju5WkeRSMhe83Pg11JI-Cv9MPAOm4upWhCuzCLSbH-UoWEJekm60IhGWsBvWrHU1vHMXQNNrZ4Z2ccmqW9I1DNxxASMy7aJT0jQtpd9zOfhMLVxUQ1x4i/s1600/blank+avatar.gif) no-repeat left top;
width:32px;
height:32px
}

Kolom komentar dengan avatar (terdapat anonymous avatar)

8. Terakhir simpan template.

Sekian tutorial menampilkan avatar pada komentar blogger. Semoga berhasil.

11 Conditional Tag pada Blogger

6

Kali ini Xceria akan membahas artikel mengenai berbagai tag kondisional yang ada di blogger.

Jika Anda melihat template blog Anda, pasti akan banyak ditemukan conditional tag. Conditional tag ini diawali dengan kode <b:if cond='...'> dan diakhiri dengan kode </b:if>.

Blogger conditional tag merupakan kode yang terdapat pada blogger untuk menentukan kondisi dari kode yang ada di dalamnya, seperti widget atau suatu elemen, apakah kode ini ditampilkan atau tidak pada halaman tertentu.

Penggunaan tag ini paling sering kita lihat pada fungsi auto read more. Biasanya isi artikel pada halaman indeks (misalnya halaman depan, label, dan search) tidak dimunculkan semuanya atau hanya cuplikannya saja.

Berbeda dengan halaman artikelnya yang menampilkan seluruh isi artikel. Untuk melakukan hal ini harus ditentukan terlebih dahulu kondisinya. Contoh penggunaan:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/> --- muncul pada halaman posting
<b:else/> (jika bukan halaman posting, maka)
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/> --- muncul pada halaman statis
<b:else/> (jika bukan halaman posting dan bukan halaman statis, maka)
AUTO READ MORE SCRIPT --- muncul pada halaman indeks (selain halaman posting dan statis)

Contoh lainnya, misalnya pada widget recent post (artikel terkait).

Widget ini tidak perlu ditampilkan pada halaman depan, karena pada halaman depan sudah dimunculkan artikel terakhir yang ditulis.

Anda bisa menyembunyikan widget ini pada halaman depan juga dengan menggunakan tag kondisional.

Bagi seorang perancang template untuk blogspot sangat perlu mengetahui dan memahami berbagai tipe tag kondisional ini. Dengan tujuan supaya dapat meracik atau membuat template blog blogspot yang berkualitas dan sesuai dengan keinginan sang pembuat template.

11 Conditional Tag Blogger

Dibawah ini terdapat 11 jenis conditional tag pada blogger. Berikut daftar tag kondisional tersebut.

1. Conditional Tag untuk "Halaman Depan"

<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
</b:if>

2. Halaman Posting dan Statis

<b:if cond='data:blog.url == data:post.url'>
...
</b:if>

3. Halaman Statis

<b:if cond='data:blog.pageType == "static_page"'>
...
</b:if>

4. Halaman Posting/Artikel

<b:if cond='data:blog.pageType == "item"'>
...
</b:if>

5. Halaman Indeks

Contohnya halaman depan, label, dan search.

<b:if cond='data:blog.pageType == "index"'>
...
</b:if>

6. Halaman Label

<b:if cond='data:blog.searchLabel'>
...
</b:if>

7. Halaman Search/Pencarian

<b:if cond='data:blog.searchQuery'>
...
</b:if>

8. Halaman Archive/Arsip

<b:if cond='data:blog.pageType == "archive"'>
...
</b:if>

9. Posting Pertama

Untuk post pertama misalnya pada halaman depan, label, search, atau archive.

<b:if cond='data:post.isFirstPost'>
...
</b:if>

10. Halaman Error

<b:if cond='data:blog.pageType == "error_page"'>
...
</b:if>

11. Halaman/URL Tertentu

<b:if cond='data:blog.url == "URL"'>
...
</b:if>

Multiple Condition

Untuk lebih dari satu kondisi, tambahkan kode <b:else/> seperti di bawah.

<b:if cond='data:blog.pageType == "item"'>
jika kondisi benar
<b:else/>
jika kondisi salah
</b:if>

Pengingkaran (Reverse Condition)

Kondisi pengingkaran merupakan kondisi dimana kode yang ada di dalamnya tidak tampil pada halaman yang tertulis pada tag kondisional, melainkan tampil pada semua halaman selain halaman yang tertulis pada tag kondisional.

Untuk kondisi pengingkaran cukup ubah kode == menjadi kode !=

<b:if cond='data:blog.url != data:post.url'>
...
</b:if>

Jika terjadi error coba ubah tanda " menjadi &quot;

Sekian artikel mengenai macam-macam conditional tag pada blogger, semoga artikel ini dapat bermanfaat bagi Anda.

Cara Pasang Widget Top Komentator di Blogspot

429

Sebelumnya saya sudah pernah memasang widget top komentator di blog ini. Kali ini saya akan menulis tutorial blog mengenai cara pemasangan widget ini di blogspot/blogger.

Widget ini akan menampilkan 10 komentator yang paling banyak berkomentar di blog anda (berupa link dofollow). Jadi, widget top komentator ini bisa menarik hati pengunjung untuk mau berkomentar lebih banyak lagi di website atau blog anda.

Script yang digunakan tidak terlalu panjang dan tidak berat saya rasa. Anda bisa memasangnya dalam waktu singkat. Bagi yang berminat silahkan dicoba!

1. Buka Design » Page Elements.
2. Klik Add a Gadget.
   
   
3. Pilih gadget HTML/JavaScript.
   
4. Isi judul gadget.
5. Copy-paste script di bawah ini ke dalam gadget tadi.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=47909d73002419d14e697928bd9c4f24&url=http%3A%2F%2Fwww.namablog.com&num=10&filter=Nama Akun Blogger" type="text/javascript"></script>

6. Simpan gadget.

Cat.
- Ganti nama di atas dengan nama atau alamat blog anda.
- Ubah nama pada tulisan yang ditandai di atas untuk mem-filter (tidak menampilkan) nama tersebut.

Cukup sampai di sini cara memasang widget top komentator. Selanjutnya widget ini akan menampilkan komentator yang paling banyak berkomentar di blog anda secara otomatis.

Semoga berhasil!

Cara Membuat Random Post di Wordpress

154

Cara membuat random post di Wordpress (Self-Hosted). Website dengan platform wordpress (Self-Hosted) juga bisa menggunakan random post yang sudah pernah saya posting-kan ini. Sebenarnya hampir sama dengan blogger. Perbedaan scriptnya hanya terletak pada url feed.

Posting ini saya buat karena ada salah satu pembaca yang menanyakan tutorial random post ini untuk platform wordpress. Seperti random post di blogger, random post ini juga menampilkan post secara berganti dan berupa slide.

Langsung saja ikuti tutorialnya!

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

1. Log in ke situs anda.
2. Pilih menu Appearance » Editor » Stylesheet (style.css).
3. Copy kode berikut ke bagian paling bawah.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

5. Simpan (Klik Mutakhirkan Berkas).

Script Random Post

Untuk script random post ikuti langkah-langkah berikut.

1. Pilih menu Appearance » Widget.
2. Tarik widget teks ke kolom sidebar.
   
   
   
   
3. Isi judul widget.
   
4. Copy-paste script berikut ke dalam widget tadi.
   

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://www.namablog.com/feed/'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

5. Ganti nama blog anda.
6. Simpan widget.

Sekarang lihat website anda! Postingan anda akan tampil secara random (acak) di bagian sidebar.

Selain dengan cara di atas Anda juga bisa menampilkan postingan secara acak dengan menggunakan plugin yang tersedia di wordpress.

Selamat mencoba!

Cara Membuat Random Posts di Blogger

180

Cara membuat random post di blogger. Tutorial blog kali ini akan menjelaskan bagaimana cara menampilkan posting/artikel secara acak di blogspot.

Random post ini disebut dengan random post dinamis, karena tampilannya yang berupa slide. Dengan tampilan slide tersebut, tentu random post ini juga akan dapat menarik perhatian pengunjung. 

Bagi anda yang jarang mengupdate blog, mungkin widget ini cukup berguna. Karena semua artikel yang ada di blog anda akan ditampilkan secara acak nantinya dengan menggunakan widget ini.

Dengan begitu, pengunjung yang beberapa kali mengunjungi blog anda bisa terus membaca artikel-artikel Anda yang lain, walaupun Anda belum menambahkan postingan baru sekalipun.

Bagi anda yang ingin mencoba random post dinamis ini, bisa langsung mengikuti tutorial berikut.

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

1. Log in ke blogger.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode ]]></b:skin>
4. Copy kode berikut di atas kode tadi.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

5. Simpan template.

Script Random Post

Untuk memasang script random post ini ikuti langkah-langkah berikut.

1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).
   
   
3. Pilih gadget HTML/JavaScript.
   
4. Copy-paste script berikut ke dalam gadget tadi.
   

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://namablog.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

5. Jangan lupa ganti nama blog anda.
6. Simpan gadget.

Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).

Selamat mencoba!

Lihat demo:
http://demotutorial.blogspot.com/2010/05/random-post-dinamis.html
update:
Tutorial membuat random post di Wordpress

Cara Buat Navigasi Breadcrumb SEO Friendly di Blogger

63

Cara membuat navigasi breadcrumb di blogger. Navigasi breadcrumb merupakan link/tautan yang berfungsi memberikan petunjuk mengenai lokasi atau kategori dari sebuah artikel dan memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang dibaca.

Link yang ditampilkan di sini adalah link dimana artikel anda berada atau bisa disebut sebagai lokasi dari artikel anda. Navigasi breadcrumb ini biasa diletakkan di atas judul artikel/postingan. Lihat contoh navigasi breadcrumb berikut.

Home » tutorial blog » Cara Membuat Navigasi Breadcrumb di Blogger

Ada 3 manfaat/kegunaan dari navigasi breadcrumb, yaitu:

• Memperindah tampilan halaman/artikel.
• Memudahkan pengunjung dalam menelusuri blog.
• Mengoptimalkan halaman di search engine (mesin pencari).

Yang terpenting dari 3 hal di atas tentu adalah "mengoptimalkan halaman di search engine" atau sering disebut SEO. Bagi yang belum mengetahui mengenai SEO, silahkan baca artikel mengenai apa itu SEO.

Breadcrumb navigation mungkin tidak sepenting keyword dalam SEO. Tapi yang jelas navigasi breadcrumb ini merupakan salah satu dari faktor SEO. Jadi, sedikit banyaknya juga akan mempengaruhi posisi blog anda di search engine, terutama google.

Cara memasang navigasi breadcrumb di blogspot
Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan anda. Berikut tutorialnya.

1. Masuk ke blogger.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Centang tulisan Expand Widget Templates.
4. Cari kode berikut. Anda akan menemukan lebih dari satu kode seperti ini. Pilih yang kedua, yang berada di dalam / di bawah kode <b:includable id='post' var='post'>.
   
   
   <b:if cond='data:post.title'>
   
   
5. Tambahkan kode berikut di bawahnya.
   
   
   <b:if cond='data:blog.pageType == "item"'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
   <b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
   <b:if cond='data:label.isLast != "true"'>,</b:if>
   </b:loop>
   &#187;
   </b:if>
   <data:post.title/>
   </b:if>
   
   
6. Simpan template.
   

Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> di bawah kode <data:post.title/> di atas.

Sekarang lihat hasilnya. Jika sudah berhasil, berarti Anda sudah menjalankan salah satu tips SEO.

Salam sukses!

Cara Mengganti Domain Blogspot dengan CO.CC Gratis

105

Kali ini saya akan memberikan tutorial blogspot mengenai cara mengubah atau mengganti domain blogspot ke co.cc.

Bagi anda yang memiliki blog di blogger dengan nama yang panjang mungkin bisa mencoba domain gratis dari co.cc. Tapi ingat, jika blog anda sudah memiliki alexa rank yang tinggi dan sudah bagus dalam SEO, sebaiknya dipikir-pikir lagi untuk mengganti domain blogspot anda.

Langsung saja ikuti tutorialnya di bawah ini.

1. Log in dengan akun anda. Jika belum mendaftar, lihat cara pendaftarannya di sini.
2. Pilih domain yang akan digunakan.
   
   
3. Klik tombol Set up.
   
   
4. Pilih Zone Records.
   

Zone Records

Pada bagian ini anda akan mulai melakukan setting domain co.cc. Langkah-langkahnya tidak susah. Anda hanya butuh sedikit kesabaran karena perubahannya tidak langsung terjadi.

Berikut pengaturannya.

Host, isi dengan domain co.cc anda (jangan lupa pakai www).

TTL, biarkan tetap 1 D.

Type, pilih CNAME.

Value, ketik ghs.google.com.

Setelah itu lanjut ke pengaturan di blogger. Ikuti petunjuk setting domain co.cc di blogspot di bawah ini.

1. Masuk ke akun blogger anda.
2. Pilih menu Settings (Pengaturan) » Publishing (Publikasikan).
3. Klik tulisan Custom Domain.
4. Klik tulisan Switch to advanced settings.
   
5. Di kolom Your Domain, isi dengan domain co.cc anda tadi (masih dengan www).
6. Terakhir isi kolom Word Verification dan simpan.
   

Cukup sampai di situ saja cara mengganti domain blogspot dengan co.cc. Setelah selesai mengikuti tutorial di atas, blog anda tidak bisa dibuka untuk sementara waktu.

Waktu yang diperlukan untuk bisa mengakses blog dengan domain baru anda biasanya hanya sebentar. Mungkin hanya beberapa menit ataupun beberapa jam, maksimal 2 hari.

Selamat mecoba domain baru, semoga berhasil!

Cara Mengganti Favicon di Blogger

141

Cara mengganti favicon di blogger. Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout.

Membuat Favicon

Pertama anda persiapkan terlebih dahulu gambar untuk favicon blog anda. Favicon dapat berupa .ico atau .gif. Jika belum memilikinya, langsung saja klik http://www.html-kit.com/favicon/.

• Kemudian klik tombol browse dan cari gambar dari komputer anda untuk dijadikan favicon.
  
  
  
• Klik tombol Generate FavIcon.ico.
• Klik link Download FavIcon Package.
  
  
  
• Anda akan mendapatkan file beformat .zip, extract file .zip tersebut.
• Upload favicon.ico atau animated_favicon1.gif ke image hosting anda.

Memasang Favicon di Blogger

1. Masuk ke akun blogger anda.
2. Pilih menu Design (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
   
   
   <b:include data='blog' name='all-head-content'/>
   
   
4. Copy-paste kode berikut di bawah kode tadi.
   
   
   <link href='url-gambar.ico' rel='shortcut icon'/>
   
   atau
   
   
   <link href='url-gambar.gif' rel='icon' type='image/gif'/>
   
   Ganti tulisan berwarna merah dengan url favicon anda tadi.
   
   
5. Simpan template.
   

Favicon ini akan tampil di address bar setelah beberapa waktu.

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Selamat mencoba!

Cara Buat Halaman di Blogspot

48

Seperti yang dijelaskan di posting sebelumnya, blogger telah menyediakan static pages. Static page inilah yang akan anda gunakan untuk membuat halaman di blogspot seperti yang ada pada wordpress.

Tetapi fitur static page ini tidak sebagus halaman yang ada pada wordpress. Seperti yang kita ketahui, wordpress menggunakan script PHP, sedangkan blogger tidak. Dengan menggunakan script PHP, website yang dihasilkan tentu lebih variatif dan fleksible.

Kekurangan static page pada blogger, salah satunya terletak pada url yang dihasilkan.

Contoh url halaman pada wordpress:
http://www.m-y-s-i-t-e.com/contact/

Contoh url halaman pada blogger:
http://www.m-y-s-i-t-e.com/p/contact.html

Dari contoh di atas dapat dilihat perbedaan antara halaman di wordpress dengan halaman di blogger. Tapi walaupun begitu, perbedaan ini tidak menjadi masalah. Blogger sendiri telah menciptakan beberapa fitur baru yang semakin lengkap.

Kita berharap blogger bisa terus berkembang dan tidak kalah saing dengan wordpress. Kita tunggu saja fitur baru blogger selanjutnya.

Nah, bagi anda yang ingin mencoba membuat halaman di blogger, lihat tutorial di bawah ini. Caranya hampir sama dengan cara membuat postingan.

1. Log in ke akun anda.
2. Pilih menu Posting » Edit Pages.
   
3. Klik tombol new page.
   
4. Isi judul dan konten halaman seperti biasa.
5. Setelah itu klik tombol publish page.
   
6. Selanjutnya akan tampil pilihan gadget untuk link halaman. Pilih sesuai keinginan anda.

Jika tadi anda memilih untuk menampilkan gadget page list, kemudian ingin menghapusnya kembali, cukup hapus melalui menu Design (Tata Letak) » Page Elements. Caranya cari gadget laman, klik edit, kemudian klik tombol remove (hapus).

Itulah cara membuat halaman di blogpot. Silahkan dicoba, semoga bermanfaat!

Cara Menjadwalkan Postingan di Blogger

7

Cara menjadwalkan posting di blogger. Tutorial blog kali ini akan menjelaskan kepada Anda bagaimana cara menjadwalkan artikel di blogspot. Cara ini bisa Anda pakai untuk lebih memudahkan Anda dalam ngeblog.

Menjadwalkan posting akan memudahkan Anda dalam mengupdate blog secara berkala. Ketika Anda telah memiliki banyak posting yang dijadwalkan, tentu kegiatan ngeblog Anda akan lebih santai.

Misalnya saja, saat sedang malas membuat artikel. Anda tidak perlu khawatir lagi, karena sudah ada artikel yang akan diterbitkan secara otomatis.

Menjadwalkan penerbitan artikel juga bisa berguna ketika Anda sedang sibuk dalam mengurus hal lain, termasuk saat liburan. Nah, di bawah ini akan saya jelaskan tutorial singkat untuk menjadwalkan postingan di blogger.

1. Log in ke akun blogger Anda.
2. Buat posting seperti biasa.
3. Klik Post Options.
   
4. Pada pilihan Post date and time pilih Scheduled at.
   
5. Atur tanggal dan waktu untuk menjadwalkan postingan.
6. Simpan
   

Itulah cara menjadwalkan postingan di blogger. Semoga bisa membantu dan bisa lebih mudah dalam ngeblog. Selamat mencoba!