Strategi Cara Seo di Blogger ala Revolusioner Blogger

Strategi Cara Seo di Blogger ala Revolusioner Blogger - Jika berbicara tentang SEO dalam dunia blogger memang tidak akan ada habis nya, SEO atau Search Engine Optimization akan terus berkembang dan berevolusi mengikuti perkembangan Algoritma Search Engine, Terutama Google sebagai Leader di Dunia Per-Search Engine-an.

Melihat hal tersebut, Kita khususnya sebagai blogger harus selalu memahami hal tersebut, kita tidak bisa membuat Search Engine Mematuhi kita, tapi kita lah yang harus mematuhi dan mengikuti aturan main search engine tersebut. apa yang di inginkan search engine tersebutlah yang menjadi patokan atau acuan kita untuk menerapkan teknik SEO.

Strategi Cara Seo di Blogger ala Revolusioner Blogger

Artikel ini merupakan pengembangan dan penyempurnaan dari artikel-artikel saya sebelumnya, saya sarankan sebelum anda meneruskan membaca artikel ini, akan lebih baik lagi kalau anda membaca artikel-artikel seo yang telah saya posting sebelumnya agar agan-agan sekalian mengetahui perbedaannya.

Pada Postingan Kali ini, saya akan merangkumkan Tips dan Trik SEO yang telah di Buat baik oleh saya sendiri ataupun para mastah-mastah seo yang telah lama terjun dalam dunia SEO sebelumnya.

Sebenarnya Tips dan Trik SEO itu ya dimana-mana sama saja, Ada yang menggunakan Blackhat SEO, Whitehat SEO atau yang di tengah-tengah yaitu Greyhat SEO. tapi meskipun teknik SEO yang di Share dimana-mana itu sama saja, pada postingan kali ini saya akan membuatnya Sesederhana mungkin, Agar lebih mudah dipahami, oke saya rasa cukup Intronya, langsung saja berikut ini adalah Strategi Cara Seo di Blogger ala Revolusioner Blogger.

Karena Postingan kali ini bersifat rangkuman, jadi saya hanya menulis garis-garis besarnya saja, yang penting agan udah punya pondasinya dari sini, nanti bisa di kembangin lagi.

Berdasarkan pengalaman saya pribadi, jika anda ingin artikel anda masuk halaman pertama google, berikut ada hal-hal yang harus di perhatikan.

1. Usia Domain

Yang pertama adalah usia domain, percaya atau tidak percaya domain yang telah berusia tua dan mempunyai reputasi bagus di google akan lebih mudah di gunakan untuk optimasi atau melakukan teknik seo, karena google sudah menganggap domain tersebut terpercaya karena sudah lama ada di database nya

2. Penempatan Keyword

Selanjutnya adalah penempatan keyword, penempatan keyword sangatlah penting, karena pada dasarnya SEO tidak dapat di lepaskan dari keyword

baca : Trik Penempatan Keyword Untuk SEO

3. Kualitas Artikel

Jika anda telah membaca artikel saya sebelumnya, saya telah mengatakan kalau konten adalah raja, karena jika suatu web mempunyai konten yang baik dan menarik pembaca, maka web tersebut di katakan userfriendly, dan web atau artikel yang userfriendly itulah yang di sukai google, intinya apa yang di sukai pengunjung itu lah yang di sukai google.

4. Jumlah Backlink

Yang terakhir adalah jumlah Backlink yang mengarah ke situs atau artikel anda, semakin banyak backlink berkualitas yang mengarah ke situs atau artikel anda, maka situs atau artikel tersebut dianggap sebagai situs atau artikel yang berkualitas pula, dan yang perlu di perharikan disini adalah, meskipun backlink itu penting, jangan sampai berlebihan dalam mencarinya, karena semua yang berlebihan itu tidaklah bagus

Hanya itu kah? iya, teknik SEO yang saya gunakan untuk mendapat pengunjung dari search engine hanyalah itu

Mungkin dari kalian para blogger yang belum berhasil mendapatkan pengunjung dengan teknik ini karena kurang tekun saja, teknik seo ini bukanlah teknik jangka pendek yang jika dilakukan langsung terlihat efeknya, tapi ini adalah teknik jangka panjang yang akan terus bermanfaat semakin lama anda menggunakannya.

Berikut adalah daftar lengkap Rangkuman teknik seo yang telah saya tulis

1. Trik Seo Terbaru 2016 

2. Cara Mudah Pageone Google dalam Hitungan Menit 

3. Hal wajib yang harus dilakukan setelah Posting artikel 

4. Langkah Awal Menjadi seorang Blogger

Peran Penting Google+ Dalam Meningkatkan Traffik Blog

Dalam meningkat traffik suatu blog kita dapat memanfaatkan situs Social Media seperti Facebook, Twitter, Google+ , Pinterest, dan lain sebagainya. Kebanyakan para blogger hanya memanfaatkan situs social media yang hanya terkenal saja, yaitu Facebook dan Twitter. Namun mereka tidak tau bahwa social media lain sangat berperan penting dalam meningkatkan traffik suatu blog, yaitu seperti Google+ .

Google+ merupakan salah satu jejaring sosial produk dari Google. Peran Googl+e sangat penting sekali untuk berinteraksi dengan teman, keluarga, pacar dan bahkan dengan orang yang belum kita kenal. Selain itu, peran Google+ juga sangat berguna untuk meningkatkan lalu lintas atau traffik blog kita. Karena Google+ ini terintegrasi dengan Blogger, sehingga setelah kita melakukan posting artikel baru, kita dapat membagikannya langsung ke Google+ .

Tampilan wajah dari Google bisa dibilang tidak jauh berbeda dengan tampilan Facebook, namun jika dilihat dari segi SEO Google+ sangatlah unggul. Bagaimana tidak unggul, karena Google ini adalah miliknya Google, tentunya Google akan melakukan yang terbaik untuk jejaring sosialnya.

Yang paling unik itu adalah, semakin banyak orang yang melihat profil Anda di Google+ , maka semakin naik pulalah popularitas profil Anda di mata Google. Karena ini menunjukkan bahwa keberadaan Anda dianggap sangatlah penting oleh Google.

Untuk mendapatkan traffik yang banyak dari Google Anda harus mempunyai followers yang banyak juga tentunya. Karena jika semakin banyak followers Anda, maka akan semakin bertambah pulalah jumlah pengunjung tetap untuk blog Anda. Sebelum saya membahas Cara Meningkatkan Traffik Blog Dengan Google+ ada baiknya Anda melakukan hal-hal dibawah ini terlebih dahulu kepada Profile Google Anda.

4 Hal Wajib Yang Harus Anda Lakukan Terhadap Profile Google+ Anda

Sebelum Anda menggunakan Google untuk meningkatkan traffik blog Anda, ada baiknya Anda lakukan 4 Hal dibawah ini terlebih dahulu agar Anda bisa mendapatkan Follower Google+ yang banyak. Berikut 4 Hal Wajib Yang Harus Anda Lakukan Terhadap Profile Google Anda.

1. Memasang Foto Profile

Ini adalah hal utama dan hal wajib yang harus Anda lakukan. Anda harus memasang foto asli Anda agar orang-orang dan Google bisa mengenali Anda. Foto profile bisa berupa foto asli Anda atau orang lain dan bahkan tokoh kartunpun bisa untuk Anda pakai. Namun ingatlah, foto tersebut haruslah terdiri dari hidung, wajah, telinga, mata, dan sebagainya. Karena Google bisa mendeteksi dan memverifikasi bahwa foto tersebut adalah manusia. Dan satu hal lagi yang perlu untuk Anda ingat, jangan pernah memakai atau memajang logo perusahaan di foto profil Anda karena Google tidak akan bisa mendeteksi logo.

2. Mengisi Data Pribadi

Isilah data pribadi Anda yang mengenai Anda, agar orang-orang dan google dapat mengenali Anda. Dan saya menyarankan agar Anda mengisi data Anda selengkap-lengkapnya, seperti jenis kelamin Anda, alamat Anda, pekerjaan Anda, pendidikan dan lain sebagainya.

3. Mengisi Story Anda

Nah, story ini adalah deskripsi mengenai Anda. Didalam story ini Anda dapat menanamkan sebuah backlink ataupun anchor text pada bagian introduction dan Anda juga dapat menebalkan tulisan agar Google lebih mudah mengindeksnya. Link yang ada pada story ini adalah link dofollow, artinya adalah link ini dapat memberikan kekuatan kepada situs yang akan dituju. Karena Google menganggap ini adalah link yang penting.

4. Custom URL

Ini yang terakhir, Anda dapat membuat URL dengan nama Anda sendiri. Cara mendapatkan custom URL ini adalah dengan cara masuk ke halaman about di profil Anda dan isi custom URL pada bagian Links. Atau Anda bisa mengunjungi link ini https://support.google.com/plus/answer/2676340?hl=en
Namun untuk dapat membuat custom URL dengan nama Anda sendiri, ada beberapa syarat yang harus Anda penuhi agar mendapat izin dari Google untuk bisa mengisi custom URL, yaitu syaratnya adalah.
*. Anda harus mempunya follower Googl+e minimal 10 follower atau lebih
*. Harus ada foto profile yang jelas pada akun Anda
*. Usia atau umur akun Anda minimal 30hari atau lebih

Nah, itulah 4 Hal Wajib Yang Harus Anda Lakukan Terhadap Profile Google+ Anda sebelum dapat meningkatkan traffik untuk blog Anda. Selanjutnya saya akan membahas Cara Meningkatkan Traffik Blog Lewat Google . Silahkan Anda baca selengkapnya dibawah.

Cara Meningkatkan Traffik Blog Lewat Postingan Google

Tidak hanya pada bagian profile Google+ saja yang wajib untuk Anda lakukan, pada bagian postingan Google+ Anda juga wajib melakukan yang terbaik. Berbeda dengan jejaring sosial lainnya, Google sangat memiliki kekuatan yang sangat besat untuk dapat mendorong artikel Anda agar dapat masuk pada halaman teratas search engine google dan juga dapat meningkatkan pengunjung yang datang.
Jika artikel yang Anda bagikan pada Google+ menarik, unik dan bermanfaat untuk orang lain makan orang itu akan mencoba mengklik, membaca, berkomentar dan bahkan juga dia akan membagikannya juga ke akun social medianya. Langkah tersebut sangat berpotensi besar untuk mengarahkan mereka kepada blog kita.
 
Berikut Cara Meningkatkan Traffik Blog Lewat Google+ yang dapat Anda praktekan.
 

1. Gaya Tulisan

Agar kita dapat menarik perhatian dan hati pembaca, kita dapat mengatur gaya tulisan kita. Aturlah gaya tulisan pada teks yang kita anggap penting saja. Untuk itu kita harus menerapkan ini pada postingan Google kita. Ada 3 gaya tulisan yang wajib kita pakai kepada teks yang kita anggap penting.
*. Bold atau Tulisan Tebal : untuk membuat teks atau tulisan tebal pada postingan Google kita dapat menggunakannya dengan menambahkan tanda bintang (*) sebelum dan sesudah teks.
Contoh: *teks anda disini*
*. Italic atau tulisan miring : untuk membuat teks atau tulisan menjadi miring pada postingan Google kita dapat menggunakannya dengan menambahkan tanda garis bawah (_) sebelum dan sesudah teks.
Contoh: _teks Anda disini_
*. Strikeout atau garis tengah : untuk membuat teks atau tulisan dengan garis tengah pada postingan Google kita dapat menggunakannya dengan menambahkan tanda hubung atau hypen (-) sebelum dan sesudah teks Anda.
Contoh: -teks Anda disini-

2. Gunakan 60 Huruf Pertama

Kenapa saya mengatakan harus menggunakan 60 huruf pertama? Karena 60 huruf pertama pada postingan Google+ itu akan di anggap sebagai Tag Tittle (baca: Cara Mengatur Meta Page Tittle / Judul Blog Agar Lebih SEO)oleh google. Karena 60 huruf pertama ini kekuatannya jauh lebih besar daripada huruf selebihnya. Tittle Tag yang menarik akan membuat orang untuk membacanya, untuk itu buatlah Tittle semenarik mungkin, mungkin Anda sudah tau betapa pentingnya Tittle Tag dalam suatu blog, dan tidak kalah pentingnya juga dalam postingan Google+ ini.

Baca: Tips Agar Pengunjung Betah Membaca Artikel dan Berlama-lama di Blog Anda

3. Menulis Deskripsi

Setelah Anda membuat Tittle Tag tentunya Anda harus membuat deskripsi atau teks singkat tentang postingan Anda pada Google+ . Untuk itu buatlah deskripsi sejelas mungkin tentang dan sesingkat mungkin tentang tulisan yang Anda buat.

Baca: Cara Mengatur Keyword (Kata Kunci) Blog Agar Lebih SEO

4. Gunakan Hashteks

Hashteks dapat membuat tulisan yang Anda buat agar mudah dicari oleh orang. Gunakanlah #hashteks yang sering di gunakanlah oleh orang lain agar mudah dicari. Dan tahukah Anda, hashteks yang baik terdiri dari 10-15 kata dan jika terlalu banyak menggunakan hashteks tidaklah baik.

5. Tambahkan Gambar, Vidio dan Animasi Gif

Anda juga dapat menambahkan gambar atau vidio ataupun animasi bergerak agar postingan Anda terlihat lebih menarik. Dari yang saya baca menambahkan Animasi Gif atau bergerak bisa meningkatkan jumlah klik dan 1 (like) hingga 30%, video (28.6%), sedangkan gambar (9.4%).

Baca: Cara SEO Agar Gambar dan Hyperlink Pada Blog Terindex Oleh Search Engine

Ada juga waktu yang pas untuk melakukan posting adalah pada hari Jumat, mulai dari jam 7 pagi sampai jam 10 pagi dan pada jam 11 siang sampai jam 2 siang.
Kenapa harus hari Jumat? Karena pada hari itu Google memiliki hubungan yang sangat erat dengan ungkapan TGIF atau Thanks God It’s Friday, yang artinya banyak para pengguna Google+ yang menggunakan hashtag atau kalimat tersebut pada postingan. Selain itu, di perusahaan Google sendiri setiap hari Jumat juga mengadakan forum terbuka untuk semua orang yang bekerja di Google. Dalam forum itu, siapapun boleh bertanya kepada orang yang bekerja di Google, termasuk Larry Page dan Sergen Brin.

Nah itulah Cara Memanfaat Google+ . Sekarang waktunya Anda juga memanfaat Google+ untuk meningkatkan traffik pada blog Anda. Dan jika postingan ini bermanfaat jangan lupa bagikan ke Google+ Anda juga ya. Dan jangan lupa untuk follow Google+ saya disini (follow: Google+)
Semoga artikel ini bermanfaat untuk Anda dan blog Anda. Terimakasih.

Inilah 8 Widget Penting dan Wajib Untuk Meningkatkan SEO Blog

Membuat blog bisa kita ibaratkan membuat sebuah rumah, yap rumah! Seperti yang kita ketahui bersama, rumah mempunyai penghuni, perabotan, halaman, dan lain sebagainya. Begitu pulalah dengan sebuah blog, blog juga mempunyai penghuni yaitu admin blog, perabot yaitu widget, halaman yaitu tampilan blog, dan lain sebagainya juga.

Rumah yang baik dan indah tentunya harus mempunyai perabotan yang bagus. Begitu pulalah dengan blog, blog yang baik dan indah tentunya juga harus mempunyai perabotan atau widget yang bagus yang dapat mempercantik blog tersebut. Untuk itu saya akan membahas dan memberitahukan Anda tentang Widget Penting dan Wajib Untuk Meningkatkan SEO Blog dan Mempercantik Blog.

Widget blog yang akan saya beritahukan ini bukan sekedar untuk mempercantik blog saja, namun juga berpengaruh terhadap SEO (baca: Mengenal Apa Itu SEO Bagi Pemula) blog. Kenapa saya mengatakan berpengaruh terhadap SEO blog? Karena jika Anda salah dalam memilih widget untuk blog bisa saja persentase SEO blog Anda akan berkurang dan jika Anda juga menggunakan widget yang berlebihan juga akan bisa membuat blog Anda menjadi semakin berat alias loadingnya lama. Jika loading blog Anda berat, otomatis pengunjung blog Anda akan merasa sedikit terganggu dan jera untuk mengunjungi blog Anda.

Nah, untuk itulah Anda harus berhati-hati dalam memilih widget untuk blog Anda. Sebelum saya membahas Widget Penting dan Wajib Untuk Meningkatkan SEO Blog, saya akan menjelaskan Fungsi Widget terlebih dahulu kepada Anda yang belum mengetahuinya.

Fungsi Widget

Apasih Fungsi dari Widget? Widget biasanya berfungsi untuk memberikan kenyamanan maupun kemudahan kepada pembaca atau pengunjung blog agar mudah mendapatkan informasi dari halaman blog tersebut. Biasanya widget dipasang atau diletakan di sidebar, header maupun bawah header, footer dan ada juga widget yang melayang.

Setelah Anda mengetahui fungsi dari widget, apakah Anda sudah mengetahui Widget Penting dan Wajib Untuk Meningkatkan SEO Blog? Jika Anda belum mengetahuinya, Anda berada di blog yang tepat, disini atau lebih tepatnya di artikel ini saya akan membahas semuanya.

Widget Penting dan Wajib Untuk Meningkatkan SEO Blog

Berikut adalah widget-widget penting dan wajib untuk blog.

1. Sitema atau Daftar Isi

Ini adalah widget yang paling penting dan wajib harus ada dalam sebuah blog. Karena dengan widget ini dapat memudahkan pengunjung atau pembaca melihat isi dari blog kita, yang dimana sitemap atau daftar isi ini adalah keseluruhan isi dari postingan kita. Sitemap atau daftar isi bisa kita pasang diblog kita dengan memasang archive dari widget bawaan blogspot, tapi widget bawaan blogspot ini belum tertata rapi. Namun tahukan Anda, sitemap atau daftar isi yang baik seharusnya tertara rapi berdasarkan label atau kategori blog, sebagai contohnya lihat daftar isi blog saya (lihat: Daftar Isi).

Baca : Cara Membuat Sitemap (Daftar Isi) SEO Friendly Untuk Blog

2. Populart Post atau Artikel Populer

Widget yang kedua ini adalah widget yang hanya berisikan artikel-artikel yang populer, artinya artikel yang paling banyak dibaca oleh pengunjung. Apakah Anda tau Backlink? Popular post ini bisa dikatakan berfungsi seperti backlink, namun dari blog kita sendiri. Semakin banyak artikel baru yang kita update maka link pada popular post ini seperti mendapatkan backlink yang unik dan bagus dari artikel tersebut. Widget popular post ini adalah Widget yang bisa kita katakan penting, penpting karena popular post sendiri yang berfungsi untuk mempertanankan blog atau artikel kita di SERP. Itu karena semakin sering Anda untuk mengupdate artikel, maka semakin banyak pulalah backlink yang unik, bagus dan berkualitas dari popular post itu sendiri. Namun dengan catatan, artikel yang Anda buat haruslah artikel yang unik dan berkualitas. Bukanlah artikel yang copy-paste.

Baca : Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog

3. Recent Post atau Artikel Terbaru

Widget ini adalah widget yang hanya menampilkan artikel terbaru saja. Jika Anda memasang resent post ini dan Anda membuat artikel baru, maka artikel baru Anda akan langsung berada pada widget resent post ini. Ini berfungsi agar pengunjung mengetahui kalau blog Anda sedang ada update artikel baru.

Baca : 4 Macam Widget Recent Post (Artikel Terbaru) Yang Responsiv Keren dan Simple Untuk Blog

4. Label atau Kategori

Ini sama dengan widget Sitemap atau Daftar isi. Namun hanya beda sedikit saja, jika sitemap atau daftar isi menampilkan semua isi dari postingan blog kita, namun lain halnya dengan label atau kategori, dia hanya menampilkan label saja. Contohnya saja artikel ini tentang "Inilah Widget Penting dan Wajib Untuk Meningkatkan SEO Blog" saya memasukannya ke label "Seputar Blogging", maka dia hanya menampil label "Seputar Blogging" saja.

Baca: 3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog

5. Related Post atau Artikel Terkait

Ini juga sangat berpangaruh terhadap backlink. Karena ini adalah artikel terkait yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung, biasanya ini terletak dibagian bawah postingan blog. Jika pengunjung mengklik artikel terkait, maka akan dapat menambahkan page view dari blog Anda, jika page view bertambah makan akan semakin cepat artikel tersebut naik ranking pada search engine atau mesin pencariaan.

6. Kotak Pencarian atau Search Engine

Ini sama halnya dengan google, jika kita mengetikan kata yang ingin kita cari pada google, maka akan keluar hasil yang kita cari. Begitu pula dengan kotak pencarian pada blog, jika ada pengunjung yang mengetikan kata yang ingin dia cari pada blog kita makan akan keluar artikel-artikel yang mungkin saja yang dimaksud oleh pengunjung. 

 

7. Widget Follower Blog

Ini agar memudahkan pengunjung atau pembaca mendapatkan informasi terbaru dari blog kita. widget follower ini akan memudahkan pengunjung mengikuti blog Anda, jika pengunjung tersebuat mengikuti blog Anda, dia akan mendapatkan kiriman artikel terbaru dari dashboard blognya setiap kali Anda membuat artikel baru.

8. Situs Social Media atau Jejaring Sosial

Kita dapat memasang atau memasukan account sosial media kita kedalam blog, agar pengunjung mudah untuk berkomunikasi dengan pemilik blog. Anda dapat menambahkan sosial media Anda seperti Facebook, Twitter, Google Plus, Pinterest dan lain sebagainya.

Itulah 8 Widget Penting dan Wajib Untuk Meningkatkan SEO Blog Anda. Anda boleh memasangnya dan boleh juga tidak memasangnya, tapi saya menyarankan untuk memasangnya, karena saya memakai itu semua pada blog saya.

Satu hal yang perlu Anda ingat, semakin banyak widget pada blog maka semakin berat blog tersebut. Jadi pakailah widget yang penting-penting saja dan hindari penggunaan JavaScript yang berlebihan pada widget.

Terimakasi telah membaca artikel saya, semoga ini bermanfaat untuk Anda dan pembaca yang lainnya.

Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog

Widget dapat mempercantik suatu blog, untuk itu saya akan membagikan Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog.
Popular post atau artikel populer sangat banyak sekali kita temukan yang dipasang di setiap blog. Mungkin rata-rata semua blog memakai widget ini, itu dikarenakan widget popular post ini sangat berperan penting pada suatu blog.

Widget popular post akan menampilkan artikel yang populer, maksudnya adalah artikel yang paling banyak dibaca oleh pengunjung blog. Dengan widget ini kita juga dapat meningkatkan traffik dari blog kita sendiri. Karena mungkin saja artikel populer kita akan tampil di halaman pertama search engine atau mesin pencariaan.

Namun dengan widget popular post ini kita juga bisa membuat pengunjung penasaran saat melihat judul artikel yang ada pada popular post. Untuk itu kita haruslah membuat judul blog yang menarik agar dapat menarik pengunjung untuk mengkliknya. Jika pengunjung mengkliknya, maka page view kita akan bertambah, jika page view bertambah maka artikel itu akan baik dimata search engine atau mesin pencariaan.

Untuk itulah saya menyarankan Anda untuk memasang widget popular post ini pada blog Anda. Nah, saya akan membagikan Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog. Anda dapat memasangnya pada blog Anda, karena widget popular post yang satu ini sangatlah keren dengan tampilannya yang warna-warni yang dapat memanjakan mata pengunjung saat melihatnya.

Cara Membuat Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog

Berikut langkah-langkah cara membuat widget popular post keren.

• Masuk ke blogger dan login dengan akun blogger Anda
• Pilih blog yang ingin Anda pasang widget popular post
• Pilih menu Template > Edit HTML
• Lalu cari kode ]]></b:skin> atau jika Anda tidak menemukan kode tersebut maka cari kode </style> untuk lebih cepat mencarinya tekan CTRL F
• Setelah itu copy kode dibawah lalu letakan tepat di atas kode ]]></b:skin> atau </style>

    /* CSS Popular Post */
    .PopularPosts{ color:#fff; line-height:1.6; font-size:100%; border-radius:5px 5px 0 0; padding}
    .popular-posts{line-height:1.6; font-size:100%; border-radius:0; color:#fff}
    .popular-posts a{color:#fff}
    .popular-posts a:hover{color:#fff}
    .PopularPosts ul{list-style:none; margin:0; margin-left:-18px; padding:0; counter-reset:popcount}
    .popular-posts ul li:before{list-style-type:none;margin-top:10px;margin-right:15px;margin-left:5px; padding:0.3em 0.8em; counter-increment:popcount; content:counter(popcount); font-size:16px; color:#fff; position:relative; float:left; border:1px solid #fff;border-radius:100%}
    .PopularPosts li{text-transform:uppercase; background:none; margin:0; padding:10px 18px; display:block; clear:both; overflow:hidden; list-style:none; font:13.5px/140%;border-bottom:none}
    .PopularPosts li:hover{background:#0FB9BB}
    .PopularPosts li a{text-decoration:none}
    #PopularPosts1 .widget-content{padding:0px 0 0 17px; margin-bottom:-2px}
      .PopularPosts ul li{padding:3px 7px;border:none}
    .PopularPosts ul li:nth-child(1){background-color:#F48067;margin-right:0}
    .PopularPosts ul li:nth-child(2){background-color:#2ba6e1;margin-right:0}
    .PopularPosts ul li:nth-child(3){background-color:#718397;margin-right:0}
    .PopularPosts ul li:nth-child(4){background-color:#11b7b5;margin-right:0}
    .PopularPosts ul li:nth-child(5){background-color:#d9ba71;margin-right:0}
    .PopularPosts ul li:nth-child(6){background-color:#d9ba71;margin-right:0}
    .PopularPosts ul li:nth-child(7){background-color:#2ba6e1;margin-right:0}
    .PopularPosts ul li:nth-child(8){background-color:#718397;margin-right:0}
    .PopularPosts ul li:nth-child(9){background-color:#11b7b5;margin-right:0}
    .PopularPosts ul li:nth-child(10){background-color:#d9ba71;margin-right:0}

• Save template atau simpan template Anda

Langkah selanjutnya yang perlu Anda lakukan adalah memasang widget popular postnya. Berikut cara-caranya.

• Tata Letak > Add Widget/Tambah Widget >Lalu cari popular post atau entri populer dan klik tanda
• Save atau Simpan

Sekarang lihat blog Anda, maka akan ada Widget Popular Post (Artikel Populer) Keren Warna-Warni pada menu navigasi blog Anda yang tertata rapi. Selamat!

Itulah artikel tentang Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog, semoga artikel ini bermanfaat untuk blog Anda dan menjadikan blog Anda menjadi lebih keren dan cantik.

4 Macam Widget Recent Post (Artikel Terbaru) Yang Responsiv Keren dan Simple Untuk Blog

Widget recent post atau biasa disebut artikel terbaru, tentunya widget ini sanggat berguna sekali. Karena dengan widget ini akan ditampilan artikel terbaru yang baru saja Anda buat, jadi setiap ada artikel yang baru maka artikel itu akan masuk pada widget recent post yang telah Anda pasang pada blog Anda.

Widget recent post tentunya sangatlah berguna bagi pengunjung, karena dengan widget ini pengunjung jadi tau bahawa blog yang dikunjunginya ada update artikel terbaru. Tentunya ini juga akan menguntungkan kita, bagaimana tidak, jika pengunjung melihat ada artikel baru dan tertarik untuk membacanya maka sudah dipastikan pengunjung tersebut akan langsung mengklik artikel terbaru tersebut.

Bukan sekedar klik, ketika pengunjung mengklik artikel baru itu maka Page View blog kita akan bertambah, jika page view bertambah maka artikel tersebut akan mudah untuk dicari pada search engine atau mesin pencariaan.

Setelah saya jelaskan tentang Widget Recent Post dan keuntungannya, apakah Anda tertarik untuk memasangnya? Nah, bagi Anda sobat blogger yang tertarik untuk memasangnya pada blog Anda, silahkan dilanjutkan membaca artikel ini untuk mengetahui tutorial lengkapnya.

Cara Membuat Widget Recent Post (Artikel Terbaru) Yang Responsiv Keren dan Simple Untuk Blog

Diatas sudah saya jelaskan tentang widget recent post dan keuntungnya, selanjutnya saya akan membahas 4 Tipe Widget Recent Post (Artikel Terbaru) Yang Responsiv Keren dan Simple Untuk Blog beserta tutorial pembuatannya.

1. Widget Recent Post Warna-Warni Yang SEO Friendly

Widget recent post yang pertama ini adalah berbentuk warna-warni, saya sendiri sudah memasangnya, Anda dapat melihatnya di menu navigasi sebelah kanan. Memang sudah banyak yang membahas widget recent post warna-warni, tapi kali ini saya tampil beda, karena widget recent post yang satu telah dilengkap fitur yang sangat keren seperti:

*. Memiliki tab list warna-warni
*. Memiliki title tag pada gambar dan judul
*. Sudah SEO Friendly karena adanya title tag
*. Fast loading atau Loading lebih cepat

Berikut cara-cara pemasangan widget recent post warna-warni.

• Masuk ke blogger
• Pergi ke Tata Letak > Tambahkan Widget atau Add Gadget
• Pilih HTML / JavaScriptLalu copy kode script dibawah dan pastekan pada tempat yang kosong.

style="color: #38761d;">HTML/JavaScript

<style scoped="scoped">
#ptb-repost {
font:normal normal 11px/normal Arial;
color:#333;
margin:0 auto;
padding:0;
min-height:100px;
background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKE7P-IlCkuP2i0LCYGfUBfF7TuAe_29VPknL4J0LDRAZhzQ7kzHnmEbsr80TJgAb3nKyzvKDPeTkui3ZTBwMOEwBy-wZ-iH9RuoyTf71st_wKLvWwJR6xuFgiEeke6WoUUKwQ39Xhyphenhyphenzc/s1600/loading.gif') no-repeat 50% 50%;
}
#ptb-repost li {
list-style:none;
margin:0;
padding:8px;
background-color:white;
border-bottom:1px solid #ddd;
}
#ptb-repost li a img:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);opacity: 0.5;
}
#ptb-repost li a img {
float:left;
margin:0 10px 0 0;
padding:0;
border:none;
background:none;
outline:none;
}
#ptb-repost li a.title {
font:normal normal 12px/normal Oswald;
display:block;
text-decoration:none;
color:#fdfdfd;
}
#ptb-repost li a.title:hover {
text-decoration:none;
color:#ffffff;
}
#ptb-repost li:nth-child(1) {background-color:#E11E28;margin-right:1%}
#ptb-repost li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
#ptb-repost li:nth-child(3) {background-color:#FECB09;margin-right:3%}
#ptb-repost li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
#ptb-repost li:nth-child(5) {background-color:#149A48;margin-right:5%}
#ptb-repost li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
#ptb-repost ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
#ptb-repost ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
#ptb-repost li:nth-child(9) {background-color:#863E62;margin-right:9%}
#ptb-repost li:nth-child(10) {background-color:#815540;margin-right:10%}
</style>
<ul id="ptb-repost"></ul>
<script>
//<![CDATA[
var rp_homePage = "http://www.panduantemplateblog.com",
    rp_numPosts = 5,
    rp_thumbWidth = 50,
    rp_numChars = 80,
    rp_sortByLabel = false,
    rp_noImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSgHRoO0qDOcsiwRfddSzK3Ujb0HBtRev-F9rAUfhM_N_6SN0dVsWfc9zn_5fX6SYQj294sWqBTpHN8pNuOIWq9aKcHaAUpbmQwRSCvmEgYCupDFEr7MaO_xA0VB4TMoVNpZTeCbT1GWo/s1600/minismallest-img.png",
    rp_newTabLink = false,
    rp_loadTimer = "onload";
//]]>
</script>
<script src='https://dl.dropboxusercontent.com/s/m6emd2j1kc5517k/pt

• Klik save atau simpan

 

2. Widget Recent Post Slider Responsiv

 

Widget recent post yang kedua ini sangatlah cocok sekali bagi Anda yang pengguna Template Responsiv, karena widget recent post yang satu ini sudah responsiv.
 

Berikut cara-cara pemasangan widget recent post Slider Responsiv.

• Masuk ke blogger
• Pergi ke Tata Letak > Tambahkan Widget atau Add Gadget
• Lalu pilih HTML/JavaScript
• Setelah itu copy kode script dibawah dan pastekan dikotak yang kosong

<style>
#featuredpost {margin:15px auto;}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:25px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:&#39;Oswald&#39;;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:&#39;Oswald&#39;;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:&#39;Oswald&#39;;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:&#39;Oswald&#39;;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/newbe/seocips-rec-post-slider.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.seyosnya.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
<div id="featuredpost"></div>

• Klik save atau simpan

Keterangan: silahakn diganti http://www.seyosnya.blogspot.com/ dengan alamat blog Anda

 3. Widget Recent Post Thumbnail Keren

Widget ini sangatlah keren, karena mempunyai thumbnai atau gambar yang keren.
Berikut cara-cara memasang widget recent post thumbnail keren.

• Masuk ke blogger
• Pergi ke Tata Letak > Tambahkan Widget atau Add Gadget
• Lalu pilih HTML/JavaScript
• Setelah itu copy kode script dibawah dan pastekan dikotak yang kosong

<div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"alamat blog/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

• Klik save atau simpan template

Keterangan:

•   Ganti"alamat blog" dengan alamat blog Anda
• Untuk menonaktifkan scroll bar, hapus nomor 500.Jika Anda ingin mennampilkan lebih dari 8 artikel, ganti angka 8 menjadi berapapun yang Anda suka
• Jika Anda hanya ingin judul postingan saja yang tampil, ganti true dengan none dan ganti 0 dari padding-top:0px; dengan 10

 4. Widget Recent Post Hanya Menampil Gambar atau Thumbnail Saja Yang VALID HTML5

Widget recent post yang terakhir ini hanya akan menampilkan gambar atau thumbnail saja, jadinya terlihat keren karna simple dan elegan. Widget ini juga sudah VALID HTML5, jadi Anda tidak perlu khawatir lagi dengan adanya eror code.
Berikut cara-cara memasangnya.

• Masuk ke blogger
• Pergi ke tata letak > Tambahkan Widget atau Add Gadget
• Lalu pilih HTML/JavaScript
• Setelah itu copy kode script dibawah dan pastekan dikotak yang kosong

<div id='bp_recent'></div>
<script style='text/javascript' src='https://googledrive.com/host/0B8a75E285BMHcThrdkdWZUNiUzg'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.seyosnya.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

• Klik save atau simpan

Keterangan:

• kode var numberOfPost = 12; adalah jumlah postingan, silahakan ganti angka 12 dengan angka yang Anda inginkan
• untuk http://www.seyosnya.blogspot.com/ silahkan diganti dengan URL blog Anda

 Nah itulah 4 Macam Widget Recent Post (Artikel Terbaru) Yang Responsiv Keren dan Simple Untuk Blog, semoga bermanfaat untuk Anda.

3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog .

Hallo readers~ Kali saya akan membagikan 3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog. Widget label yang akan saya bagikan kali ini sangatlah keren, karena tampilan dan bentuk dari labelnya yang menarik dan menyejukan mata ketika memandangnya.

Widget label atau kategori ini sangatlah penting untuk dimiliki oleh setiap blog, karena dengan widget ini akan menampilkan label atau kategori yang telah kita buat. Widget label atau kategori juga berguna untuk pengunjung agar pengunjung mudah untuk menavigasi kategori yang mereka ingin lihat.

Nah, untuk itu ada baiknya Anda memasang salah satu dari 3 widget label atau kategori yang saya berikan ini. Anda dapat memilihnya yang mana Anda suka. Berikut 3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog.

Cara Membuat Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog

Bagi Anda yang ingin memiliki widget label atau kategori yang responsiv, keren dan simple untuk blog Anda, silahkan pasang widget label atau kategori yang saya berikan ini pada blog Anda. Berikut 3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog yang dapat Anda pasang langsung pada blog Anda.

1. Widget Label (Kategori) Cloud Warna-Warni

 

Widget yang satu sangatlah keren, karena tampilan cloud yang keren yang penuh dengan warna-warni dan tidak akan membuat kita bosan ketika memandangnya.
Berikut cara memasang Widget Label (Kategori) Cloud Warna-Warni.

• Masuk ke blogger
• Pergi ke Template > Edit HTML
• Lalu cari kode ]]></b:skin> untuk lebih cepatnya tekan CTRL F
• Setelah itu copy kode script dibawah lalu letakan tepat di atas kode ]]></b:skin>

#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#007abe;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;}
#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:#f568dc;font-size:15px;}
#Label1 .label-size-5 a {background:#38a3ee;font-size:15px;}
#Label1 .cloud-label-widget-content span a:hover {background:#007abe;} 

• Save Template atau simpan template dan lihat blog Anda

Keterangan: 
Warna merah : Kode HTML Warna
Warna Biru : Ukuran Font / Tulisan Pada Label
Padding : Jarak Spasi

Namun jika belum terpasang juga, ikuti langkah-langkah berikut.
*. Masuk ke blogger
*. Pergi ke Tata Letak > Tambahkan widget atau add gadget
*. Setelah itu pilih Label > pilih Cloud
*. Simpan

2. Widget Label (Kategori) Cloud FLAT UI Warna Hijau Super Keren

 

Widget yang kedua ini sangatlah super keren, karena dengan tampilan Cloud FLAT UI yang dipadukan dengan Warna Hijau yang Super Keren. Untuk memasang widget ini kita hanya memerlukan sedikit pengeditan pada CSS Label Cloud yang sebelumnya.
Berikut cara pemasangannya.

• Masuk ke blogger
• Pilih Template > Edit HTML
• Cari kode CSS Label Cloud Anda, dan hapus saja kode itu lalu ganti dengan kode dibawah ini. Namun jika sebelumnya template Anda tidak ada kode CSS Label Cloud, langsung saja pasang kode dibawah ini.

/*CSS Label*/
.Label a{
padding-left: 5px;
padding-right: 31.5px;
color: #fff!important;
height: 32px;
background: #1abc9c;
margin-right: 2px;
line-height: 32px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 13px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background:#16a085; }
.Label a:after{
content: &quot;&quot;;
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;
}

• Klik save atau simpan template

Namun jika belum terpasang juga, ikuti langkah-langkah berikut.
*. Masuk ke blogger
*. Pergi ke Tata Letak > Tambahkan widget atau add gadget
*. Setelah itu pilih Label > pilih Cloud
*. Simpan

3. Widget Label (Kategori) Keren Seperti Evo Template

Widget label atau kategori yang terakhir ini sangatlah keren. Karena ini sangatlah mirip dengan label atau kategorinya Evo Template miliknya Mas Sugeng.
Berikut cara pemasangannya.

• Masuk ke blogger
• Pilih Template > Edit HTML
• Lalu cari kode ]]></b:skin> untuk lebih cepatnya tekan CTRL F
• Lalu copy kode script dibawah dan pastekan tepat di atas kode ]]></b:skin>

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size{
display:block;
float:left;
margin:0 2px 2px 0;
color:#333;
border:3px solid #EDEFF1;
}
#footer-wrap .label-size {
border:3px solid #444444;
}
#footer-wrap .label-size span {
color:#ccc;
}
.label-size a,.label-size span{
display:inline-block;
color:#333;
padding:5px 8px;
}
.label-size:hover, #footer-wrap .label-size:hover{
border:3px solid #07ACEC;
}
.label-count{
white-space:nowrap;
padding-right:6px;
margin-left:-3px;
}
.label-size{line-height:1.2
}

• Simpan template

Nah itulah 3 Macam Widget Label (Kategori) Responsiv Keren dan Simple Untuk Blog, Semoga bermanfaat untuk Anda.

Terimakasih!