Responsive Banner design

Kita Belajar Seo Bersama Cuk Tanya Jawa Di Komen

Belajar Seo Bersama Sama
Belajar Seo Bersama Sama, Belajar Seo, Belajar Seo Terbaik, Seo Terbaik, 

Kita Belajar Seo Bersama Sama Yuk Untuk Menambah Wawasan Tentang Seo Agar Kita Bisa Saling Menggerti Tentang Seo...? Seo Itu Apa Kalau Seo Itu Untuk Meningkatkan Web Kita Biar Lebih Di Halaman Pertama Di Google Menggapa Seo Itu Bisa Di Halaman Pertama Di Google Karena Seo Sebenar Nya Mengandung Ada Yang Baik Di Mata Google Ada Juga Tidak Baik Di Mata Google Tapi Kalau Boleh Sarani Jangan pakai Seo Lebih Baik Kita Pakai Aja Cara Manual Karena Lebih Baik Di Mata Google

Cara Mebuat Seo Baik
Adalah sulit untuk membuat situs web kita mudah dikenali oleh search engine, tapi setidaknya beberapa hal di bawah ini bisa dipertimbangkan untuk mengoptimalkan halaman web, yaitu antara lain:
  1. Pilihlah keyword yang tepat. Langkah ini sangat penting dalam SEO. Temukan kata kunci yang populer dan kata-kata yang berhubungan dengan bisnis kita. Lalu cari tahu popularitas dan kompetisi dari setiap kata kunci tersebut. Kata kunci yang cukup popular dan sedikit kompetisi bisa dipilih sebagai kata kunci andalan. Ada beberapa alat SEO yang ada di Inter¬net untuk membantu kita, seperti Wordtracker dan Yahoo. Berikut ini hal-hal yang perlu diperhatikan dalam memilih keyword yang tepat.
  2. Mengoptimalkan taktor-faktor pendukung lainnya. Setelah selesai menganalisa dan memilih keyword yang paling tepat, selanjutnya mengoptimalkan faktor-faktor pendukung lain¬nya, seperti title tags, description tags, meta keyword tags, heading text, link URL, link text, image alt, comment dan halaman web text body (tidak disembunyikan dalam text HTML). Sebaiknya sesuaikan dengan aturan yang berlaku di masing-masing mesin pencari dalam menampilkan judul.
  3. Daftarkan kembali situs web ke semua mesin pencari. Kita bisa mendaftarkan kembali situs web ke semua search engine, seperti Google, Yahoo, MSN, dan lain sebagainya. Setiap kali search engine mendata keyword yang kita pilih, maka secara otomatis situs web kita pun ikut naik.
  4. Link Exchange. Program ini bertujuan untuk saling bertukar link dengan situs web lain yang berhubungan dengan bisnis kita. Perhatikan link yang tidak relevan, karena bisa mengganggu situs web kita dan beresiko ditolak oleh search engine.
  5. Pengawasan dan optimalisasi ulang. Sering-seringlah memeriksa posisi situs web di search engine de¬ngan menggunakan kata kunci pilihan.
  6. Perhatikan isi situs web. Usahakan menambahkan isi SEO secukupnya dan artikel yang sesuai dengan tema utama situs web.

Agar Artikel Blog Cepat Terdeteksi Google


Agar Artikel Blog Cepat Terdeteksi Google, Cara ini mungkin telah dikuasai dan diketahui oleh para master Blogger, dimana banyak blogger yang menggunakan tehnik ini untuk menaikkan jumlah viewers blog mereka. Biasanya untuk blog baru paling lama 1 Bulan untuk supaya Google lebih maksimal mendeteksi blog baru tersebut, tergantung cara mengurus nya juga.
Cobalah memeriksa artikel baru anda, apakah sudah muncul di mesin pencari?. Caranya Copy URL blog anda, lalu pastekan di Search Google. Jika belum muncul akan ada keterangan bahwa artikel anda tidak bisa ditemukan.
Langsung saja saya akan memberikan Cara Pemula Agar Artikel Blog Cepat Terdeteksi Google, berdasarkan pengalaman ;

1. Pastikan Blog sudah terdaftar di mesin pencari Google
Jangan harap anda bisa menemukan artikel anda di Google jika blog anda belum terdaftar di search Google. Untuk blog baru segeralah mendaftarkan blog ke Google, setelah membuat 2 artikel pertama.

2. Pasang Site Map blog anda ke Google Webmaster
Jika anda tidak melakukan cara ini, bisa dipastikan artikel anda akan lama terindex, mungkin sekitar satu minggu untuk bisa maksimal di mesin pencari. Tujuan dari pasang sitemap di google adalah untuk mempercepat pendeteksian artikel tanpa melewatkan satu artikel pun.

3. Gunakan fasilitas Auto dan Manual Ping
Ping adalah suatu situs yang berfungsi untuk mengundang Robot mesin pencari untuk merayapi blog. Saya biasa melakukan Manual Ping setelah mempublish artikel baru yang tujuan nya untuk mempercepat Index Search engine. 

Manual Ping saya : Google Ping
Auto Ping saya : Ping Fast

Di Google ping anda diharuskan mengisi Nama blog, URL blog dan email anda, lalu centang Check all untuk ping ke semua mesin pencari, tulis captcha lalu send Ping. sedangkan di Ping Fast anda hanya mengambil kode banner kecil dan pasang di blog anda, maka akan melakukan Ping otomatis .

4. Setelah artikel jadi, beri Backlink dari blog PR 1 keatas
Sebenarnya saya kurang yakin dengan cara ini, tapi menurut sumber yang beredar backlink juga membantu supaya artikel kita bisa lebih cepat muncul. Cara ini hanya saya lakukan dengan Social Bookmarking Lintas.me dan Infogue, ini saya lakukan untuk mengalahkan blog yang mengcopas artikel kita dengan cara Auto Post Blog. Dari dua sosbok itu saja sudah cukup untuk menggeser posisi Auto Blog Conten.


5. Bumbui artikel dengan sedikit SEO
Untuk lebih mengoptimalkan artikel, ada baik nya kita menerapkan sedikit SEO didalam artikel.


Semoga cara ini bermanfaat untuk anda,  Agar Artikel Blog Cepat Terdeteksi Google

Cara Cepat Website Naik Google Terbaru



Cara Cepat Website Naik Google TerbaruSEO (Search Engine Optimization) atau optimasi mesin pencari adalah serangkaian proses sistematis , bertujuan untuk meningkatkan trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma mesin pencari tersebut. Tujuan spesifik SEO adalah menempatkan suatu alamat situs web pada posisi teratas hasil pencarian search engine berdasarkan keyword tertentu. Secara logis, alamat situs pada posisi teratas hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung. Penerapan teknik seo blogspot sangat bervariasi tergantung pada pengalaman pemilik blog dan ketatnya persaingan keyword target. 

Secara garis besar saya bagi menjadi 2, yaitu SEO onpage (teknik SEO dilakukan pada halaman blog), dan SEO off page (teknik SEO diterapkan di luar halaman blog). Sebaiknya memulai dengan mengikuti panduan seo on page kemudian dilanjutkan dengan panduan SEO Off Page.

Untuk membagi trafik antara blog Artikel Komputer dan Panduan SEO, maka selain tips seo di atas juga terdapat tips seo lainnya di dalam blog ini, bisa dilihat pada link di Artikel terkait di bawah ini. Tips SEO di blog ini tidak terdapat  di blog Artikel Komputer.

Berikut ini adalah beberapa tips seo, dan panduan seo untuk blogspot khusus buat blogger pemula yang ingin melakukan optimasi blog :

A. Belajar SEO , Tips SEO
Berisi tentang konsep tentang SEO , Opini , dan Tips yang mungkin bisa dijadikan referensi buat teman-teman yang ingin belajar seo secara gratis

Cara Cepat Website Naik Google Gak Tanpa seo


Cara Cepat Website Naik Google Gak Tanpa seo, mengalahkan pesaing, dan Menjadi No 1 di Google memang sangat mudah. Kali ini saya akan membahas cara SEO website untuk menaikkan posisi blog anda di Search Engine. 

Saya tahu SEO merupakan hal yang tak bisa dianggap mudah, mungkin sangat sulit bagi kebanyakan dari anda mengingat banyaknya hal yang harus perlu dipelajari dari SEO…

Jadi langsung saja kita ke pembahasan. Secara umum, cara seo website itu ada tiga cara, antara lain..
  1. Keyword Research, adalah mencari keyword dengan jumlah pencarian yang tinggi dengan persaingan yang bisa anda taklukkan.
  2. Onpage SEO, adalah proses men-struktur halaman seperti memberi Meta description, Image Alt Tag, Title Tag, Heading Tag, dan lain-lain.
  3. Offpage SEO, adalah suatu optimasi yang anda lakukan dibelakang layar. Tidak ada pengunjung blog anda yang bisa mengetahui sepenuhnya apa yang anda lakukan. Contoh Offpage SEO adalah mencari backlink, mencari backlink bisa dengan cara berkomentar di blog dofollow, submit artikel di Social Bookmark dofollow, dan lain-lain. Anda juga harus memperhatikan kualitas backlink tersebut. 
Jadi, tiga itulah yang akan kita bahas pada artikel kali ini, yaitu Keyword research, Onpage SEO, dan OFF-PAGE SEO.

Cara SEO Website dan Menjadi No.1 Di Google

Keyword Research (menentukan keyword dengan benar)

Dalam pemilihan Keyword. Anda harus tahu keyword yang apa yang anda incar sebagai keyword utama, dan keyword pendukung situs anda. Dan kebanyakan orang bahkan tidak tahu mereka harus punya keyword untuk diincar... 
Cara SEO Website dengan Keyword Research
Jadi, pikirkan dulu anda mau buat situs tentang apa, untuk apa, siapa orang yang anda incar, dan apa keyword yang akan diketikkan orang di mesin pencari (google, bing, yahoo, dan lain-lain). Keyword yang anda targetkan harus memiliki jumlah pencarian yang besar, dan dengan sedikit persaingan (kompetisi) dan tentunya anda juga harus bisa menaklukkan Keyword tersebut.

Ingat: Jika anda salah dalam melakukan keyword research yang menarget keyword kompetitif akan menjadikan situs anda tanpa traffic. Dan kemungkinan anda akan putus asa di tengah jalan tanpa pernah mendapatkan trafik sedikitpun pun.

Untuk Keyword research ada 2 hal yang harus anda lakukan yaitu Cara Riset Keyword dengan Google AdWords Keyword Tool dan Analisis persaingan keyword.

Onpage Optimization (men-struktur halaman)

Ada banyak sekali hal dalam Onpage optimization, tapi anda tidak perlu tahu semua poin-poin pentingnya.
Cara SEO Website dengan On-page Optimization
3 hal yang paling utama dalam Onpage SEO adalah user experience, crawlability, dan Relevansi

Relevansi
Tugas mesin pencari seperti google itu adalah memberikan hasil yang relevan kepada penggunanya. Jadi, jika blog anda relevan maka besar kemungkinan situs anda bisa nangkring di posisi teratas google. Beberapa hal dalam Onpage SEO yang bisa menjadikan situs anda relevan adalah dengan mengatur Title Tag, memberi Heading Tag, Meta DescriptionImage Alt Tag, dan sebagainya..

User experience
Beberapa hal yang digunakan oleh Google untuk menentukan user experience yang dihasilkan dari suatu situs adalah kecepatan loadingbounce rate (semakin kecil nilainya, maka akan semakin baik), kualitas konten (tidak harus panjang, tetapi harus berkualitas), outbound dan inbound link (link keluar) ke halaman yang relevan dan authority, dan lain-lain.

Crawlability
Anda harus memudahkan situs anda untuk di crawl oleh Google. Halaman yang jarang di crawl oleh google maka blog bisa mengalami penurunan peringkat. Dan sebaliknya, halaman yang memiliki crawl yang lebih tinggi maka bisa saja posisi situs lebih tinggi juga di Search Engine.

Untuk cara melakukan Optimasi SEO Onpage super lengkap, silahkan baca Cara melakukan optimasi SEO Onpage

Offpage Optimization (mencari backlink)

Cara SEO Website dengan Off-page OptimizationOffpage optimization ini adalah topik yang sangat LUAS sekali, bagian ini adalah alasan yang cocok kenapa para master SEO tidak memberikan teknik rahasianya secara cuma-cuma. Jika master SEO memberikan trik rahasia nya ke muka umum, itu artinya sama saja membunuh blognya sendiri.

Dalam OFF-PAGE SEO, ini adalah 80 % dari cara untuk mencari relevansi, sisa nya adalah dari ON-PAGE SEO.

Bagaimana cara mencari RELEVANSI? Cari banyak backlink ke situs anda dengan topik yang setema dengan blog anda, dan dengan Anchor Text yang anda incar. Tidak hanya backlink yang jumlahnya banyak, tetapi backlink juga harus berkualitas.

Untuk mengenal lebih dalam mengenai backlink berkualitas, silahkan baca apa yang dimaksud Backlink berkualitas? Dan pastikan anda juga harus memilih tema blog terbaik untuk situs anda.

Pertambahan backlink juga harus konsisten, apa maksudnya? Lebih baik 100 backlink perhari daripada 3000 backlink langsung perbulan.

Ok, sekarang anda pasti sudah paham bahwa SEO adalah sebuah cara untuk menjadikan blog kita menjadi blog yang paling relevan dari situs lain. Dengan begitu, blog kita bisa rank tinggi di google dengan mudah.

Apakah Hanya 3 itu?

Sebenarnya masih banyak lagi hal yang harus anda perhatikan, misalnya seperti pengunjung.. Anda jangan sekali-kali membuat konten hanya untuk rank tinggi di google..

Google tidak suka situs seperti itu dan mungkin akan ditendang dari SERP.. Sebaiknya anda harus membuat konten yang semata-mata hanya untuk pengunjung.. Tapi tetap anda masih harus mengoptimisasinya agar bisa rank tinggi..

Beberapa Hal Agar Google Suka Blog Kita Karena Pengunjung
Sebenarnya ini sangat mudah sekali, pada dasarnya untuk membuat pengunjung dan google senang adalah konten yang informatif.. Apalagi jika anda memberi link keluar ke situs yang relevan dan Authority sebagai informasi lebih lanjut bagi pengunjung..

Jadi, ingat! SEO itu mudah asalkan anda mengerti...

Kalau SEO itu mudah, kenapa banyak yang gagal?

Salah satu alasan kenapa mereka gagal mendapat halaman satu atau ranking satu adalah karena mereka payah. Mereka fokus pada trik SEO yang sudah basi atau trik SEO yang tidak bisa bertahan lama.

Fokus pada trik sendiri itu sudah salah, SEO itu adalah teknik jangka panjang. SEO yang bagus harus berdasarkan strategi yang tepat untuk membangun situs-situs ber-pagerank tinggi yang relevan dengan kata kunci yang anda incar.

Jadi, mulai sekarang bangunlah link dengan anchor text yang beragam dan pastinya juga harus relevan.

Kesalahan lain adalah karena mereka membangun link di tempat yang salah. Banyak yang membangun backlink dari blog comment, jelas saja posisi mereka sulit naik. Jadi, manfaatkanlah cara lain seperti membangun backlink dari situs SOCIAL BOOKMARK, forum, dan lain-lain.

Bagaimana jika ingin menjadi ahli dalam SEO?

Banyak orang yang membagikan informasi di forum-forum, tetapi sebagian besar belum mengerti apa yang mereka katakan. Jadi sebaiknya kurangilah belajar di forum..

Jika anda ingin menjadi ahli dalam SEO ada 2 cara, yaitu..

Asah kemampuan anda dengan ber-eksperimen

Habiskan waktu anda untuk bereksperimen, bagaimana caranya? anda bisa membuat sebuah artikel, kemudian optimasilah artikel tersebut sesuai kemampuan yang anda miliki.

Perhatikanlah hal-hal yang dapat meningkatkan posisi situs anda dan hal-hal yang dapat menurunkan posisi situs anda. Dengan cara seperti ini, anda dapat mendapat jawaban yang sebenarnya, anda juga bisa menambah pengalaman dalam me-ranking sebuah situs.

Belajarlah dari orang yang benar-benar ahli dalam SEO

Jika anda tidak memiliki waktu untuk ber-eksperimen, maka anda bisa belajar SEO dari orang yang benar-benar berpengalaman dalam SEO.

Mungkin itu saja pembahasan mengenai Cara SEO Website dari saya. Semoga artikel ini bermanfaat untuk anda..

Cara Membuat Popular Post Warna Warni Di Blog | Infomasi Dalam Seo

Cara Membuat Popular Post Warna Warni Di Blog

Popular post adalah daftar / urutan artikel yang paling banyak dilihat yang fungsinya sama seperti gadget random post, related post dan recent post yaitu untuk navigasi atau memudahkan para pengunjung mejelajahi seluruh konten postingan yang ada di blogspot, wordpress, mwb maupun website dengan mudah. Dan pasti sobat blogger pernah blogwalking atau berkunjung ke blog blog lain dan melihat sebuah widget most popular post ada yang bergerak, berjalan, memiliki scroll maupun yang warna warni dengan nomor dan bentuk yang keren terpasang biasanya pada sidebar template blog yang membuat tampilan blog menjadi sangat menarik untuk dilihat. Sebenarnya itu adalah widget popular post bawaan blog yang di pasang namun telah di modifikasi / costumize dengan menambahkan beberapa kode css pada php / html blog yang bisa sobat lakukan jika ingin menambah atau menampilkan popular posts yang berwarna warni dengan Title Only (hanya judul artikel) atau with thumbnails (dengan gambar) agar mempercantik tampilan blog.

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

Kali ini saya akan share gimana Cara Membuat Popular Post Warna Warni Di Blog, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin memasang / menambahkan widget most popular posts keren pada sidebar template blogger.

Cara Membuat Popular Post Warna Warni Di Blog :

1. Bikin popular post warna warni seperti diatas yaitu dengan cara pertama masuk tata letak lalu klik Tambahkan Gadget pada bagian sidebar

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

2. Kemudian klik tombol tambah pada Entri Populer / Popular Post

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

3. Setelah itu konfigurasi widget tersebut sesuai keinginan sobat, centang thumbnail gambar jika sobat ingin membuat populer post dengan gambar (with thumbnail) atau kosongkan bila ingin hanya judul (title only), jika sudah bisa klik tombol Simpan maka widget popular post biasa bawaan blogger sudah terpasang

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

4. Selanjutnya kita akan mengubah nya menjadi lebih berwarna dan keren yaitu dengan cara masuk ke menu Template dan klik Edit HTML

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

5. Kemudian cari kode ]]></b:skin> atau </style>, gunakan Ctrl+F untuk memudahkan pencarian

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

6. Setelah itu silahkan sobat pilih dibawah ini ada beberapa pilihan tipe widget popular post yang berbagai macam bentuk dan warna yang keren dan bagus lalu copy script kode nya :


Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 1
/*----- TAB POPULER -----*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:63px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}


Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 2
/*Custom Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
/* Pengaturan Warna */
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}
.PopularPosts ul li:nth-child(6){background-color:#d35400;}
.PopularPosts ul li:nth-child(7){background-color:#3498db;}
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}
.PopularPosts .item-thumbnail{margin:0 7 0 0}
.PopularPosts .item-snippet{font-size:11px}


Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 3
/* Popular Post */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:normal;
color:#000 !important;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num) !important;
display:block;
position:absolute;
background-color:#333;
color:#fff !important;
width:22px;
height:22px;
line-height:22px;
text-align:center;
top:0px;
right:0px;
padding-right:0px !important;
}
/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:2% !important}
.PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:3% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:4% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:5% !important}
.PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:6% !important}
.PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:7% !important}
.PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:8% !important}
.PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:9% !important}
.PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:10% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11px;
}
.widget-content ul li{margin:0;padding:6px 0px;border-bottom:1px solid #ededed
}
.widget-content ul li:last-child{border-bottom:medium none !important
}
.widget-content ul li a{color:#333
}
.widget-content ul li a:hover{color:#C80441
}
.item-date {font-size:11px;font-style:italic;font-weight:bold;color:#FFCC00
}


Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 4
.PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul{margin:0;list-style:none;color:black;counter-reset:num}.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#fff!important}.PopularPosts a:hover{color:#222!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}.PopularPosts ul li:nth-child(1){background-color:#A51A5D}.PopularPosts ul li:nth-child(2){background-color:#F53477}.PopularPosts ul li:nth-child(3){background-color:#FD7FAA}.PopularPosts ul li:nth-child(4){background-color:#FF9201}.PopularPosts ul li:nth-child(5){background-color:#FDCB01}.PopularPosts ul li:nth-child(6){background-color:#DEDB00}.PopularPosts ul li:nth-child(7){background-color:#89C237}.PopularPosts ul li:nth-child(8){background-color:#44CCF2}.PopularPosts ul li:nth-child(9){background-color:#01ACE2}.PopularPosts ul li:nth-child(10){background-color:#94368E}.cloud-label-widget-content{text-align:left}.label-size{display:block;background:#fff;float:left;margin:0 2px 2px 0;color:#000!important;border:1px solid #ccc;padding:5px}.label-size:hover{border:1px solid #000;color:#000!important}.label-size a:hover{color:#000!important}


Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 5
/* Pengaturan Warna */ .PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%} .PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%} .PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%} .PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%} .PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%} .PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%} .PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%} .PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%} .PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%} .PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%} /*Custom Popular Post*/ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img {   margin:0 0;   padding:0 0;   list-style:none;   border:none;   background:none;   outline:none;} .PopularPosts ul {   margin:.5em 0;   list-style:none;   font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;   color:black;   counter-reset:num;} .PopularPosts ul li img {   display:block;   margin:0 10px 0 10px;   width:50px;   height:50px;   float:left;} .PopularPosts ul li {   background-color:#eee;   margin:0 10% .4em 0;   padding:.5em 1.5em .5em .5em;   counter-increment:num;   position:relative;} .PopularPosts ul li:before, .PopularPosts ul li .item-title a {   font-weight:bold;   font-size:120%;   color:inherit;   text-decoration:none;} .PopularPosts ul li:before {   content:counter(num);   display:block;   position:absolute;   background-color:black;   color:white;   width:30px;   height:30px;   line-height:30px;   text-align:center;   top:50%;   right:-10px;   margin-top:-15px;   -webkit-border-radius:30px;   -moz-border-radius:30px;   border-radius:30px;}


Jika sudah memilih tipe dari widget tersebut dan copy scriptnya selanjutnya masukkan script tersebut tepat diatas kode ]]></b:skin> atau </style> seperti pada gambar dibawah ini dan klik Simpan template.. Selesai dan lihat hasilnya

Cara Membuat Popular Post Warna Warni Di Blog Terbaru

7. Berikut adalah tampilan tampilan blog yang berhasil atau work 100% dalam membuat popular post warna warni dengan berbagai tipe :

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 1 ( TITLE ONLY)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 1 (WITH THUMBNAIL)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 2 (TITLE ONLY)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 2 (WITH THUMBNAIL)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 3 (TITLE ONLY)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 3 (WITH THUMBNAIL)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 4 (TITLE ONLY)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 4 (WITH THUMBNAIL)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 5 (TITLE ONLY)

Cara Membuat Popular Post Warna Warni Di Blog Terbaru
TIPE 5 (WITH THUMBNAIL)

Nah itulah bagaimana cara membuat popular post warna warni di blog dengan mudah dan cepat.

Silahkan dicoba