Membuat Slide Recent Post Versi Terbaru lengkap dengan Tumbnail

Posted by Azis Grafis on 11/26/11

Membuat Slide Recent Post
Banyak cara untuk menampilkan recent post atau postingan terbaru. Di blog ini saja ada banyak tutorial atau pelajaran yang membahas tentang recent post. Coba ketik saja di search box "recent post".

Sekarang kita akan belajar menampilkan recent post lebih menarik lagi. Kita membuat slide recent post, yang akan disertai thumbnail, judul terbaru, tanggal dipublish dan jumlah komentar. Ya karena slide, berarti terus bergerak dan bergantian. Widget slide recent post ini cocok dipasang di sidebar. Demonya bisa dilihat di sini

Cara Membuat Slide Recent Post
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg";
imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg";
imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://klinik-blogger.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>



Sebelum kita Simpan, berikut ini yang bisa kita ubah:
  • 220 dan 208 adalah lebar widget.
  • numposts = 10; adalah banyaknya postingan yg ingin kita tampilkan
  • Ganti http://klinik-blogger.blogspot.com/ dengan URL blog kita sendiri.
5. Simpan jika sudah selesai.
More aboutMembuat Slide Recent Post Versi Terbaru lengkap dengan Tumbnail

Artikel Terkait Versi Terbaru Lengkap Dengan Gambar

Posted by Azis Grafis on 11/20/11

Cara Membuat Artikel Terkait(Related Posts) Bergambar Related post bergambar ini secara default akan mengambil gambar di dalam postingan untuk dijadikan thumbnail pada artikel terkait, jika di dalam postingan tidak ada gambar maka thumbnail akan kosong.

link within

Kelebihan pada artikel terkait bergambar ini adalah bisa dengan gambar yang akan bisa membuat penasaran pengunjung akan artikel yang bergambar tsb.

Kekurangannya adalah artikel terkait ini hanya tampil sekitar 4-7 artikel saja yang kelihatan, jadi tidak akan banyak yang tampil dan pengunjung juga tidak akan bisa mencari artikel terkait yang sama dengan lebih banyak. Dan pada versi ini juga, kita hanya bisa menggunakan layanan yang membuat artikel terkait yang dilengkapi gambar ini adalah www.linkwithin.com

Cara Membuat Artikel Terkait BergambarUntuk membuat related post bergambar lakukan prosedur berikut:

1. Buka situs linkwithin
2. Masukkan email, domain, dan platform blog. Klik Get widget
link within

3. Klik linkInstal widget
link within

4. Kopi kode script yang tersedia.
link within

5. Login ke blogger
Tambahkan sebuah gadget html/javascript,
Di Dasbor pilih Rancangan - Elemen laman - Tambah Gadget - pilih gadget HTML/Javascript
copy script pada langkah 4 ke dalam gadget html/javascript,
Letakkan gadget html/javascript di bawah postingan.

Sekian dulu postingan saya mengenai cara membuat artikel terkait bergambar. Semoga dengan membuat artikel terkait bergambar ini blog anda semakin bagus tampilannya.

Sumber : Daw XP
More aboutArtikel Terkait Versi Terbaru Lengkap Dengan Gambar

Dapat PageRank dalam waktu Sebulan

Posted by Azis Grafis on 11/10/11

Alhamdulillah Rasanya belum sampai Sebulan Klinik Blogger ini dibuat sudah dapat PageRank walaupun Cuma satu. Ini juga tidak lepas dari Rajinnya melakukan Blogwalking sehingga mendapatkan Backlink dan jadi PR 1.

Ini juga tidak lepas dari 2 Trik yang sabgat Ampuh yang diberikan Blog aziscs1, triknya yaitu :
  1. Gratis 1900 Backlink dengan satu Klik
  2. Free 500 Lebih Backlink dari Situs Berpagerank Tinggi

Google PageRank Checker Powered by  MyPagerank.Net

Dengan 2 Trik tersebut dalam waktu kurang satu bulan Blog Klinik Blogger ini sudah mendapatkan PR1, Tetapi juga dibantu dengan Blogwalking dan meninggalkan Link kita ketika berkomentar.
More aboutDapat PageRank dalam waktu Sebulan

Cara Mengetahui URL Feed Blog / Website kita

Posted by Azis Grafis on 11/7/11

Barangkali diantara sahabat Klinik Blogger ada yang belum tau cara mengetahui alamat URL feed blog atau website sobat ?Padahal sobat lagi mencari-cari , misalnya untuk keperluan mensubmit, seperti submit ke Yahoo, google, facebook atau twitter . Gimana sih caranya mengetahui alamt feed blog kita ?



Cara Mengetahui Alamat Feed Blog/Web sbb :

  1. Buka blog kita di browser
  2. Lalu klik kanan disembarang halaman blog kita
  3. Klik "View Page Info"
  4. Akan muncul jendela pop up
  5. Klik tab "Feed"
  6. Nah disitu akan muncul URL feed blog sobat ( jika memang blog sobat mendukung script RSS feed, tapi biasanya untuk CMS umum seperti Wordpress, Joomla, atau Drupal, sudah disediakan script RSS feed nya )
  7. KLik pada salah satu URL feed yg ada
  8. Lalu copy dan simpan sebagai data jika suatu waktu diperlukan untuk submit RSS feed blog kita.
  9. Selesai


Semoga bermanfaat.
More aboutCara Mengetahui URL Feed Blog / Website kita

7 cara mencari keyword yang paling populer

Posted by Azis Grafis

Keyword atau kata kunci bisa dianggap menjadi salah satu faktor yang (sangat) penting di dunia per-blogger-an. Bila kita bisa merangkai keyword yang populer secara pas di postingan kita, maka niscaya akan banyak mengundang pengunjung ke blog kita. Artinya, trafik kunjungan meningkat. Contohnya, dulu pada saat heboh-hebohnya kasus video AP, saya sempat posting artikel dengan keyword yang banyak dicari orang, dan saat itu blog ini bisa mendapat kunjungan dadakan 5.000-an. Lumayan kan? Lalu bagaimanakah cara mencari keyword yang paling popular?

Untuk mencari keyword yang paling sering dicari orang, kita bisa menggunakan software yang bayar maupun gratis. Masing-masing mempunyai kelebihan dan kekurangan. Siapa yang mau software berbayar? Tidak ada? Baiklah, kita tinggalkan software pencari keyword yang bayar. Kita manfaatkan yang gratis, sesuai dengan jargon kita, “jika ada yang gratis, kenapa harus bayar”. Betul? Ok, berikut ini adalah 7 cara mencari keyword Terpopuler.

1. Google Adwords Keyword Tools Walaupun lebih sering digunakan untuk mencari keyword yang nantinya akan berhubungan dengan Google Adword dan Google Adsense, tapi tool ini dapat juga kita manfaatkan untuk mencari keyword yang populer. Walaupun tampilannya sudah berbeda dengan versi lama, tapi soal keampuhannya, jangan ditanya. Dan yang paling penting, tool ini gratis. Silahkan meluncur ke situsnya di Google Keyword Tool External.

2. Google Insights Ini juga produknya si mbah Google dan gratis. Melalui Google Insight, kita bisa mencari keyword popular yang sering dicari orang di 7 hari terakhir, 30 hari terakhir, bahkan di tahun-tahun sebelumnya. Kita juga bisa menyaring (filter) keywordnya, hanya untuk kawasan Indonesia saja atau negara lain. Penasaran….silahkan klik di sini untuk membuka Google Insights.

3. News Google Di News Google kita bisa menemukan keyword berdasarkan topik/story yang banyak dicari atau terjadi beberapa hari terakhir. Pada saat artikel ini saya posting, maka gempa atau tsunami yang terjadi di Mentawai menjadi “top story” di bagian kiri dari halaman news.google.com. Untuk keyword dengan topik yang banyak di cari di Indonesia, bisa dilihat di news.google.co.id

4. Alexa What’s Hot Nah, di situsnya tante Alexa, kita juga bisa mendapatkan keyword yang populer atau sering dicari orang. Atau si Alexa lebih suka menyebutnya dengan What’s Hot. Mau menikmati yang hot dari Alexa? Silahkan ber-panas-ria di Alexa What’s Hot.

5. Twitter Kalau yang ini pasti sudah tau dong? Kita bisa mendapatkan keyword yang populer dari trending topic yang ada di Twitter. Masih perlu link situsnya? Sepertinya tidak perlu ya?

6. Yahoo Popular News Yahoo Popular News juga kita manfaatkan untuk mencari keyword yang populer, misalnya dari berita/news populer di Indonesia. Silahkan cek di id.news.yahoo.com.

7. Google Trends Wah, tool yang ini hampir kelupaan. Di Google Trends bisa juga koq untuk mengetahui top keyword atau kata kunci yang paling banyak dicari orang. Tidak percaya? Silahkan aja buka Google Trends. Lagi-lagi gratis.

Itulah sebagian dari cara mencari keyword yang saya dapatkan dari beberapa sumber, baik itu hasil pencarian di internet, maupun hasil bersemedi di gunung Merapi. Pasti masih ada lagi cara yang lain. Kalau ada silahkan ditambahkan, agar 7 cara mencari keyword yang paling popular di atas dapat bertambah. Tapi yang gratis …..

Tag : batas keyword, cara melihat keyword yg paling populer, cara cek keyword yang populer, cara mencari blog yang ada hitstat, cara mengetahui keyword populer hari ini, kata paling populer di alexa
More about7 cara mencari keyword yang paling populer

Cara Terbaru membuat efek Salju di Blog

Posted by Azis Grafis on 11/5/11

Inilah Tutorial terbaru untuk menambahkan efek salju di Blog kita di jamin berhasil..
1. Copy kode di bawah ini.

<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />

Sobat juga dapat menyesuaikan kepingan salju ini (warna, jumlah dan efek binar) dengan menambahkan baris-baris tambahan kode untuk itu. So to add a customized widget, add this code instead of the previous one: Jadi untuk menambahkan widget disesuaikan, tambahkan kode ini bukan sebelumnya:

<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object --> <-! Sekarang, kita akan menyesuaikan objek badai salju ->
<script type="text/javascript"> <script type="text/javascript"> snowStorm.snowColor = '# 99ccff'; / /-ish salju biru!?
snowStorm.flakesMaxActive = 96; / / menampilkan lebih banyak salju di layar sekaligus
snowStorm.useTwinkleEffect = true; / / biarkan flicker salju di dan keluar dari pandangan
</script> </ Script>

2. Pilih menu ‘Tata letak’, pastikan kamu berada pada tab ‘Element Halaman’.
3. Klik ‘Tambah Widget’ pada bagian manapun (atas,bawah,kiri atau kanan. Terserah pokoknya) lalu pilih ‘HTML/JavaScript’ pada jendela baru yang muncul.
4. Akan muncul jendela untuk memasukkan kode. Nah, paste kode yang tadi sudah kamu copy. Biarkan kolom untuk judul kosong.
5. Tinggal klik tombol ‘SIMPAN’ dan salju-salju yang indah sudah berjatuhan dari blogmu. Mudah kan?

Untuk melihat Hasil efek Saljunya Silakan Klik Disini
More aboutCara Terbaru membuat efek Salju di Blog