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.

Ahad, 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.

Follow by Email