Cara Membuat Popular Post Blog Simple dan Keren

Widget Popular post bawaan dari blogger kalau kita lihat-lihat kurang keren, kurang
menarik. Apakah kamu ingin mengubah popular post menjadi lebih Simple dan
Keren? Saya akan memberikan tutorialnya, dijamin blog anda tidak akan bertambah
berat tapi blog anda akan tetap menjadi lebih menarik.
Cara Membuat Popular Post Blog Simple dan Keren:
1. Login dulu ke blogger.com
2. Pilih menu Layout -> add gadget/tambah gadget/widget
3. Pilih gadget popular post
4. Atur seperti gambar dibawah ini, ubah Most viewed menjadi "All time", hilangkan
centang pada 'image thumbnail dan 'snippet'


5. Simpan widget anda
6. Sekarang masuk ke menu Template
7. Backup dulu templatenya untuk jaga-jaga
8. Klik edit HTML
9. Tekan Ctrl+F { Biar Cepet }
10 Cari kode ]]></b:skin>
11. Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>


/* Popular Post by Ngurah Jaya Antara */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("http://4.bp.blogspot.com/-
7CHpNrL3BIY/UQFD2sPq6LI/AAAAAAAAI8E/Jibvq813XCE/s400/33.gif") no-repeat
scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
/*--- End Popular Posts by Ngurah Jaya Antara --- */

Anda dapat melakukan perubahan untuk menyesuaikan tampilan default dari kode di
atas:
Untuk mengubah gambar bullet, gantilah link gambar yang bercetak tebal
pada kode di atas dengan URL bullet Anda.
Untuk mengubah warna perbatasan dalam mode aktif editlah bagian
ini #dddddd
Untuk mengubah warna perbatasan pada saat ditunjuk mouse edit bagian
ini #666666
12. Dan terakhir, simpan Template Anda
Popular Post anda akan lebih menarik dari sebelumnya. Demikianlah artikel
mengenai Cara Membuat Popular Post Blog Simple dan Keren, semoga artikel ini
bermanfaat.

Cara Menambahkan Menubar diatas Header Blog

Kita mungkin sering berkunjung ke blog lain dan melihat terdapat menubar diatas
header dari blog tersebut dan kadang kita berfikir bagus juga tampilan blog
dengan Menu Top Di Atas Header.
Pada Postingan kali ini saya akan membagikan Tips dan Cara Cara Menambahkan
Menubar diatas Header Blog

Blog yang templatenya masih standar atau masih dari template yang disediakan
oleh blogger memang tidak ada Menu Top Di Atas Header. Namun jangan kawatir
pada kali ini kita akan membahas tentang Cara Membuat Menu Top Di Atas Header.
Tetapi bagi yang menggunakan Template yang sudah dimodif atau template hasil
download hasil buatan para master, terkadang sudah ada fasilitas tersebut, namun
kalau belum, mari kita simak ulasan berikut :

Cara Membuat Menu Top Di Atas Header dalah sebagai berikut :
1. Masuk ke akun blogger anda, Blogger.com
2. Pilih Rancangan, lalu pilih Edit HTML
3. Silahkan Expand Widget Templates, lalu Download Full terlebih dahulu Template
anda, hal ini dimaksudkaan untuk mengantisipasi kesalahan yang terjadi.
4. Lalu cari kode <![CDATA[ atau untuk lebih cepat silahkan gunakan kompinasi
CTRL+F untuk mencari kode tersebut.
5. Jika kode tadi telah ketemu, silahkan anda copykan kode dibwah ini tepat diatas
kode <![CDATA[ tadi.
/*The top Menu*/
#top{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
border-bottom:1px solid #373127;
}
#top-wrap{
margin:auto;
padding: 0;
width: 960px;
background:#000000;
}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: georgia; font-weight:bold; font-size:10px;display:block;padding:10px
10px;color:#fff;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
/*The top Menu*/
#med{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
}
#med-wrap{
margin:auto;
padding: 0;
width: 960px;
}
.mednav ul {list-style:none;margin:0;padding:0px; float:left;}
.mednav li {float:left;margin:0;text-align:center;}
.mednav li a {font-family: georgia; font-weight:bold; font-size:11px;display:block;padding:10px
10px;color:#000000;text-decoration:none; text-transform:lowercase;}
.mednav li a {background:none; }
.mednav li a:hover, li a:focus, li a:active {text-decoration:underline; color:#000000;}
#navbar-iframe {
display: none !important;
}
6. Jika sudah, langkah selanjutnya adalah cari kode <head>untuk lebih cepat
gunakan kembali kombinasi CTRL+F tadi, kalai sudah ketemu silahkan copykan
kode berikut ini tepat di bawah<head>
<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li class='selected'><a href='/'><img border='0' src='http://1.bp.blogspot.com/-
7Eveg1Sruok/TZE6GFV_OHI/AAAAAAAABZo/jRHomtpFbd0/s1600/home_white.png'
style='padding:0px;'/></a></li>
<li><a href='http://kangronny.blogspot.com/' title='About Blog'>About Blog</a></li>
<li><a href='http://gadgetkitau.blogspot.com/' title='Pasang Iklan'>Pasang Iklan</a></li>
<li><a href='#' title='Exchange'><blink>Exchange &#9660;</blink></a>
<ul>
<li><a href='http://kangronny.blogspot.com/p/exchange-links.html' title='Exchange Link'>Tukar
Link</a></li>
<li><a href='http://kangronny.blogspot.com/p/banne-exchange.html' title='Exchange Banner'>Tukar
Banner</a></li>
</ul></li>
<li><a href='#' title='Contact Me'>Contact Me &#9660;</a>
<ul>
<li><a href='http://facebook.com/' title='Oto Website'>My Facebook</a></li>
<li><a href='https://twitter.com/' title='@otowebsite '>My Twitter</a></li>
<li><a href='http://kangronny.blogspot.com/' title='Contact Us'>Contact Us</a></li>
</ul></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>
7. Silahkan anda ganti datanya sesuai dengan data anda yang diwarna merah.
Dan SIMPAN

Nah itu tadi Cara Membuat Menu Top Di Atas Header yang dapat saya bagikan
pada kali ini, jika masih ada yang kurang jelas silahkan bertanya pada kolom
komentar.

Cara Mengetahui Pagerank Blog Anda
Pada kesempatan kali ini saya akan membagikan Cara Mengetahui Pagerank
Blog. Tutorial ini bukan saya tujukan untuk para newbie, karena mungkin cara ini
sudah diketahui oleh para master, namun untuk yang masih newbie cara ini masih
sangat dibutuhkan untuk mengecek pagerank blog atau website mereka.



Namun sebelum kita mengecek pagerank, kita harus tahu dulu apa itu pagerank,
pagerank merupakan penilaian google terhadapap blog atau website kita, nah
seberapa baguskah blog atau website kita atau seberapa banyak pengunjung blog
kita. Maka google akan senang untuk mengunjungi blog kita, walaupun tidak dapat
dipungkiri bahwa content adalah yang paling penting, keoriginalan content dan
kualitas konten, bermanfaat atau tidak bagi pembaca, maka itulah yang paling
penting untuk membuat sebuah blog atau website ramai dikunjungi orang.

Baiklah langsung saja saya sharing Cara Mengetahui Pagerank Blog

Cara Mengetahui Pagerank Blog
Kunjungi www.prchecker.info
Kemudian masukkan url blog/web anda.
Klik Check PR, (lihat gambar diatas)
lihat hasilnya, dapat berapa pagerank kita

Semoga pagerank blog kita semua makin hari makin tinggi, namun itu semua buth
kerja keras dan tau caranya, Maka dari itu kita harus belajar terus.

Nah itu tadi informasi mengenai Cara Mengetahui Pagerank Blog. Dapatkan juga
info blogger lainnya pada Seo Blogger, semoga bermanfaat.


Cara Membuat Blog Gratis
Cara Membuat Blog Gratis - Tips atau Tutorial ini memang telah sangat banyak orang ketahui,
apalagi para master yang telah lama berkecimpung di dunia online dan blog, namun bagi yang
baru mengenal internet, membuat blog gratis itu mungkin masih sangat asing bagi mereka,
maka dari itu Kang Ronny kali akan membagikan Cara Membuat Blog Gratis menggunakan
Blogspot, sebenarnya ada banyak Platform yang bisa kita gunakan untuk membuat blog gratis,
seperti wordpress, blog.com, dll, yang mana setiap Platform ini mempunyai kelebihan dan
kekurangan masing-masing, namun yang paling banyak digunakan orang adalah Blogspot,
karena memang bagi pemula, blogsot ini tidak akan membuat kesusahan atau kebingungan,
karena pengelolaannya sangat simple.

Cara Membuat Blog Gratis di Blogspot ini akan kita bahas dengan langkah-langkah dibawah ini :
Masuk Ke Blogger.com
setelah anda masuk ke Blogger.com, silahkan anda sign in dengan akun google anda,
menggunakan e-mail gmail. Jika anda belum memiliki e-mail gmail.com, silahkan mendaftar
terlebih dahulu. Nah setalh berhasil mendaftar e-mail, silahkan anda masuk ke Blogger.com

Setelah itu kita akan dibawa masuk kehalaman seperti gambar yang ada dibawah ini, silahkan klik
tulisan Bloge baru.

Setelah kita Klik Buat Blog, maka akan mencul sebuah menu melayang, yang mana kita diminta
mengisi rincian blog yang akan kita buat.
Pada bagian Judul, isikan dengan judul blog yang akan kita buat, misalnya Informasi terupdate.
Pada bagian Alamat silahkan isikan url yang akan kita inginkan, jika alamat blog yang kita
masukkan tersedia, maka kita boleh melanjutkan ke langkah selanjutnya, namun jika tidak, maka
silahkan pilih url yang lain, itu berarti url yang kita mau telah dipakai orang lain.
Silahkan pilih salah satu template yang kita suka, setalh blog jadi, kita masih bisa mengganti
template.
Kemudia klik Buat Blog

Blog Kita Sudah jadi, akan tampak seperti tampilan dibawah ini, setelah langkah ini, kita akan
memulai mengeposkan artikel pertama kita. Setelah blog kita berhasil dibuat, untuk memulai
menulis artikel kita, silahkan klik gambar pensil

Akan timbul tampilan seperti dibawah, kemudian pada bagian Entri judul silahkan Ketikkan judul
artikel, kemudian pada bagian isi, tulislah artikel anda, kemudian klik publish untuk
mempublikasikan artikel kita, penulisan artikel tinggal ikuti tools yang sudah ada, ini hampir sama
dengan cara kerja MS Word pada Windows.

Nah itu tadi informasi Cara Membuat Blog Gratis yang bisa Kang Ronny bagikan pada
kesempatan ini, semoga bermanfaat. jangan lupa membaca artikel kami yang lain Daftar PPC
Terbaik Dunia, dan bagi yang masih kurang jelas silahkan berkomentar dibawah.

CARA MERUBAH KURSOR DI BLOG

Jika bosan dengan tampilam kursor pada blog Anda dan Anda berminat
merubahnya, beginlah racanya:
1. Silahkan kunjungi situs http://www.totallyfreecursors.com, disana terdapat
ratusan icon-icon cursor keren, lucu dan menarik yang bisa anda pilih.
2. Lihat di side bar, akan terdapat "Cursor Menu", kemudian pilih kategori
gambar icon yang anda suka.
3. Setelah anda menemukan Icon cursor sesuai selera anda, Silahkan Cari dan
Copy kode HTML yang tersedia dan simpan di Notepad, sesuai gambar
pilihan anda seperti terlihat pada gambar dibawah ini

4. Selanjutnya, Login ke akun blogger anda
5. Klik Tata Letak > Tambah Gadget lalu pilih HTML/JavaScript
6. Copy dan Paste kode HTML yang ada di notepad tadi.
7. Kemudian Simpan dan Lihat hasilnya.
Selamat mencoba, semoga tutorial ini bermanfaat.

KUNCI JAWABAN LENGKAP GAME TEBAK GAMBAR ANDROID UPDATE!
Postingan kali ini mungkin agak sedikit nyeleneh dari postingan postingan
sebelumnya, hehe
Pada kesempatan kali ini saya akan bagi-bagi kunci jawaban tentang game android
yang cukup popular yaitu TEBAK GAMBAR.
Kemudian lihat kunci jawabannya dibawah ini, selamat bermain dan semoga
beruntung.



Kunci jawab lengkap tebak gambar android :

level 1.

1. Jambu batu
2. Potong harga
3. Mati rasa
4. Tenaga listrik
5. Mata pisau
6. Mari makan
7. Tambah tua
8. Tahi lalat
9. Minta uang
10. Obat cina
11. Fermentasi anggur
12. Kambing hitam
13. Alas kaki
14. Iga bakar
15. Daun bayam
16. Tua bangka
17. Kupas udang
18. Jam kosong
19. Tantangan seru
20. Aku sayang mama dan papa

level 2

1. Nasib buruk
2. Putri istana
3. Hidup mewah
4. Kucing belang
5. Petenis handal
6. Pemimpin keluarga
7. Mendadak mimisan
8. Pinjam kemeja
9. Truk gandeng
10. Jangka kaki
11. Tidak setuju
12. Kotak saran
13. Lebih baik
14. Jambu kuning
15. Akar rumput
16. Untaian bunga
17. Harga diri
18. Polisi tidur
19. Pulang kandang
20. Batang pohon rambutan roboh


level 3

1. Penduduk asing
2. Angkatan laut
3. Persentase biaya
4. Dekorasi butik
5. Bisnis waralaba
6. Mengejar waktu
7. Salon minimalis
8. Anak dungu
9. Seperti garam
10. Ekspansi perusahaan
11. Demam berdarah
12. Distribusi daging
13. Asimilasi oksigen
14. Bosan bercinta
15. Beban talangan
16. Menangkap lalat
17. Pelampung renang
18. Baskom air
19. Sambal bajak
20. Belasan korban mati kelaparan


level 4

1. Kuncir kuda
2. Informasi berharga
3. Pelukis wajah
4. Rambutan manis
5. Perijinan tambang
6. Pulau batam
7. Sobat pertama
8. Naik oktaf
9. Khusus dewasa
10. Jamu kuat
11. Susunan asli
12. Gagal ginjal
13. Kurang ajar
14. Rumah tangga
15. Seksi sekali
16. Keramik lantai
17. Jasa tulis
18. Bangku datar
19. Tangki gas
20. Hormati bunda agar hidup tenang


level 5

1. Kapten kapal
2. Pelampiasan hasrat
3. Golok pusaka
4. Penyumbatan darah
5. Tarif listrik
6. Induksi magnet
7. Hak asasi
8. Petani indonesia
9. Piring terbang
10. Anak zebra
11. Buah zakar
12. Kritik tajam
13. Siang bolong
14. Merasa tegang
15. Kerangka gedung
16. Kualitas film
17. Tekad bulat
18. Kirim uang
19. Ukuran empang
20. Kerja ringan gaji kurang banyak

level 6

1. Kacang polong
2. Tayang sekilas
3. Ketua partai
4. Mobil mobilan
5. Bandar tekor
6. Rumput liar
7. Kota besar
8. Kumis kucing
9. Kurang gigih
10. Kertas hias
11. Bau tanah
12. Dua anak
13. Nafas cinta
14. Kepala suku
15. Kawan serumah
16. Gulali matang
17. Kolak pisang
18. Gembok rumah
19. Bunga imitasi
20. Supir mobil tinja makan dada unggas

level 7 :

1. Keselamatan presiden
2. Tuang kopi
3. Kamera rusak
4. Darah tinggi
5. Daun pandan
6. Bunga sakura
7. Anjing tetangga
8. Malam kelabu
9. Baling pesawat
10. Ruang karaoke
11. Lapang dada
12. Sedot upil
13. Keong racun
14. Solidaritas buruh
15. Keluar garis
16. Gudang lampion
17. Jembatan layang
18. Panjang karet
19. Koperasi mandiri
20. Rajin menimba ilmu agar jadi serba bisa

Level 8 :

1. Patroli gabungan
2. Aborsi langsung
3. Paham liberal
4. Tendang selangkangan
5. Keracunan formalin
6. Semesta abadi
7. Menanak nasi
8. Juara gulat
9. Lingkaran setan
10. Harga lontong
11. Akal bulus
12. Pangkuan bangsa
13. Keset rumah
14. Sedang pameran
15. Sumpah keramat
16. Satelit parabola
17. Penambang kuat
18. Rekening gendut
19. Sekoper senapan
20. Bualan daku merayu raja keras kepala

level 9

1. Kurang garam
2. Babi ngorok
3. Perempuan tinggi
4. Merica pungut
5. Kalibrasi baterai
6. Pelumas kereta
7. Pemicu acara
8. Kuasa hakim
9. Selalu memujamu
10. Isu pengasingan
11. Suara ketapel
12. Aku pucat
13. Kebelet pipis
14. Nina bobo
15. Struktur kristal
16. Bisikan rimba
17. Ekonomi sulit
18. Susun silang
19. Energi gitaris
20. Usus terpotong separuh saat operasi pengangkatan limpa

level 10

1. Jatuh bangun
2. Motivasi kata
3. Kecuali dahi
4. Obesitas ringan
5. Biaya relokasi
6. Penyusutan aset
7. Perangko kilat
8. Angkat tangan
9. Empati guru
10. Si otak udang
11. Memutar logika
12. Jejaka takut
13. Buah bibir
14. Nota hutang
15. Kode etik
16. Pelatihan dukun
17. Biasa pusing
18. Buku laris
19. Cuma rahasia
20. Serdadu gagah batal juara ketika dia lupa diri


level 11

1. Tangan kosong
2. Otakmu miring
3. Komputer lelet
4. Aturan selera
5. Garis polisi
6. Titik hitam
7. Donatur resmi
8. Gedung kembar
9. Makananku busuk
10. Tukang bubur sekarang besar kepala sebab jadi bintang papan atas
11. Cuma sinis
12. Berangkat akrobat
13. Kodok terbang
14. Adu itik
15. Senin januari
16. Toko borgol
17. Semoga dingin
18. Juragan tenar
19. Pendidikan jasmani
20. Jangan suka paksakan mimpi bila tak berusaha sekuat tenaga

JADWAL LENGKAP PERTANDINGAN PIALA DUNIA 2014 BRAZIL
Tak terasa Piala Dunia 2014 sudah di depan mata. Perhelatan akbar piala dunia
2014 akan segera bergulir. Brazil telah mempersiapkan segala sesuatunya sebagai
wujud tanggung jawab atas keputusan Federasi Sepak Bola Dunia yang menjadi
tuan rumah kali ini. Para penggemar bola dari segala penjuru dunia pun berlomba-
lomba mengoleksiaksesosier, jersey, gadget bola dan bendera Negara favoritnya
untuk menyambut perhelatan yang diadakan tiap empat tahunan ini. Tidak hanya itu,
piala dunia juga telah menjadi bisnis tersendiri bagi mereka yang tidak ingin
ditemukan pihak kepolisian. Namun yang paling penting untuk dilakukan adalah
tetap menjaga keamanan ditempat nobar untuk tidak berbuat rusuh yang nantinya
akan merugikan diri sendiri dan orang lain, terutama pemilik
tongkrongan nobartersebut.
Nah Negara mana yang jadi jagoan Anda? Jangan sampai ketinggalan ya untuk
menyaksikan tim kesayangan Anda berlaga dalam Piala Dunia nanti. Berikut ini
jadwal pertandingannya. Selamat menikmati.



Cara Membuat Popular Post Ringan dan Seo Friendly

Pada Kesampatan kali ini saya akan memberikan Cara Membuat Popular Post
Ringan dan Seo Friendly.
Popular post akan memunculkan artikel pada blog anda yaitu artikel yang sering di
baca oleh pengunjung blog.widget yang saya bagikan ini ada 4 jenis popular
post yang berbeda.
Dalam pemasangan ke widget anda,pemasanganya pun saya kira cukup mudah
anda hanya perlu menambahkan kode CSS dan kode di widget html\java script.
Dengan kode Css popular post akan memperindah tampilan pada widget blog
anda.langsung saja ikuti langkah-langkah pemasanganya di bawah ini:

Langkah 1

Dashboard -> Layout -> Add Gadget -> Popular Posts

Kemudian Klik save
Langkah ke-2

Cara menambahkanya:
Dashboard >> Template >> Edit HTML >> cari kode ]]></b:skin> (gunakan
CTRL+F untuk menemukannya) kemudian paste kode tepat diatas
]]></b:skin> kemudian Save
Dashboard >> Template >> Edit HTML >> cari kode ]]></b:skin> (gunakan CTRL+F
untuk menemukannya) kemudian paste kode tepat diatas ]]></b:skin> kemudian
Save
Popular Post 1



code:

.popular-posts ul
{
padding-left:0px;
-moz-box-shadow:1px 1px 2px #dcdcdc;
-web-kit-box-shadow: 1px 1px 2px #dcdcdc;
-goog-ms-box-shadow:1px 1px 2px #dcdcdc;
box-shadow:1px 1px 2px #dcdcdc;
border: 1px solid #dcdcdc;

}
.popular-posts ul li {
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border-bottom:1px dashed #dcdcdc;
background:#ffffff;
}

.popular-posts ul li a
{

text-decoration:none;
font:16px georgia,verdana;
color:#3d87c4;
}

.popular-posts ul li a:hover {
text-decoration:none;
color:#333333;
}



Popular Post 2


Code:

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #ffffff no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.popular-posts ul li:hover {
border:1px solid #555555;
}

.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#333333;
}
.popular-posts ul li a:hover {
text-decoration:none;
color:#555555;
}
Popular Post 3



Code

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
-moz-box-shadow:1px 1px 2px #dcdcdc;
-web-kit-box-shadow: 1px 1px 2px #dcdcdc;
-goog-ms-box-shadow:1px 1px 2px #dcdcdc;
box-shadow:1px 1px 2px #dcdcdc;
border-radius:5px;
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%,
rgba(44,83,158,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-
stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /*
Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(44,83,158,1)
0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1)
100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(44,83,158,1)
0%,rgba(44,83,158,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(44,83,158,1)
0%,rgba(44,83,158,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9
*/
}

.popular-posts ul li:hover {
-moz-box-shadow:1px 1px 2px #dcdcdc;
-web-kit-box-shadow: 1px 1px 2px #dcdcdc;
-goog-ms-box-shadow:1px 1px 2px #dcdcdc;
box-shadow:2px 2px 4px #333333;
border:1px solid #333333;
color:#fff;
}

.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#ffffff;
}
.popular-posts ul li a:hover {
text-decoration:none;

}








Popular Post 4

Code:

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dcdcdc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}

.popular-posts ul li:hover {

background:#FF8040;

}

.popular-posts ul li a
{
text-decoration:none;
font:14px Georgia, verdana;
color:#222222;
}
.popular-posts ul li a:hover {
text-decoration:none;
color:#fff;
}


Demikian Postingan saya Cara Membuat Popular Post Ringan dan Seo Friendly.
Ada masalah? Tinggalkan komentar dibawah ini semoga bermanfaat bagi anda.





Cara Hack Password Wifi pada Windows
Apakah Anda ingin merasakan hotspot tetangga,sekolah atau di manapun sobat
berada pada tempat yang tersedia layanan hotspot?
Tapi Anda tidak tau paswordnya.Apa yang sobat rasakan? tenang saja pada
postingan saya kali ini saya ingin membahas tips jaringan yaitu bagaimana caranya
membobol jaringan wifi di windows. Sebenarnya caranya cukup mudah hanya
menggunakan software yang sangat kecil ukuranya tapi software ini sangat
bermanfaat menurut saya karena bisa membobol wifi pasword nama dari software
tersebut adalah wzcook.
Wzcook adalah Aplikasi Penjebol Pasword di mana aplikasi ini sangat mudah cara
menjalankanya.
langsung saja sobat download softwarenya melalui link di bawah ini:
Download Wzcook Disini (ukuran 52 KB)
Berikut cara menjalankan aplikasi wzcook:
1. Pastikan anda sudah di wilayah yg Wifinya dikunci
2. Buka aplikasi wzcook.exe
3. Tunggu beberapa saat hingga muncul kumpulan password2nya dan nama dari
Wifinya
4. Tekan [CTRL]+[C] untuk memindah data ke directory C:\wepkeys.txt
5. Passwordnya ada pada bagian WEP KEY itu,
6. Copy Paste passwordnya
7. Klik Connect


<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid
#999;background:#FFF;width:36px;height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=10;
var rdp_snippet_length=60;
var rdp_info='no';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new
Array(rdp_numposts);function
totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.wri
te('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-
results=0&callback=totalposts\"><\/script>');function getvalue(){for(var
i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var
j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found
){i--}else{rdp_current[i]=rndValue}}};function get_random(){var
ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var
i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var
rdp_posttitle=entry.title.$t;if('content'in entry){var
rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var
rdp_get_snippet=entry.summary.$t}else{var
rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_
get_snippet.length<rdp_snippet_length){var
rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp
_snippet_length);var space=rdp_get_snippet.lastIndexOf("
");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var
j=0;j<entry.link.length;j++){if('thr$total'in entry){var
rdp_commentsNum=entry.thr$total.$t+'
'+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){
var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var
rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var
rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--
Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-
image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'"
src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'"
rel="nofollow"
title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.writ
e('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_pos
tdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div
style="clear:both"></div></li>')}};getvalue();for(var
i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\"
src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-
results=1&callback=random_posts\"><\/script>')};
</script>
</ul>