Selasa, 21 Februari 2012

Cara Mengganti Favicon Default Blogspot

Sobat Blogger pasti tahu apa itu Favicon? Favicon adalah image berukuran mini biasanya 16x16 pixels yang di tampilkan pada URL bar browser dan bookmark. Dengan Favicon ini Blog/Website kita akan terlihat menarik karena mempunyai perbedaan atau ciri khusus dibandingkan dengan Blog/Website orang lain. Apalagi blog berbasis Blogspot biasa secara default hanya berupa logo Blogger/Blogspot sehingga terkesan kurang menarik. Pengunjung/Visitor Blog/website juga akan mengenali Blog/website tersebut.

"Cara Mengganti Favicon Default Blogspot" sangat mudah sobat, tapi sebaiknya jangan menggunakan image yang berukuran besar karena akan memperlambat loading halaman blog kita. Dengan Mengganti Favicon Default Blogspot dan tidak lagi menggunakan logo blogger, blog kita tidak terkesan sebagai blog gratisan. Hehe
Cara Mengganti Favicon Default Blogspot
Contoh-contoh Favicon

Dalam Mengganti Favicon Default Blogspot ini ada beberapa langkah, pertama-tama Sobat harus tentukan image mana yang akan digunakan sebagai Favicon pengganti. Tentu saja file image tersebut harus berada di internet alias ruang penyimpanan online. Anda bisa saja mengambil Favicon ini di situs-situs yang memang menyediakan file-file tersebut. Atau jika sobat ingin tampil beda, silakan buat sendiri file tersebut menggunakan software edit image baik offline maupun online. Sebagai contoh, favicon blog Celoteh Sajakrerindu saya upload di situs xtgem.com yang gratis dn url. http://sajakrerindu.xtgem.com/icon/faviconceloteh.png terserah Anda mau menyimpan dimana Favicon tersebut.
Cara Mengganti Favicon Default Blogspot
Favicon Default Blogger/Blogspot

Setelah sobat menentukan Favicon mana yang akan sobat pakai(tentu saja beserta url-nya). Selanjutnya login ke akun blogger sobat, pilih template dan edit HTML, jangan lupa untuk centang Expand Widget Templates. Kemudian cari kode tag penutup head </head> untuk lebih mudahnya gunakan shorcut Ctrl+F

Lalu copy code berikut ini dan paste atau letakkan tepat diatas kode </head> tadi( jangan lupa untuk merubah text warna merah dibawah dengan alamat link Image icon anda )

<link href='http://sajakrerindu.xtgem.com/icon/faviconceloteh.png' rel='shortcut icon'/>

Kemudian klik save/simpan untuk menyimpannya, atau kalau belum yakin silakan klik preview/pratinjau saja.

Selamat mencoba dan semoga artikel ini bermanfaat.

Senin, 20 Februari 2012

Membuat Link Bergerak (Bergoyang)

Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh.

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat

Minggu, 19 Februari 2012

Cara Membuat Random Post Blogspot

Random Posts merupakan kumpulan link postingan blog kita yang tampil secara acak, tidak sesuai tanggal maupun label.
Tujuan kita menampilkan random posts adalah agar link postingan-postingan lama kita juga muncul dalam setiap halaman yang dibuka. Hal ini tentu saja sangat bermanfaat untuk menjaga visitor atau pembaca blog kita untuk tidak segera meninggalkan blog kita karena yang mereka cari sudah cukup dalam postingan yang sedang dibaca. Siapa tahu ada salah satu atau beberapa artikel/postingan yang menarik perhatian para pembaca blog kita. Sehingga pembaca tidak perlu repot-repot untuk memilih satu persatu postingan melalui Sitemap/Daftar Isi.

Cara Membuat Random Posts Blogspot

Oke sobat, berikut ini Cara Membuat Random Posts Blogspot:
Silakan login pada blog sobat.
Klik Rancangan/design/tata letak, kalau aku sih Layout(pakai bahasa Inggris).
Lalu tambah gadget dimana sobat mau menampilkan Random Posts.
Pilih HTML/Javascript.

Copy dan paste kode dibawah ini:
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Simpan

Catatan tambahan:
Warna merah yaitu angka sepuluh adalah jumlah artikel yang akan ditampilkan.

Tutorial singkat ini semoga bisa bermanfaat, silakan tinggalkan komentar Anda atau ada yang masih bingung jangan malu untuk bertanya melalui form komentar di bawah.

Seperti Kehilangan

Pelan, perlahan bayangan dalam angan menghilang
Dilahap halimun yang memeluk bebukitan
Diam, hanya terkapar dalam senyap yang menghampar
Bait-bait tak mampu lagi menjerit,
seperti dulu..
Membangunkan kediaman hati hati yang tenggelam
Jala-jala kutebar tersangkut karang, dan semua menghilang..

Bukit Berselimut Kabut

Gila! Bisa bisanya aku menulis demikian.

Rabu, 15 Februari 2012

Cara Membuat Spoiler di Blog

Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Spoiler sudah pasti sering digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan

Selasa, 14 Februari 2012

Cara Mengetahui Googlebot Last Visit

Googlebot
Sobat Blogger, tahukah kalian kalau Google menugaskan sebuah robot atau software untuk melacak dan menjelajah halaman web untuk melakukan index-ing terhadap halaman tersebut? Adalah GOOGLEBOT sebutan dari robot/software tersebut. Googlebot inilah yang digunakan sebagai acuan dalam pengindeks-an(indexing) suatu halaman web, tentu saja blog ada di dalamnya.

Halaman-halaman yang dikunjungi oleh Googlebot ini akan dicatat(apa ya istilahnya kalau untuk robot? hehe). Intinya kualitas SEO suatu halaman web dutentukan oleh perangkat lunak ini. Begitupun hubungannya dengan Pagerank. Tidak mungkin tim Google melacaknya secara manual kan? haha

Googlebot ini sebenarnya tidak setiap saat mengunjungi dan meng-indeks halaman sebuah web. Dan saya sendiri tidak tahu apakah dua hari sekali, tiga hari sekali atau bagaimana. Yang pasti kita bisa mengetahui kapan terakhir kali Googlebot berkunjung ke halaman web kita, atau istilah kerennya disebut Googlebot Last Visit

Sebenarnya Untuk mengetahui googlebot last visit atau kunjungan terakhir googlebot, ada 2 cara yaitu :
  • Melalui Google Webmaster Tools: Untuk yang satu ini tidak akan saya jelaskan disini, karena agak ribet menjelaskannya. hehe
  • Dengan Widget Googlebot Last Visit:
Untuk menggunakan widget ini sangat mudah, silakan ke http://www.gbotvisit.com/ kemudian masukkan url blog/website sobat, seperti tampak pada gambar berikut:

Cara Mengetahui Googlebot Last Visit
Masukkan link/url web/blog yang ingin sobat ketahui kunjungan terakhir Googlebot, lalu klik tombol Check Google Bot Last Visit. Maka akan terdapat kode script yang bisa kita pasang pada web/blog tersebut. Sebagai contoh Widget Googlebot Last Visit pada blog Celoteh Sajakrerindu seperti ini: Sobat tertarik untuk mencobanya?

Minggu, 12 Februari 2012

Membuat Sitemap/Daftar Isi Blog Blogspot

Sobat Blogger pasti sering mendengar istilah Sitemap kan? Trus apa arti istilah ini?
Sitemap(Peta Situs) merupakan sebuah gambaran atau navigasi tentang semua isi postingan blog kita. Kalau saya lebih cenderung menganggap sitemap sebagai daftar isi blog. Karena saya memang menggunakan salah satu plugin blog ini sebagai daftar isi postingan blog ini. Lihat contohnya disini.

Pada blog wordpress membuat sitemap sangat mudah karena sudah tersedia plugin-nya, nah pada kesempatan kali ini saya akan membahas bagaimana caranya membuat sitemap/daftar isi pada blog blogspot. Seperti yang Sobat ketahui bahwa blog Celoteh Sajakrerindu ini menggunakan platform blog blogspot.

Sebenarnya membuat sitemap/daftar isi blog blogspot pada awalnya(dulu) cukup rumit karena kita harus membuatnya secara manual dengan menggunakan Google Webmaster. Dan pada akhirnya saat ini membuat Sitemap menjadi sangat mudah karena tinggal pasang script saja. Yup, meskipun tidak sepraktis pada blog wordpress.
 Membuat Sitemap/Daftar Isi Blog Blogspot

Hmm, sebelumnya saya akan memberikan sedikit ulasan kegunaan Sitemap pada Blog. Berikut manfaat atau arti pentingnya sitemap/peta situs/daftar isi:

  • Mempermudah pengunjung dalam mengetahui daftar isi blog
  • Mempercepat peng-indeks-an search engine terutama google
  • Mempecantik tampilan blog, dll
Nah berikut ini langkah-langkah mudah membuat sitemap/daftar ini blog blogspot:
Copy Script berikut:

<script src="http://sajakrerindu.xtgem.com/js/sitemaptanggal.js">
</script><script src="http://sajakrerindu.com/atom.xml?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Selanjutnya paste di pada halaman postingan baru atau halaman statis, sebaiknya pada halaman statis karena pada halaman statis permalink yang ditampilkan tidak terdapat tahun dan tanggal karena berdiri sendiri dan tidak tampil pada halaman posting blog. Sebagai contoh:
Kalau di halaman postingan permalink mjd: http://www.sajakrerindu.com/2012/02/sitemap.html
Sedangkan kalau di halaman statis: http://www.sajakrerindu.com/p/sitemap.html

Bukankah lebih baik jika menggunakan halaman statis? Selain lebih pendek permalinknya juga tidak terlihat sebagai postingan lama/baru.

Oiya, paste  Script Sitemap Blogspot di atas pada pilihan HTML lho, bukan di Compose. Selanjutnya edit tulisan yang berwarna merah saja, ganti dengan url blogspot sobat. Sedangkan tulisan yang berwarna biru itu adalah tempat saya mengupload script tersebut, jadi jangan diubah. Selanjutnya klik preview untuk melihat apakah berhasil pembuatan Sitemap/Daftar Isi sobat. Kalau sudah berhasil lanjutkan dengan menambahkan beberapa kalimat/gambar pada halaman tersebut sehingga tampak lebih rapi.

Lihat gambar berikut:
Sitemap Celoteh Sajakrerindu
Script di atas merupakan script sitemap sebagai daftar isi blog blogspot berdasarkan tanggal postingan. Sebenarnya bisa juga dibuat sesuai label, tapi hal ini sebaiknya tidak dilakukan karena dalam sebuah postingan biasanya terdapat beberapa label(jarang sekali yang memberikan satu label pada satu postingan) sehingga akan terdapat beberapa judul dan link postingan pada satu sitemap/daftar isi. Hal ini justru akan berakibat tampilan menjadi tidak rapi dan membingungkan. Dan saya tidak tahu apa akibatnya jika terdapat beberapa(puluhan mungkin ratusan link dan judul) yang sama dalam satu halaman menurut search engine.


Sangat mudah kan  Membuat Sitemap/Daftar Isi Blog Blogspot? Selamat mencoba, semoga berhasil! ^^