Selasa, 29 Januari 2013

Cara Membuat Recent Post di Blogger

Recent post pada cms blogger memang sangat penting bagi kita dalam menunjang segi SEO pada dasarnya, mengapa demikian penting! Sebab dengan begitu blog yang anda miliki setidaknya mempunyai menu navigasi baik sesuai dengan ketentuan TOS di google webmaster, dimana disana terdapat satu poin jika situs kita mesti mempunyai navigasi untuk memudahkan para pembaca mendapatkan informasi terbaru.

Pada umumnya para blogger ingin sekali memodifikasi tampilan blog mereka agar menjadi cantik, namun di sisi lain para pengunjung belum tentu mempunyai kesan yang sama dengan pendapat anda. Karena saya lihat beberapa blog menambahkan postingan terbaru dengan berbagai macam teknik javascript, serta tampilan mereka sangat mewah bahkan lama ketika membuka widget tersebut.

Webmaster blogger sendiri sudah membuat suatu widget agar memudahkan pada pengelola blognya untuk menambahkan suatu widget pada sisi posting, lalu bagaimana cara mudah memasukan Gadget tersebut kedalam blog anda! Baik kalau begitu saya akan mencoba mengarahkan anda khususnya para pemula, bisa dilihat tutorial cara membuat recent post di blogger lengkapnya dibawah ini.

  1. Pertama masuk kedalam situs blogger.com
  2. Lalu pilih menu Tata Letak atau Layout seperti gambar 1.1<


    Cara Membuat Recent Post di Blogger
    Gambar 1.1
  3. Kemudian lihat disebelah kanan atau kiri ada tulisan Tambahkan Gadget atau Add a Gadget.
    Cara Membuat Recent Post di Blogger
    Gambar 1.2
  4. Ketika menu Gadget terbuka anda scroll kebawah dan cari Gadget Feed.
    Cara Membuat Recent Post di Blogger
    Gambar 1.3
  5. Lalu masukan tautan berikut ini http://youblog.blogspot.com/feeds/posts/default pada kolom kosong, ingat ganti youblog.blogspot.com dengan alamat blogspot anda seperti ocimnet.blogspot.com dan sebagainya.
    Cara Membuat Recent Post di Blogger
    Gambar 1.4
  6. Klik Simpan dan lihat hasilnya.

Jika ingin menambahkan Gadget postingan terbaru dengan gambar anda lihat panduannya dibawah.

Tahapan sendiri dari awal sama seperti tutorial di atas namun kita langsung kepada nomer 3, kemudian cari gadget HTML/JavaScript dan masukan code javascript berikut ini:
Cara Membuat Recent Post di Blogger
Gambar 2.1

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.ocimblog.com/";
</script>
<script src="http://javascript-ocim.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>

Keterangan:
Tulisan berwarna biru silahkan ganti sesuai dengan keinginan.
Tulisan berwarna merah ganti dengan alamat blogspot kamu.

Lalu klik tulisan Simpan dan lihat hasilnya.

Mungkin itu saja panduan ngeblog pada hari ini tentang cara membuat recent post di blogger, mudah-mudahan panduan tersebut bisa berjalan baik pada situs anda dan bermanfaat pastinya bagi semua. Jangan lupa untuk membaca tutorial lainnya dibawah artikel ini, terima kasih sudah berkunjung.

Tidak ada komentar:

Posting Komentar