Octavia 2 Column Blogger Template

Octavia 2 Column Blogger Template

blogger template blogart   22:46

Octavia 2 Column Blogger Template is a free blogger template with features such as 1 Sidebar, 2 Column, 3 Column footer, Adapted from WordPress, Elegant, Featured Section, Fixed width, Fresh, Green, Grey, Magazine, Premium, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White.

Live Demo - Download

Install Template (Baca) Cara Mengganti Template Blogger Setelah Octavia 2 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut:
1. Setting Meta tags
Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

2. Setting Favicon:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

3. Setting Slider:
Temukan kode html berikut

<li>
<a href='SLIDER-1-URL-HERE'><img class='slide-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjXA8zfgT-mjxSECvOf2XW9Zebhie5A0wOKlHhCJ34CPMEWhk3gR6h2cKpu63hLwP8JzSUDiR0NhaskxqQ9VdRSA1Z2T25JAoQHHDSg3qOwAcsTHL_BbWpGD1bel6WDFw3V4-vNiH5TOM/s1600/image1-940x400.jpg'/></a>
</li>

<li>
<a href='SLIDER-2-URL-HERE'><img class='slide-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1D4AW23Hkoz7pV8Wph_2TWOmnTWOsKdt0wnzJGVUuFfgjOY7yOfMQcQDtkAwDPsrrKJKk7i13kk-qwVFdnwx_NrUD6uxR-KAzpHazA6D_ze9l7q5CEMbtyryeKh8VD_cwH01wYOldhaI/s1600/image2-940x400.jpg'/></a>
</li> 

(Baca : Cara Mudah + Cepat Mencari Kode Html di Blogger) Silakan Ganti pada "SLIDER-X-URL-HERE" dengan url slide anda sendiri, disini terdapat 2 slides. Dan juga ganti url gambar slide nya.
4. Konfigurasi Menu
Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau. (Baca : Cara Mengganti Title Blog Dengan Gambar) Note of Octavia 2 Column Blogger Template:

• Octavia 2 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Skin Pack Untuk Windows 7

Skin Pack Untuk Windows 7

windows 7 blogart   16:32

Alien Ware Skin pack untuk windows 7 download di SINI

lion skin pack untuk windows 7 download di SINI

android skin pack untuk windows 7 download di SINI

Angry Birds Rio Skin Pack untuk windows 7 DOWNLOAD DISINI

Zune Windows 7 Theme Transformation Skin Pack  DOWNLOAD DI SINI

Dimohon Komentarnya Dibawah

Design Wood 2 Column Blogger Template

Design Wood 2 Column Blogger Template

blogger template blogart   12:38

Design Wood 2 Column Blogger Template is a free blogger template with features such as 2 Column, Adapted from Wordpress, Left Sidebar, Fixed Width, Slider Gallery, White, Black, Green.

Live Demo - Download

Install Template (Baca) Cara Mengganti Template Blogger Setelah Design Wood 2 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut:
1. Setting Meta tags
Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

2. Setting Favicon:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

4. Konfigurasi Menu
Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau.
Note of Design Wood 2 Column Blogger Template:

• Design Wood 2 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Coffee Desk v100 3 Column Blogger Template

Coffee Desk v100 3 Column Blogger Template

blogger template blogart   12:47

Coffee Desk v100 3 Column Blogger Template is a free blogger template with features such as 3 Columns, Adapted from Wordpress, Fixed Width, Right Sidebar, Suport Available, White.

Live Demo - Download

Install Template (Baca) Cara Mengganti Template Blogger Setelah Coffee Desk 3 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut:
1. Setting Meta tags
Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

2. Setting Favicon:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

3. Konfigurasi Menu
 Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau.
Note of Coffee Desk 3 Column Blogger Template:

• Coffeee Desk 3 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Kansas 2 Column Blogger Template

Kansas 2 Column Blogger Template

blogger template blogart   11:28

Kansas 2 Column Blogger Template is a free blogger template with features such as 1 Sidebar, 2 Column, Adapted from WordPress, Black, Fixed width, Left Sidebar, Magazine, Rounded corners, Top Navigation Bar, Web 2.0, White.

Live Demo - Download

Install Template (Baca) Cara Mengganti Template Blogger Setelah Kansas 2 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut:
1. Setting Meta tags
Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

2. Setting Favicon:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

3. Setting Slider: Temukan <!-- Featured Content Slider Started --> Silakan lihat di bawahnya maka kamu akan menemukan kode <div class='fp-slides-items'> dan </div> . (Baca : Cara Mudah + Cepat Mencari Kode Html di Blogger) Silakan Ganti

"This is default featured post X title" Judul Slider. "#" Link ke posting yang kamu mau. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." dengan deskripsi singkat slider. Slider image address dengan alamat gambar slider kamu.

4. Konfigurasi Menu Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau.

Note of Kansas 2 Column Blogger Template:

• Kansas 2 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Lost Saga Gangnam Style

Lost Saga Gangnam Style

Gangnam Style blogart   20:10

Nah Udah tau blom apa Itu Tarian Gangnam Style? Tarian Gangnam Style adalah gaya tari orang yang sedang naik kuda dan sesekali tangannya berputar-putar seolah sedang memegang tali laso seperti bersiap melemparkan tali ke sasaran. Istilah Gangnam Style bahkan sudah dimasukkan dalam Kamus Perkotaan oleh majalah Time.

Nah tadi saya tidak sengaja Menemukan Game salah Satu Favorit saya Juga mengikuti Tarian ini, Tariannya pun Mirip Dengan aslinya. heheheh saya aja sampai terkejut, Tapi sayangnya Motion Tersebut baru keluar di Lost Saga Korea Kalau di Lost Saga Indonesia sih belom ada.

Nah Penasarankan Seperti apa Videonya? oke silahkan simak di bawah ini....

bagaimana Sob? Semoga Terhibur dengan videonya...

ireng manis 3 Column Blogger Template

ireng manis 3 Column Blogger Template

blogger template blogart   19:45

ireng manis 3 Column Blogger Template is a free blogger template with features such as 2 Sidebars, 3 Column, Ads Ready, Fixed Width, Support Available, Right Sidebar, Black.

Live Demo - Download

Install Template (Baca) Cara Mengganti Template Blogger Setelah ireng manis 3 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut:
1. Setting Meta tags
Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

2. Setting Favicon:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

3. Konfigurasi Menu
Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau.  

Note of ireng manis 3 Column Blogger Template:

• ireng manis 3 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Alur Teks Naruto Chapter 601

Alur Teks Naruto Chapter 601

Komik blogart   09:54

Yang terkuat, Obito dan Madara telah berada di satu medan pertempuran.

"Di-Dia ..."
"Dia adalah ..." Naruto dan yang lainnya kaget saat melihat kemunculan Madara.

"Jadi kau telah menentang Edo Tensei ya" Ucap Obito.

"Tapi, Ngomong-ngomong ..."

"Kenapa!!!? Kenapa Madara bisa ada disini!!?" Teriak Naruto, benar-benar tak mengerti.

"Madara ... Itu, Madara?"

"Dia adalah Kage Bunshin juga, mana yang asli, Obito?" Madara bertanya.

"Hei, Naruto, apa ini berarti ..."

"Apa yang terjadi!?" Teriak Naruto lagi.
"Apa yang terjadi dengan mereka!!?" Naruto mempertanyakan nasib kelima kage.

"Kakak ..." Bee tampak khawatir.

"Maksudmu mereka ya?"

"Aku tanya, apa yang terjadi pada mereka!!!?" Naruto benar-benar kesal.

"Siapa yang tahu, kemungkinan mereka ...
Sedang dalam keadaan tidak baik" Ucap Madara. Sementara di tempat mereka, kelima kage tampak rebah bersimbah darah.

"Ukhh ..." Meski dalam keadaan luka yang sangat parah, Tsunada berusaha untuk bangun, mencolek darahnya dan lalu menempelkan telapak tangan ke tanah, "Kuchiyose no Jutsu"

Katsuyu muncul, dan ia langsung kaget saat melihat keadaan itu, "Tsunade-sama!!?"

"Katsuyu ...
Aku ingin meminta kau melakukan sesuatu"

"Ya, aku akan mengobati tubuhmu dan ..."

"Bukan ... Bukan itu yang aku mau, kau bisa memikirkan mengenai tubuhku nanti ...
Sekarang, yang harus kau lakukan adalah ... Para Kage, bawa mereka ke dekatku ... Aku ... Masih bisa ... Menyelamatkan mereka" Ucap Tsunade di sela-sela sekaratnya.

----- Naruto Chapter 601 -----

Kembali ke medan perang, Naruto menarik rantai yang menusuk dan membelenggu tubuh Hachibi dengan ekor-ekornyam dan lalu melempar balik rantai itu ke Obito dan Madara.

"Sebelum aku menggunakan rantai segel ini ..." Obito melempar kipas yang ia bawa ke Madara, "Ambilah, bagaimanapun itu adalah milikmu kan"

"Hah" Kini Madara telah memegang kipasnya.

Dan lalu dengan itu, serangan jarum-jarum raksasa berantai itu dengan mudah mereka tahan. Namun setidaknya, Hachibi telah bebas.

"Akhirnya aku bisa bergerak, terimakasih Naruto ...
Dan sekarang adalah giliranku" Ucap Hachibi.

Gwoooahhhhh!!!!!!!!
Saat itulah, auman keras terdengar dari dalam tabir api yang menyelimuti Ekor sepuluh.

"Obito, jadi kau telah memulai proyeknya sebelum kita menyerap Hachibi dan Kyuubi ya?" Madara bertanya.

"!!?" Gai dan Kakashi semakin kaget.,

"Dia mengetahui tentang proyek itu? Bagaimana hubungan mereka sebenarnya?" Kakashi bertanya-tanya.

"Kau terlalu terburu-buru, Obito" Ucap Madara, "Apakah itu juga alasanmu menghidupkanku kembali seperti ini?"

Obito hanya terdiam, sementara luka bekas rasengan di bagian kanan tubuhnya secara perlahan tampak mulai membaik.

Wow wow wow, chapter kali ini benar-benar membingungkan.

"Yah, tapi itu kau, kau pasti sudah punya suatu rencana kan" Ucap Madara, "Tapi ngomong-ngomong, apa saja yang sudah kau lakukan sejauh ini? Apa yang terjadi pada Nagato? Harusnya aku dihidupkan kembali menggunakan jutsu Rinne Tenseinya di waktu yang tepat"

"!!!" Naruto teringat saat mendengar nama jutsu itu, jutsu yang malah digunakan oleh Nagato untuk membangkitkan kembali warga Konoha.

"Dia mengkhianati kita, dia menggunakan jutsu itu pada werga Desa" Ucap Obito.

"Apa saja yang sebenarnya sudah terjadi? Yah, apapun itu kelihatannya kita masih punya waktu, aku akan menangkap Hachibi dan Kyuubi" Madara bersiap, akan tetapi dengan cepat Naruto melesat dan telah berada tepat di atasnya.

"Kau sudah mati!! Jangan ikut campur!!!!" Naruto menghantam Madara dengan rasengan hitam di tangan kanannya. Akan tetapi, Madara menahannya dengan kipas yang ia bawa, begitu mudah.

"Kenapa tak meledak?" Pikir Naruto tak mengerti, karena ternyata kipas itu menyerapnya.

"Uchihagaeshi!!!" Tak hanya menahan, Madara bahkan membalikannya.

Bamm!!!!

Sebuah ledakan dahsyat muncul dari kipas itu dan mementalkan tubuh Naruto, Boft.
Naruto yang ternyata hanya bunshin itu menghilang.

"Aku akan mengurus Hachibi dan Kyuubi, kau uruslah dua orang itu, Obito" Madara melesat menuju Naruto dan Bee, sementara Obito akan berhadapan dengan Kakashi dan Gai.

"Obito ...

Apa yang sebenarnya telah terjadi padamu?" Kakashi bertanya, "Kenapa kau bekerja sama denganya?"

Obito hanya diam, dan lalu teringat akan bayangan masa lalu ...

Gelap, saat itu begitu gelap.

"Apa aku, sudah mati?" Perlahan Obito membuka matanya, "!!?" Ia kaget, seseorang tampak berdiri di depannya sementara keadaan tubuhnya begitu parah, "Dimana aku?" Obito bertanya-tanya.

Dan lalu, lelaki tua renta di depannya itu menjawab, "Kau berada di antara Dunia ini dan Dunia lainnya, Uchiha Muda" Tampaknya lelaki itu adalah Madara Uchiha.

http://www.beelzeta.com/

Alur Teks Naruto Chapter 600

Alur Teks Naruto Chapter 600

Komik blogart   14:44

Sebelumnya : Naruto Chapter 599

Kakashi dan Gai menatap tak percaya, "Benarkah dia Obito?? Bukankah dia sudah mati??" Guru Gai benar-benar tak mengerti. Dan ketika menatap ke arah wajah dan Mangekyou Sharingan Obito, Kakashi bisa memastikannya, "Tidak salah lagi, dia adalah Uchiha Obito"

Naruto Chapter 600
Teks Version by www.Beelzeta.com

"Kau boleh memanggilku dengan nama itu kalau kau mau, bagiku tak ada artinya" Ucap tobi, atau mungkin sekarang kita bisa memanggilnya dengan nama Obito.

Kakashi masih terdiam, dan kemudian mengingat saat-saat ia menjalankan misi terakhirnya bersama Obito. Saat-saat dimana mata Kakashi tertebas pedang lawan, saat-saat ketika Obito menolongnya, waktu ketika Sharingan Obito aktif, waktu di saat Obito ingin melindungi semuanya ...

"Waktu itu, kau ..." Kakashi terus mengingatnya. Saat dimana musuh menggunakan jutsu elemen tanah, menggunakan puing-puing batu untuk melawan mereka. Hingga akhirnya, saat dimana tubuh Obito terjebak dan Kakashi tak mampu banyak membantu ...



"Sial!!!" kakashi waktu itu berusaha mengangkat batu yang menimpa setengah tubuh Obito. Akan tetapi, kekuatannya masih sangat jauh dari cukup bahkan untuk sekedar membuatnya bergeser.

"Hentikan, Kakashi, aku sudah selesai" Ucap Obito pasrah, "Setengah dari tubuhku sudah hancur, aku sudah tak bisa merasakannya lagi"

"Aku ...
Aku benar-benar tak pantas menjadi kapten ...
Aku tak pantas menjadi Jounin" Kakashi terlihat begitu menyesal. Tapi kemudian, Obito malah tersenyum dan berkata, "Benar juga, aku satu-satunya yang belum memberi hadiah atas keberhasilanmu menjadi Jounin kan? Kau, kau boleh memiliki mataku, sharinganku ..." Tawar Obito yang tetap tegar dan ikhlas di detik-detik terakhir sebelum kematiannya.

Dan berkat bantuan medis dari Rin, Kakashipun menerima donor mata itu. Dan untuk terakhir kalinya, Obito berkata, "Kakashi ... Aku serahkan Rin ... Padamu"

"Ya" Dengan sangat terpaksa, kakashi pergi bersama Rin meninggalkan Obito yang telah terkubur di tengah reruntuhan.

----- Naruto Chapter 600 -----

"Jadi kau bertahan hidup dari saat itu?" Kakashi bertanya.

"Siapa dia!!?" Naruto tak tahu.

"Dia adalah seorang Uchiha, Shinobi Konoha yang merupakan salah seorang rekan kami ...
Dan harusnya dia sudah mati pada perang sebelumnya"

"..." Obito masih diam.

"Kalau kau benar masih hidup ...
Kenapa sampai sekarang ..."

"Aku berhasil bertahan hidup atau tidak tidaklah penting ...
tapi yah, kalau kau benar-benar ingin tahu ...
Itu karena ...
Kau membiarkan Rin mati" Ucap Obito.

Deg ...
Kakashi tak mampu berkata apa-apa.

"Huhu, Jangan terburu-buru begitu ...
Dan jangan memasang wajah seperti itu" Ucap Obito lagi ke Kakashi.

"Jadi kau mau menyalahkanku?"

"Tak ada gunanya menyalahkan kenyataan tak berguna ini ...
Aku tak tertarik dengan Dunia ini, semenjak itu mulai menghilang" Ucap Tobi, Obito.

Kakashi kembali terdiam, tampak depresi.

"Ini bukanlah saat untuk depresi!!!" Ucap Naruto, "Guru Kakashi!! Aku tak tahu apa yang sudah terjadi antara kau dan orang itu, aku akan mendengarkan ceritanya nanti, sekarang yang lebih penting adalah untuk menghentikan rencananya!!!"

"Naruto ...
Kakashi! Naruto benar" Ucap Gai, "Dunia sedang berada di tangan kita sekarang"

Kakashi masih terdiam, sementara Tobi atau Obito hendak kembali melancarkan suatu jutsu ...

"Tak ada yang perlu aku katakan padamu, hanya matilah, terikat oleh kenyataan ini! Katon Bakufu Ranbu!!!!" Tobi menggunakan jutsu tembakan pusaran api dari Mangekyounya.

"Kakashi!!"

Api itu melalap mereka, tapi tiba-tiba Naruto dengan ekor kyuubinya melindungi mereka.

"Ekor Kyuubi ..."

Hal ini menciptakan ledakan dan kepulan asap yang hebat. Dan ketika asap itu perlahan menghilang, suatu sosok yang tidak terduga-duga muncul ...

"I-Ini ..." Gai benar-benar kaget dengan apa yang dilihatnya. Di depan, tampak Obito tengah berdiri bersama dengan seseorang yang baru saja datang, Uchiha Madara.




"Kelihatannya kau bersenang-senang disini, Obito" Ucap Madara.

bersambung Alur Teks Naruto Chapter 601

Cara Membuat Popular Post Warna Warni Di Blogger

Cara Membuat Popular Post Warna Warni Di Blogger

blogger widget blogart   21:50

Kemarin ada yang bertanya tentang cara membuat popular post warna warni, sehingga akhirnya saya putuskan untuk menuliskan tutorial cara pasang widget popular post warna warni di blogger pada postingan kali ini.

Sebenarnya cara membuat popular post warna warni di blogger tidak sulit kok, dan kita tidak perlu menambahkan script apapun, kita cukup pasang widget popular post yang sudah disediakan oleh blogger dan setting sedikit kemudian tambahkan kode css pada template kita.

Untuk lebih jelasnya silakan ikuti tutorial berikut.

Cara Pasang Popular Post Warna Warni Di Blogger

Pastikan kamu sudah login ke blogger, jika sudah login maka langkah selanjutnya adalah:

1. Klik menu Tata Letak / Layout
2. Klik Tambahkan Gadget / Add a Gdget
3. Pilih Widget Popular Post / Entri Populer

Cara Setting Widget Popular Post :

• Pada bagian Most viewed, silakan tentukan sendiri apakah ingin menampilkan artikel populer sepanjang waktu, dalam 1 bulan atau dalam satu minggu.
• Pada bagian Show ada bagian image thumbnail dan snippet serta Display up to, nah pada bagian Display up to silakan tentukan berapa artikel populer yang mau ditampilkan, sedangkan pada image thumbnail dan snippet JANGAN DIBERI CENTANG.
• Setelah itu silakan Simpan

Sampai tahap ini widget artikel populer sudah bisa dilihat pada blog kita, namun artikel populer nya belum warna warni, agar popular post menjadi warna warni silakan lanjutkan baca tutorial ini , he heeee.

Ada 2 cara, silakan pilih yang menurut kamu lebih mudah.

Cara Pertama

Karena kamu sudah berada pada bagian Tata Letak / Layout, maka kamu cukup klik tambah gadget lagi, dan pilih gadget HTML/JavaScript, setelah itu masukkan kode css berikut di dalamnya

<style type='text/css'>
/*----- POPULAR POST WARNA WARNI -----*/
#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:51px;height:51px}
#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}
</style>

Selanjutnya simpan.

Cara Kedua

Klik menu Template (letak menunya di sebelah kiri)

Di sana kamu akan bisa melihat tampilan blog kamu sekarang, nah di bawahnya ada tulisan Edit HTML, silakan klik tulisan Edit HTML tersebut, kemudian klik Lanjutkan.

Cari kode ]]></b:skin> setelah itu pasang kode berikut di atasnya. Agar lebih mudah menemukan kode tersebut silakan baca Cara Mudah + Cepat Mencari Kode Html di Blogger

/*----- POPULAR POST WARNA WARNI -----*/
#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:51px;height:51px}
#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}

Simpan pengaturan template kamu.

Nah itulah tutorial cara membuat / pasang widget popular post warna warni di blogger, semoga bermanfaat.