Download Sendang Template Blogger Simpel dan Responsive - Dimas Aresuki

Download Sendang Template Blogger Simpel dan Responsive  - Dimas Aresuki - Template Yang Lagi Banyak Di Cari Para Blogger Tapi Masih Belum Banyak Juga Yang Tau Dengan Template Seperti Ini, Dengan Fast Loading Dan Yang Pasti Di Sukai Google, Saya Pun Ingin Mencoba Template Yang Satu Ini

• Demo
• Download

Fitur Sendang Template Blogger Simpel dan Responsive Dengan Bootstrap

1. Dua Kolom
2. Desain Simpel
3. Bootstrap 3.3.1
4. Navigation
5. Share Button
6. Auto Readmore
7. Search Box
8. Related Post
9. Thread Comment
10. Dan Masih Banyak Lagi Yang Mantap

Nah Saya Sudah Pasang Template Sendang Template Blogger Simpel dan Responsive Dengan Bootstrap Ini Di Blog Saya Satunya Sekarang Giliran Anda Biar Makin Jos Blognya, Ok Sekian Dulu Dari Saya Semoga Bermanfaat Templatenya

Download Revoltify Responsive Blogger Template

Download Revoltify Responsive Blogger Template - Dari Beberapa Template Yang Sering Di Pakai Beberapa Blogger Saya Paling Sering Melihat Template Yang Di Pakai Revoltify Responsive Ini, Nah Ingin Tau Gimana Sich Template Revoltify Responsive, Langsung Saja Di Cek Di Bawah Ini

• Demo
• Download

Download Template Revoltify Alternate 2

• Demo
• Download

Template Ini Juga Sudah Fast Loading Jadi Kalian Gak Perlu Kawatir Kalau Template Ini Bisa Memberatkan Blog Kalian, Nah Langsung Saja Di Lihat Fitur Yang Menurut Saya Adalah Fitur Premium Padahal Ini Free

Fitur Revoltify Responsive Blogger Template

1. Responsive Design Cek
2. SEO Cek
3. Adsense Ready
4. Custom Threaded Comment
5. 2 Column
6. White Base Theme Color
7. Responsive Ad
8. Breadcrumbs
9. Related Posts with Subscribe Box
10. Overlay Search Box
11. Share Button
12. Responsive Dropdown Menu
13. Numbered Page Navigation
14. Sidebar Social Bookmark
15. Custom 404 Page
16. Smooth back To Top Button
17. Better Print Page Layout
18. Custom Contact Form Design
19. Subscribe Box
20. And more..

Gimana Mantapkan Fiturnya, Dari 1 Sampai 20, Kalau Masih Kurang Bisa Anda Tambahin Sendiri Tapi Menurut Saya Itu Sudah Lebih Dari Cukup, :D Sekian Dulu Dari Saya Semoga Template Ini Bisa Bermanfaat Untuk Anda

Download Template Revoltify Alternate 3 - Arlina Design

Download Template Revoltify Alternate 3 - Arlina Design - Template Revoltify Alternate 3 Ini Adalah Template Terbaru Dari Design Sis Arlina Meskipun Saya Gak Kenal Tapi Saya Kagum Dengan Template Karya Sis Arlina Ini Begitu Cantik Dan Tidak Di Ragukan Lagi Dech

• Demo
• Download

Fitur Template Revoltify Alternate 3

1. Responsive Design Cek
2. SEO (Halaman Utama dan Postingan) Cek
3. Adsense Ready
4. Dynamic Heading
5. Custom Mobile Version
6. Custom Threaded Comment
7. 2 Column
8. White Base Theme Color
9. Responsive Ad
10. Breadcrumbs
11. Related Posts with Subscribe Box
12. Overlay Search Box
13. Share Button
14. Responsive Dropdown Menu
15. Numbered Page Navigation
16. Thumbnail Social Bookmark
17. Custom 404 Page
18. Smooth back To Top Button
19. Better Print Page Layout
20. Custom Contact Form Design
21. Subscribe Box
22. Sitemap Widget (2 Option)
23. And even more on Premium Version...

Banyak Banget Kan Fitur Dari Template Revoltify Alternate 3 Yang Terbaru Ini, Nah Bagi Kalian Yang Mau Download Silahkan Saja Di Download Template Revoltify Alternate 3 Nya, Sekian Dulu Dari Saya Semoga Template Revoltify Alternate 3  Bisa Membuat Blog Kalian Makin Cantik :D

Download Minima Colored 3 Responsive Blogger Template

Download Minima Colored 3 Responsive Blogger Template - Template Keren Dan Gratis Dengan Design Yang Begitu Cantik Dan Jadilah Template Yang Bernama Minima Colored 3 Responsive Blogger Template Ini, Nah Langsung Saja Kalau Mau Tau Lebih Lengkap Bisa Lihat Demo Atau Langsung Download Saja

• Demo
• Download

Fitur Download Minima Colored 3 Responsive Blogger Template

1. Responsive Design
2. SEO
3. Adsense Ready
4. Custom Threaded Comment
5. 2 Column
6. White Base Theme Color
7. Responsive Ads ready
8. Breadcrumbs
9. Related Posts with Thumb
10. Search Box
11. Share Button
12. Top Menu
13. Main Dropdown Menu
14. Numbered Page Navigation
15. Top Social Bookmark
16. Custom 404 Page
17. Smooth back To Top Button
18. Better Print Page Layout
19. Author Box
20. Custom Contact Form Design
21. 4 Color Option (Update)
22. Google Richsnippet
23. And more..

Langsung Saja Kalau Mau Kalian Pakai Langsung Saja Di Download, Ini Gratis Gak Bayar Saya Tau Kok Kalau Orang Indonesia Sukanya Gratissan Sama Kayak Saya Juga :D, Oh Sekian Dulu Semoga Minima Colored 3 Responsive Blogger Template Bisa Bermanfaat Untuk Anda

Download Template Minima Colored 3 Mag Style

Download Template Minima Colored 3 Mag Style - Template Minima Colored 3 Mag Style Memang Sangat Cantik, Saya Pun Ingin Bisa Membuat Template Seperti Minima Colored 3 Mag Style Tapi Masih Belum Bisa :D Nah Berhubung Saya Gak Bisa Bikin Template Minima Colored 3 Mag Style Saya Akan Membagikan Dari Sis Arlina Saja :D

• Demo
• Download

Fitur Download Template Minima Colored 3 Mag Style

1. Responsive Design
2. SEO
3. Adsense Ready
4. Custom Threaded Comment
5. 2 Column
6. White Base Theme Color
7. Responsive Ads ready
8. Breadcrumbs
9. Related Posts with Thumb
10. Search Box
11. Share Button
12. Top Menu
13. Main Dropdown Menu
14. Numbered Page Navigation
15. Top Social Bookmark
16. Custom 404 Page
17. Smooth back To Top Button
18. Better Print Page Layout
19. Author Box
20. Custom Contact Form Design
21. 4 Color Option (Update)
22. Google Richsnippet
23. And more..

Setiap Template Sis Arlina Selalu Fitur Yang Di Berika Bagai Template Premium, Nah Kalau Mau Download Template Minima Colored 3 Mag Style Silahkan Saja Di Download Gratis Kok :D

Download Lycoris 2.1 Responsive Blogger Template

Download Lycoris 2.1 Responsive Blogger Template - Ini Adalah Template Update Dari Template Sebelumnya Jadi Ini Lebih Sempurna Dari Sebelumnya, Langsung Saja Download Lycoris 2.1 Responsive Blogger Template Yang Bisa Anda Gunakan Di Blog Anda, Untuk Cara Editnya Pun Mudah Jadi Gak Perlu Harus Jago Coding

• Demo
• Download 1
• Download 2

Fitur Download Lycoris 2.1 Responsive Blogger Template

1. Responsive Design
2. Masonry Grid Layout
3. SEO
4. Simple Flat Design
5. Custom Threaded Comment
6. Sidebar Recent Post Slider
7. 2 Column
8. Responsive Ads ready
9. Breadcrumbs
10. Related Posts with Thumb
11. Search Box
12. Share Button
13. Top Menu
14. Main Dropdown Menu
15. Numbered Page Navigation
16. Top Social Bookmark
17. Subscribe Box
18. Smooth back To Top Button
19. Better Print Page Layout
20. Custom Contact Form Design
21. And more..

Ok Dech Langsung Saja Kalian Download Jika Berminat Dengan Template Lycoris 2.1 Responsive Blogger Template Sekian Dulu Dari Saya Semoga Bermanfaat

Template Mas Sugeng Terbaru 2015

Template Mas Sugeng Terbaru 2015 - Mas Sugeng Bagi Bagi Templatenya Namanya Mas Sugeng 2015 Blogger Template, Template Premium Yang Di Bagikan Gratis

Bagi Kalian Pasti Gak Asing Dengan Template Ini, Karna Template Ini Sudah Banyak Yang Meminati Dari Kalangan Blogger,

Untuk Fitur Template Ini Anda Bisa Lihat Sendiri Di Bawah Ini, Dengan Fitur Yang Menarik Tentunya :D

Fitur Mas Sugeng 2015 Blogger Template

SEO Ready

Mobile Version

Auto Readmore

Breadcrumbs

Related Post

Dan Masih Banyak Lagi

Nah Dari Pada Penasaran Langsung Saja Kalian Bisa Download Atau Demo Terlebih Dahulu Di Bawah Ini

• Demo
• Download

Kalau Dudah Download Template Mas Sugeng Terbaru 2015 Langsung Terapkannya Di Blognya :D, Sekian Dari Saya Semoga Bermanfaat
Sumber: http://www.karyapemudakampung.com/2014/12/template-mas-sugeng-terbaru-2015.html

Cara Membuat Pemutar Musik Keren Di Blog

Cara Membuat Pemutar Musik Keren Di Blog - Selamat Malam Sobat Blogger, Malam Ini Saya Akan Share Tentang Cara Membuat Pemutar Musik Keren Di Blog

Dari Namanya, Saya Kasih Kata Keren Karna Memang Keren, Pemutar Musik Ini Saya Dapat Dari Salah Satu Blogger, Dan Saya Edit Lebih Ramping :D

Inilah Tampilan Cara Membuat Pemutar Musik Keren Di Blog Yang Saya Edit :)

Untuk Cara Memasangnya Sangat Lah Mudah

Cara Membuat Pemutar Musik Keren Di Blog

1. Buka Blogger

2. Masuk Ke Pengaturan Template

3. Masukan Script Ini Di Atas

</script><br /><script src='https://muhamad-zainut-taqwim.googlecode.com/svn/Lagu' type='text/javascript'/><script type='text/javascript'>musikDongBang('https://sites.google.com/site/karyapemudakampung/Pop%20Danthology%202012%20-%20Mashup%20of%2050%2B%20Pop%20Songs.mp3','Karya Pemuda Kampung'); </script>

4.Lalu Save Template Anda

Anda Bisa Merubah Tulisan Karya Pemuda Kampung Dan Link .mp3, Jika Kalain Ada Kesulitan Atau Binggung Bisa Komentar Di Bawah, Dengan Senang Hati Saya Akan Membalasnya :D

Pasang Emoticon Pada Komentar Blogger

Pasang Emoticon Pada Komentar Blogger - Assalamualakum Sobat, Gimana Kabarnya ? Semoga Baik Baik Saja, Saya Mau SHARE Tentang Pasang Emoticon Pada Komentar Blogger

Banyak Yang Share Tapi Saya Lihat Banyak Juga Yang Error Ketika Di Pasang Bisa Tapi Ketika Di Terapkan Emoticon Tidak Mau Muncul Di Komentar Blog

Kali Ini Saya Akan Share Pasang Emoticon Pada Komentar Blogger Yang Sudah Saya Terapkan Blog Saya Satunya..

Dari Pada Penasaran Mending Langsung Saja Di Coba

Pasang Emoticon Pada Komentar Blogger

1. Buka Blogger.com

2. Lalu Masukkan Script Di Bawah Ini Di Atas Kode </Body>

<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>//<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", }) }); //]]></script><script src='https://muhamad-zainut-taqwim.googlecode.com/svn/emoticon2' type='text/javascript'/><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script></b:if>
3. Masukkan Kode Di Bawah Ini Di Pesan Folmulir Komentar
Klik Emoticon: :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer

Setelah Proses Selesai Coba Sekarang Anda Lihat Apakan Sudah Muncul, Jika Kalain Binggung Bisa Komentar Di Bawah, Sekian Dulu Dari Saya Semoga Bermanfaat :)

Emoticon Wordpress Untuk Blogger

Emoticon Wordpress Untuk Blogger - Sudah Lama Gak Perna Share Tentang Blogger Dan Akhirnya Malam Ini Saya Share Emoticon Wordpress Untuk Blogger

Script Ini Saya Dapat Dari Kang Mousir Dan Ternyata Ketika Saya Pasang Di Blog Saya, Blog Saya Jadi Error Dan Saya Coba Sempernakan Untuk Blog Yang Tidak Bisa Di Gunakan Seperti Blog Ini,

Setelah Saya Pelajari Di Gunung Kidul Dan Pantai Selatan Selama 3 Hari 1 Malam :D Akhirnya Saya Berhasil Juga Merangkai Kata Kata Di Bawah Ini :D

Emoticon Wordpress Untuk Blogger

1. Cari Kode </body> Dan Letakkan Kode Di Bawah Ini Tepat Di Atas Kode </body> .Lalu Simpan

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script><script>//<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "#comment-editor", emoMessage = "Beri Satu Spasi Sebelum Dan Sesudah Kode Emoticon."; //]]></script><script src='https://muhamad-zainut-taqwim.googlecode.com/svn/Taqwim.js'/>

2. Masukkan Kode Di Bawah Ini Di Pasan Formulir KomentarKlik Emoticon : :) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d

Ok Dech Sekarang Sudah Selesai Juka Ada Yang Error Silakan Komentar, Saya Akan Bantu Sebisa Saya :)

Cara Membuat Widget Labels atau Kategori Blog Cloud Keren

Kembali lagi sobat blogger yang saya harapkan untuk terus menerus berkunjung ke blog ini.hhe. Pada jam segini, gasik sekali saya berikan teritorial mengenai blog blogger tentang Cara Membuat Widget Labels atau Kategori Blog Cloud yang keren (menurut saya), simpel (menurut saya). Entah menurut anda bagaimana bila melihat tampilan widget labels yang saya share ini. Mudah-mudahan artikel yang saya bagikan bermanfaat buat anda para blogger sejati.

Widget Labels atau Kategori, berfungsi sebagai menu navigasi pada blog agar para pengunjung blog bisa menavigasi blog anda dengan mudah. Ditambah pada widget labels itu bisa menampilkan jumlah postingan pada label tersebut, agar si pengunjung blog bisa menilai seberapa banyaknya artikel yang ada pada blog tersebut, dan semakin banyak artikel, semakin baik pula bagi para pengunjung blog (mungkin).

Kali ini saya akan memberikan tampilan widget labels yang lumayan bagus, tampilan widget labelsnya seperti pada gambar dibawah ini :

Bila anda menyukai dengan tampilan widget labels atau kategori yang saya buat di atas, silahkan ikuti cara-caranya dibawah ini :

1. Masuk ke akun blogger anda, lalu pergi ke bagian Template dan klik edite HTML.
2. Setelah itu tambahkan kode CSS tampilan Label Cloud dibawah ini, tepat di atas kode </head>.

<style type='text/css'>
.label-size a {
background: none repeat scroll 0 0 #535353;
color: #FFFFFF;
float: left;
margin: 0 5px 2px 0;
padding: 10px;
font-weight: blod;
font: 12px  Arial, Sans-Serif;
text-transform: uppercase;
}
.label-size a:hover {
background-color: cadetblue;
color: #fff;
text-decoration: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
border-right: 5px solid #EEEEEE;
}
</style>

3. Setelah anda menambahkan kode CSS pada HTML blog, silahkan kembali menuju bagian Tata Letak.
4. Tambahkan widget baru dengan menekan tambahkan widget atau add widget.
5. Silahkan pilih label dan atur sesuai pada gambar dibawah ini :

6. Setelah itu,  tinggal anda simpan atau save. Dan lihat hasilnya sobat !.

Selesai artikel teritorial mengenai Cara Membuat Widget Labels atau Kategori Blog Cloud yang keren abis. Mudah-mudahan sangat bermanfaat buat anda yang kebetulan sedang mencari-cari teritorial blogger mengenai cara membuat labels keren. Sukses selalu mengeblog sobat !.

Kumpulan Kode Emoticon Beserta Artinya

Kode Emoticon adalah suatu kode yang dipergunakan untuk kebutuhan pada layanan internet di media sosial seperti halnya layanan facebook, yahoo massanger, dan layanan chatting lainnya. Kemungkinan juga bisa dipergunakan untuk pemasangan kode emoticon pada komentar blog. Hal itu juga bila mana blog tersebut diberi scrift kode emoticon.

Disini saya akan memberikan kode emoticon beserta arti maksud ungkapan dari kode tersebut. Tetapi saya tidak memberikan contoh ini beserta gambar-gambarnya. Bila mana anda memang memerlukannya, silahkan copy paste saja buat dipergunakan untuk kebutuhan layanan chatting atau digunakan untuk menambahkan kode emoticon pada blog anda.

Dibawah ini adalah kode emoticon dan maksud dari kode emoticon tersebut !

1. Bingung : %-(
2. Bodoh : %-)
3. Komputer Hang : %*$:-C
4. Mati Kutu : %-6
5. Tersenyum : :)
6. Peluk : ()
7. Marah : (:&
8. Cowok : :-
9. Cemberut : :(
10. Sedih : :-(
11. Berteriak : :( )
12. Senang/ Tersenyum : :-)
13. Sangat Senang : :-)8
14. Tertawa terbahak-bahak : :-))
15. Apa : :@
16. Ragu-ragu : :-\
17. Bosan dan sedih : :|
18. Hmmm : :-|
19. Marah : :-||
20. Tersenyum Lebar : :-}
21. Ngiler : :~~p
22. Sakit : :-'|
23. Menangis : :'-C
24. Nyengir/tersenyum lebar : :-D
25. Terpesona : :-o
26. Aku menganggap kamu seorang teman : :P
27. Mengejek : :-P
28. Main mata : ;-)
29. Terkejut : =:o
30. Cewek : >-
31. Baik hati : >:-
32. Naik darah : >-<
33. Marah besar : >>:<<

Sekarang anda sudah tahukan kode emoticon beserta apa arti maksud kode tersebut. Semoga bermanfaat bagi yang membutuhkannya. Sekian dan terimakasih.

Cara Melihat Pengunjung Blog Yang Aktif Saat ini Pada Statis Google Analytics

Dibanding dengan statistik situs lain, sebenarnya penghitung jumlah pengunjung statistik blog ataupun website yang paling akurat dan baik adalah Google Analytics. Google Analytics merupakan suatu situs resmi google yang dapat anda manfaatkan sebagai penghitung statistik blog atau website yang akurat. Kegunaan Google Analytics sangat banyak dalam segi menghitung dan membandingkan jumlah pengunjung buat blog atau website anda.

Sebagian besar memang para blogger lebih memanfaatkan situs Google Analytics untuk penghitungan jumlah penjung website mereka. Namun ada juga mereka yang sudah mempunyai akun google analytics, mereka yang mungkin kurang tahu mengenai google analytics untuk melihat penjung yang aktif pada saat ini atau melihat penjung yang sedang berkunjung pada website pada jam saat itu, menggunakan widget amung, histats. Sebenarnya, menurut saya dengan menerapkan widget tersebut hanya digunakan sebagai pamer saja dan kerugiannya hanya akan memberatkan loading blog atau website anda sendiri.

Nah untuk itu marilah para sobat blog ciptakan suatu blog yang terlihat lebih sederhana, tampilan dan bacaan yang menarik, bacaan artikel berkualitas, loading blog ringan, dan utamakan setiap harinya luangkan waktu untuk memposting minimal 3 postingan agar blog anda menjadi terlihat aktif oleh mesin telusur favorite kita, yaitu google bro.hhehe, yah maksimalnya anda setiap harinya memposting 1 persatu pada setiap kategori (label) blog anda, agar pada setiap artikel yang dicantumkan dikategori (label) tersebut akan selalu terindek oleh google, itu tips saya.

Oh iya sobat, malah membahas mengarah ke SEO. Ok langsung saja ke pembahasan kali ini saya akan beri tahu yang belum tahu bagaimana cara melihat pengunjung yang aktif pada saat ini di situs google analytics.

Dan dibawah ini adalah cara-caranya sobat !.
1. Login ke situs google analytics, klik saja disini : Google Analytics
2. Klik Semua Data Situs Web

3. Kemudian tinggal lihat menu yang namanya Waktu-Nyata, klik Ikhtisiar untuk melihat detailnya si penjung yang aktif lokasinya dimana, seberapa waktu dia berkunjung, laman/ artikel mana yang sedang dikunjungi saat itu, dari situs apa artikel anda dirujukan untuk dikunjungi, dari situs sosial apa artikel anda di kunjungi, dan kata kunci apa yang digunakan pada mesin telusur sehingga artikel anda dikunjungi.
Contoh dari Google Analytics saya, ya walaupun penjung blog saya agak buruk jumlahnya, ya setidaknya saya memberi artikel ini kepada anda dengan lumayan bermanfaat. hheehe.

Ok, sekarang anda sudah tahukan mengenai cara melihat penjung yang aktif pada saat ini. Saya sarankan anda harus menggunakan google analytics dengan sebaik mungkin, dan jangan terlalu menerapkan widget-widget statistik seperti histats dan amung. Tetapi kalau widget alexa mungkin boleh-boleh saja, tidak juga tidak apa-apa.

Sekian saja dari artikel saya sobat, semoga bermanfaat buat anda yang masih awam dalam blog. Sukses selalu ngeblognya sobat.

Cara Memasang Widget di Situs Who.Amung.US Pada Blog

Widget Amung adalah suatu widget statistik yang berguna untuk keperluan para blogger yang sifatnya sama seperti google analytics dan histats untuk menghitung jumlah pengunjung blog/website pada saat hari itu, pada seminggu, sebulan dan setahun lamanya. Widget ini juga dibekali dengan fitur untuk melihat pengunjung yang aktif pada saat ini dan menampilkan apa yang mereka sedang baca beserta dimana tempat ia berasal.

Memang, mungkin pada fitur widget amung tidak selengkap histats dan google analytics. Namun dengan widget amung blog saya menjadi ringan dibanding dengan widget histats. Keringanan blog menurut saya memang sangat penting bagi segi kualitas SEO pada blog. Agar si pengunjung yang menggunakan internet lemot, bisa cepat melihat isi artikel pada blog saya. Bila blog saya lambar, hal ini akan merugikan si pengunjung juga kita, si pengunjung lama menunggu, dan blog kita juga akan mereka tinggalkan karna memuatnya lama tidak tampil-tampil 1 helaipun kalimat.

Bila memang anda ingin memasang widget statistik ini, silahkan baca cara-caranya dibawah ini !

1. Login ke Blogger anda.
2. Lalu pergi ke menu Tata Letak dan pilih tambahkan widget/edit widget.
3. Pilih HTML/Javascrift.
4. Beri Judul yang bernama Info Statistik Blog atau terserah anda.
5. Kunjungi alamat http://whos.amung.us/
6. Lihat kebawah, dan pilih Galery untuk melihat macam-macam tampilannya.
   
7. Lalu pilih 1 tampilan widget amung yang keren itu.
8. Setelah anda tentukan/pilih, sekarang anda copy kodenya dan pastekan ke Blog anda.
   
9. Dan yang terakhir simpan/save.

Nah, sekarang anda sudah mengengetahui cara membuat atau memasang widget amung pada blog anda sekaligus anda sudah mempraktekannya dan sudah mempunyai widgetnya. Semoga artikel ini sangat bermanfaat buat anda sobat. Sekian dan terimakasih.

Cara Mengganti Background Pada Blog Dengan Edite HTML

Background pada blog adalah suatu pariasi untuk blog dilatarbelakangi warna atau gambar sesuai dengan kriteria blog tersebut, tema, atau sesuai keinginan si pembuat blog tersebut. Background merupakan sebagai style hiasan yang berguna memperindah blog anda juga.

Bagi anda yang memang sebagai blog pemula atau masih dalam pembelajaran dalam mengeblog, dan mencari-cari tahu bagaimana cara mengedite HTML yang baik dan benar, nah disini saya akan jelaskan sbagian dan saya mengusahakan singkat dan jelas dalam penjelasannya agar anda lebih mudah untuk mengedite HTML pada blog anda.

Dibawah ini adalah cara untuk mengubah background pada blog anda, silahkan simak baik-baik !

1. Pergi ke blog anda, masuk ke bagian edite template/edite HTML. (cara-cara ini diharuskan anda untuk menggunakan google Chrome).
2. Lalu sekarang buka saja blog anda dengan mengeklik lihat blog pada bagian atas pojok kiri dekat gambar blogger biar cepat.
3. Sekarang klik kanan pada blog anda dan klik Priksa Elemen.
4. Setelah anda klik Priksa Elemen, anda akan melihat struktur kode template anda sendiri.
   
5. Lalu arahkan kursor ke bagian kode body dan klik seperti pada gambar dibawah ini.
6. Lihat pada bagian kanan, disana anda akan melihat kode CSS style dan akan muncul bila mana anda klik-klik bagian kode body, sidebar, header, footer, dan lain-lain.
   
7. Dibagian kode CSS yang anda klik di kode body, silahkan ganti background blog anda dengan url gambar atau kode warna HTML. Bila mana anda tidak tahu kode warna HTML, silahkan klik pada bagian menu blog saya di atas.
   
8. Bila mana anda ingin mengganti dengan gambar, anda harus menuliskan seperti ini "background : url(URL Gambar) no-repeat atau tulis repeat bila gambar tersebut berukurang kecil. Perintah repeat adalah untuk menampilkan gambar background berulang-ulang ke kekanan dan kesamping atau kebawah untuk menutupi semua lokasi yang kosong. Dan perintah no-repeat anda hanya menampilkan 1gambar saja.
   
9. Bila mana anda ingin mengubah backgroundnya dengan warna, silahkan pilih warna sesuai keinginan anda dan menulis kode warna yang anda pilih dengan menulis seperti ini background : #33333;.
10. Kemudian bila sudah sesuai atau cocok dengan keinginan anda, silahkan pindahkan ke edite HTML blog anda yang ada pada menu blog EDITE HTML/Template. Lalu simpan/Save.

Bila anda ingin mengubah-ngubah seperti halnya tadi background atau tampilan teks/font, warna tulisan, dan lain-lain, saya sarankan anda harus melakukan cara-cara di atas agar bisa anda sesuaikan menurut keinginan anda masing-masing.

Sekian sobat artikel saya mengenai Cara Mengganti Background Pada Blog Dengan Edite HTML. Semoga ngblog anda sukses serta lancar. Amin.. Doakan kesuksesan saya juga ya, wkwkwkwk.

Cara Membuat Menu Emoticon dan Konverter Pada Komentar Blog

Menu pada emoticon adalah menu yang berfungsi untuk mempermudah para pengunjung blog anda untuk memilih apa-apa yang ingin ia tulis kode emoticon sesuai keinginannya. Menu ini menggunakan kode javascrift dari jQuery hide dan toggle yang berfungsi untuk menyembunyikan gambar emoticon dan kode emoticon itu sendiri, agar tidak memakan banyak tempat saja menurut saya.

Sedangkan pada menu Konverter saya akan buat dengan open tab saja dan sederhana untuk menampilkan konverternya bila mana di klik. Tampilan yang saya buat kali ini akan saya bedakan dari menu emoticon pada blog saya ini. Bila memang anda penasaran, silahkan saja baca artikel ini lebih lanjut.

Dan dibawah ini adalah tampilan menunya gan !

Hide Menu

Show Menu

Nah bila anda tertarik dengan menu Emoticon dan Konverter, silahkan ikuti cara-caranya dibawah ini ! Buka blog anda dan kemudian masuk ke edite template

1. Masukan kode jQuery dibawah ini pada bagian atas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
$(document).ready(function() {
$('.show_emo').click(function(){
$('.comment_emo_list').toggle('slow');
    });
}); 

2. Lalu cari kode <p><data:blogCommentMessage/></p>, dan tambahkan kode dibawah ini pada bagian kode tersebut seperti contoh <p><data:blogCommentMessage/>........kode yang ada dibawah ini....</p>.

<a class='converters' href='http://dte.googlecode.com/svn/brain/map/html-escaper.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=400,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank'>Konversi Kode</a>
<span class='show_emo'>Emoticon</span>

3. Setelah itu tinggal anda tambahkan kode dibawah ini tepat dibawah kode </p> penutup kode di atas.

<div class='comment_emo_list' style='display: none;'>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh3.googleusercontent.com/-j5h6Fmp4NOk/Uv9nGUfuLBI/AAAAAAAACzw/0toiCmro8jA/s15/smile1.gif'/><span>:)</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh5.googleusercontent.com/-bMGAjJIs12k/Uv9nFu4_OMI/AAAAAAAACzg/EH3lr_6Sp9k/s15/sad.gif'/><span>:(</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh4.googleusercontent.com/-sBRZBTPVs0E/Uv9nFiuOuiI/AAAAAAAACzY/uXU5iC5ZTN8/s15/sadanimated.gif'/><span>=(</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh4.googleusercontent.com/-HF3sKtz1knw/Uv9nF215KeI/AAAAAAAACzs/zrio8pZxPmo/s16/smile.gif'/><span>^_^</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh6.googleusercontent.com/-4l758g3onPU/Uv9nEa4dRNI/AAAAAAAACzE/Rshbu9m-zFo/s15/icon_smile.gif'/><span>:D</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh4.googleusercontent.com/-8d_KCe9OPQI/Uv9nErH6KxI/AAAAAAAACy8/6sY8Su1IcKU/s15/hihi.gif'/><span>=D</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh6.googleusercontent.com/-VGFQKQxWRAM/Uv9nEoKsdYI/AAAAAAAACzM/ZlBiozATr5s/s30/applause.gif'/><span>|o|</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh5.googleusercontent.com/-nkYBB1l06eI/Uv9nE3j2O8I/AAAAAAAACzI/MS_0Y59Bvjo/s15/rolleyes.gif'/><span>@@,</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh5.googleusercontent.com/-luxK-RtOzMU/Uv9nKj6HYkI/AAAAAAAAC0M/CkG162tfDtA/s15/wink.gif'/><span> ;)</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh3.googleusercontent.com/-QobTlS-RB7o/Uv9nG57c0wI/AAAAAAAACz0/q39VqdduLps/s25/thumb.gif'/><span>:-bd</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh3.googleusercontent.com/-wHCtArWD3Ko/Uv9nHxW8QOI/AAAAAAAACz8/XaFlsxcl5Kk/s25/thumbsup.gif'/><span>:-d</span></div>
<div class='item'><img alt='emoticon' class='comment_emo' src='https://lh4.googleusercontent.com/-b5dwhZMbWeE/Uv9nKpE2scI/AAAAAAAAC0I/13QaU_nKE74/s15/wee.gif'/><span>:P</span></div>
</div>

Keterangan Penting !! "Silahkan sesuaikan URL/gambar URL beserta kode emoticonnya sesuai pada emoticon yang sudah anda pasang sebelumnya.

4. Kemudian anda tinggal tambahkan CSS untuk tampilan menu emoticon dan konverternya. (Mungkin sebagian besar anda sudah tahu bagaimana menempatkan kode CSS pada edite template).

.converters {
margin-right: 5px;
padding: 3px 8px;
background: #027BB4;
font-size: 14px;
font-family: Arial;
font-weight: bold;
text-transform: none;
outline: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
transition: background-color 1s 0s ease-out;
cursor: pointer;
}
.comment_emo_list {
display: none;
clear: both;
width: 100%;
background: #3292DD;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 2px 5px 0 0;
height: 40px;
width: 46.5px;
color: #FFFFFF;
background: #555555;
}

5. Dan yang terakhir anda tinggal save/simpan template anda.

Bila mana anda belum memasang kode emoticon pada komentar blog anda, silahkan pergi ke link artikel Cara Membuat Emoticon Pada Komentar Blog.

Selesai sobat mengenai artikel Cara Membuat Menu Emoticon dan Konverter Pada Komentar Blog. Bila ada yang kurang anda pahami mengenai cara-cara diatas, silahkan saja berkomentar pada kotak komentar blog dibawah ini.

Cara Pasang Widget Pangerank Di Blog Dan Perhitungannya

Pangerank adalah suatu statistict yang dihitung dari google yang berguna untuk penilaian suatu blog blogger, wodpress, atau website premium oleh google secara detail. Seperti penilaiannya pada tiap-tiap halaman akan disertakan dalam sebuah mesin pencari. Semakin meningkat penilaian pada blog anda, maka akan semakin bagus pula kualitasnya.

Nah bila mana anda bertanya-tanya, bagaimana sih blog saya susah sekali untuk menaikan pangerank?, maka jawaban sangat sederhanya sekali bagi saya. Jadi, anda harus mendapatkan backlink dari blog atau website orang lain. Karena backlink adalah suatu optimasi pada SEO offpage yang dapat mempengaruhi peningkatan pada SEO anda di SREP. Ditambah lagi anda harus selalu memposting pada tiap harinya, hal ini akan membuat blog/website anda terlihat baik dimata mesin pencari google yang utama.

Bila anda bingung sekali berapa backlink kah agar mendapatkan pangerank dari google?, maka jawabannya adalah anda bila mana ingin menaikan pangerank dari 0 ke 1, anda hanya diperlukan mendapatkan backlink sekitar 100 backlink. Dan bila mana anda ingin mendapatkan pangerank sekitar 8/9/10, anda harus memerlukan milyaran backlink dari situs-situs lain. So, susah bukan sobar mendapatkan pangerank dari google?. Nah dibawah ini adalah gambar ilustrasi untuk menyadarkan betapa sulitnya mendapatkan pengerank itu.

Nah bila mana anda lihat dengan seksama dan teliti, anda pasti akan merasa rendah hati dengan mempunyai blog anda. Dikarenakan betapa susahnya meningkatkan pangerank yang tinggi dari google untuk meningkatkan kualitas blog/website anda dimata mesin pencari terutama google.com.

Oh iya, bila mana anda ingin memasang widget pangerank dari widget situs Pangerank Chacker, silahkan ikuti cara-caranya dibawah ini.

1. Masuk ke blog anda blogger anda, dan masuk ke bagian Tata Letak.
2. Tambahkan widget dan pilih javascrif/HTML.
3. Buka situs pagerank.chromefans.org.
4. Lalu lihat kebawah sedikit dan masukan URL blog/website anda dan klik Get Code.
   
   
   
   
5. Dihalaman berikutnya anda tinggal masukan code yang tersedia dan klik lagi Get Code.
   
   
   
6. Dan copy code javascrift seperti pada gambar dibawah ini ke dalam Tata Letak widget blogger, lalu kasi judul Info Statistik Blog atau apa terserah sobat, dan simpan/save.
   

Nah, mudahkan sobat?, sekarang anda bisa melihat isi pangerank blog anda. Pasti isinya adalah nol 0, ya kan?. Saya tahu karena anda mungkin adalah blog pemula di blogger. Mudah-mudahan lancar dan sukses sobat ngeblognya. Amin..

Cara Membuat Emoticon Pada Komentar Blog Blogger

Emoticon pada blog blogger merupakan berguna untuk menarik perhatian para pengunjung untuk bisa memberi komentar, dan menjadikan komentar tesebut terlihat menarik dan lebih bagus seperti pada web sosial lainnya.

Dengan emoticon, mungkin pastinya anda akan lebih semangat untuk selalu memposting artikel-artikel menarik agar para pengunjung blog anda bisa bertanya, memberi saran atau pendapat dengan mengisi kalimat pada kotak komentar blog blogger anda. Tentunya, bila mana setiap artikel anda lebih banyak komentar, akan semakin terlihat ramai juga pengunjung blog anda, dan yang perlu anda ingat, bila blog mempunyai artikel yang banyak komentarnya, blog tersebut akan terlihat lebih banyak pengalamannya oleh google dan si pengunjung blog.

Tetapi, bukan hanya dengan memasang emoticon saja yang bisa buat pengunjung berminat untuk berkomentar. Dari segi konten anda yang memberi penjelasan detail akurat jelaspun akan memberi daya penuh tarik kepada si pengunjung blog untuk memberi komentar.

Bagi anda para sahabat blogger pemula ingin membuat emoticon pada komentar anda, silahkan ikuti saja cara-cara dibawah ini :
1. Buka blogger anda, lalu pergi ke Edite Tempelate.
2. Dan tambahkan javascrift dibawah ini dibagian atas kode penutup body. Bila anda belum mengerti kodenya  yaitu : </body>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type="text/javascript">
//<![CDATA[
/* Comments Emoticon Blogger
 * by Maulana Akhsan
 * Url:http://articles-by-me.blogspot.com/
 */
ki = document.getElementById('comment-holder');
if (ki) { zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) { if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdV7x2BORK3MtqRKbnQoQcsU5rCXyJZkzora-OCQHD0V5O03DqAOW_igxIx8q2vle_wjAZNIhM2CDlsHebGjLq8-XFk364bd1W8ebkMqRmhi3ssWieW-y04hWmWgTfLOw7jR3PWSuVhvs/s1600/smile1.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboAYc_bI2yAkqUsFVeHOp9jova9QpALaT8xx0A0wGUzbQhagh0WFTPa-2QR22n5b0L4SZtrtNJeS_GIdl9ea0q6gYXReRwA4JC4hgjCayQdxtOEKZOskRJGV-symuGlLk-j-RvB-VfUA/s1600/smile.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm5sVbvTAYx1Yg7qgWAQGYLg4gY7aHScaNf-v0fWxA-lTpfHArOfrwFWRDlrLOqerZ9_xxZDa1SSuCSsChnq2yw62tiVVE9aUCLoyA0jZMlDxRp-oJib6ePrsHtzn5ws33nuHb7leh1n4/s1600/thumb.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeVhkEgKzcFYRf0nqNbSfqhIL7iK7h9gkR3BVaf9c3-0b2HpvW2_6SHqhM75WRx5JSRrGNDT7U2Oildt1I_3lacKwERcA0xZwk-ScmwM70vZDP7oGQPzAcTyKFSIevThZ9Jp_JVq5JrPE/s1600/thumbsup.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPUvgrItVmK9SXkIqVdGL4R8vwwXRxdNn71D2mpZDDCJac9Kb0zSUU3w_RVYNJM5GnOfqgEaYuBjjom2J1oaCqHgNDxrpJoUJCqTNH-UJ6q1BJAECQdzpeWxar-_U8StDZg0UIWVA_IU/s1600/rolleyes.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8yw83TFB_4zdJojNWaXd3qVT-LZA3BhrALWIgY81ievUzd0lOoDzxAhLUSz-GAv1UrRZX34U1BaLqUVBhA66qmBYHkLDB1sajBGnFylZlN2kaL3BpfnGTalVysu89-NWkgG4da7aI1vw/s1600/applause.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJgtjI7ZKx0qBkfJys1QUeiHB_R80MrPGSQteu6YmBr0UTfN8p-AJ-QDUyzeqkXOwsEKc-7g3dY_OZQRRjMJDO3NeQwcRyS6wSqcovyHxJeAQfrLrNeYEel_C_gEvoAWwAD5e_YCfTCE/s1600/sadanimated.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByQsMd4SxqgBnjmFZG7PxuDh31q7Gn64Xxs4pedRaep6sqGHs_Bm2u-5mdYMo8vAPzT4zqaq3D9pEyhocrJeqcLwTS7Ogzj7y5mzvWp981I4o7tbphm8xlbpx6RdfKXH02_Sj48_77Bc/s1600/sad.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbN760duBboyXU54bQlJenQsd7tGqkOQ_OzYNRDh9atV3Lxsl4gWwoEFEgd3NYS5p6nEBF6O6lydX0zifJFnrLrLf54KdHSj7USyCY9_g2k85llw2FmiEj86pJ2lUyIzVY_WJxKhE3m60/s1600/wink.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfGorjNjLNoWH5WTkrx-hCLJgDUdvdd6YuzG09YSLuiZWByTtkBDdXRqwro3xbhcAOQvMlYuvMjWcw7VOEiwbGm3hBlhF_0QoXfq_bil3RM3oYhrZBtkFwZcY9qEX1FehyphenhyphenI5XtrwxVL4/s1600/icon_smile.gif='' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoEsgZa1SLG_0qoEVUpMY9-AiwM51mi1n7VbE_y8HDIyvpmWI9zDrFZJog-GplvBpR0Uk6UGvmpJ8mujOkFx-J39pwmdiGwo1PzkjXk_LaY2GaOpIU2eFRHMBGX8biJ2eU7SeEBpDXkDg/s1600/hihi.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtsnbFsGnUjme6_3jG1FdVRpSGYn28iPKPeR4MSRnWnPYrRgvAp4vaRxQrWikoDET3coeE0RoSNzy3sEdXZFZ49SH7mEPtRjcUKGNVInptQaiHIwbwbNvmeoc_yLiNlMkyZkxaYAYBNO8/s1600/wee.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            zx.item(i).innerHTML = ki_emo;}}}
//]]>
</script>
</b:if>
</b:if>

3. Selanjutnya yang terakhir anda tinggal menerapkan CCS nya di atas kode ]]></b:skin> atau di atas kode </style>.

img.emoticon_cmt {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border: 0px !important;
}

 4. Silahkan save atau simpan tempelate anda.
5. Selanjutnya tinggal anda tes saja buat komentar beri tanda smile seperti kode :) pada kotak komentar blog anda.

Bila mana anda ingin membuat menu emoticon dan menu konverter, silahkan tinggal kunjungi link Cara Membuat Menu Emoticon dan Konverter Pada Blog.

Selesai deh sobat blogger Artikel Karya Ku. Bila anda ada yang kurang dimengerti mengenai penjelasan saya, tinggal anda berkomentar pada kotak komentar dibawah, saya akan secepatnya beri respon untuk anda.

Semoga bermanfaat artikel mengenai Cara Membuat Emoticon Pada Komentar Blog Blogger buat anda para sahabat blogger pemula. Sekian saja dari saya.

Wassalam.

Pengertian Perlombaan Kontes SEO

Pengertian Kontes SEO
Pengertian Kontes SEO adalah suatu perlombaan mengoptimasikan sebuat kata kunci (keyword) dari suatu website atau blog berdomain gratis, yang dari kata kunci/tema website tersebut sudah ditentukan oleh para penyelenggara pembuat kontes tersebut, dengan batas waktu perlombaan yang sudah ditentukan oleh para penyelenggara.

Pada awalnya, Kontes SEO merupakan suatu perlombaan yang sudah diadakan sejak tanggal 15 November 2002 di Negara Jerman oleh German Webmaster dengan bertemakan Schnitzelmitkartoffelsalat, yang di adakan dengan Bahasa Jerman. Dalam Bahasa Inggris, kompetisi disebut dengan Nigritude Ultramarine oleh SearchGuild, serta secara garis besar mengklaim sebagai induk dari seluruh Kontes SEO. Kontes ini dimulai pada tanggal 7 Mei 2004 dan dua tahun lalu dimenangkan oleh Anil Dash.

Dalam aturan di kontes SEO, peserta akan diberikan tema/kata kunci yang sudah diberikan oleh para penyelenggara Kontes SEO. Peserta juga selama Kontes SEO akan diberikan waktu yang sama dalam perlombaan dan penyelenggara akan memberikan tema kepada peserta yang kurang begitu terkenal di dunia internet, dengan hal ini, itu akan memberikan sedikit kemunculan di mesin pencari. Dan dalam memberikan peringkat web/blog anda, anda harus selalu aktif dalam mengoptimasikan blog anda dengan memberikan/mementingkan lebih banyak konten dan berkualitas serta utamakan kata kunci pada keyword dan postingan blog itu nyambung.

Dalam Kontes SEO, mempunyai dua jenis-jenis Perlombaan Kontes SEO sesuai hadiah yang diberikan, yaitu :

Perlombaan Kontes SEO Menengah (Bawah dan Kecil).
Biasanya dalam perlombaan jenis ini, para peserta yang mengikuti Kontes SEO itu hanya mengutamakan tantangan dan tidak mengutamakan berapa besarnya hadiah yang ia proleh. Dan seorang yang menyelenggarakan Kontes SEO ini adalah dari individu, serta para peserta hanya untuk menunjukan kemampuannya untuk menjadi terkenal meskipun hadiah dan link kembali yang ia proleh sedikit.

Perlombaan Kontes SEO Menengah (Atas Besar).
Jenis perlombaan ini adalah perlombaan yang biasanya diselenggarakan sebagai ajang produk dari penyelenggara yang berasal dari negara, perusahaan, lembaga/organisasi. Yang diutamakan para peserta adalah untuk mendapatkan hadiah yang cukup besar. Oleh karena itu, para peserta yang mengikuti Kontes SEO ini juga peserta yang sudah mempunyai keahlian yang tinggi dan mahir dalam optimasi situs mereka, sehingga mereka harus teliti dan menimbulkan persaingan yang ketat.

Cara Berkontes SEO
Para peserta Kontes SEO biasanya memiliki dua pilihan triks untuk meningkatkan kualitas/pringkat situs mereka. Tentunya kedua triks tersebut adalah suatu cara yang jujur dan sangat disukai oleh mesin pencari. Dan dibawah ini adalah kedua triks tersebut, yaitu :

Mengutamakan White Hat SEO, yaitu anda bisa meningkatkan peringkat situs dengan menggunakan metode optimasi pada metag, yaitu dengan menaruh meta tag deskripsi, keyword, dan peta situs/sitemap yang berestensikan xml seperti namabloganda.blogspot.com/xml, ditambah mengubah titel/judul halaman sebagai kata kunci.

Menggunakan Black Hat SEO, yaitu metode ini diartikan sebagai "optimasi mesin pencari lewat jalur hitam". Cara ini dianggap tidak baik karena metode ini adalah mengutamakan spammer, yaitu dengan menyembunyikan sebuah kalimat dihalaman situs mereka dengan cara menyamakan warna dan kalimat dibuat dengan warna beground situs mereka. Menambahkan pada keyword meta tag secara berlebihan, memasukan hidden input, redirect halaman, link farm. Dengan metode ini, mesin pencari tidak akan menyukai situs anda, dan bila mana situs anda terdeteksi, situs anda akan diblokir dengan menghilangkan link situs anda muncul, atau mencegah link situs anda muncul di mesin pencari.

Tips Buat Anda
Dengan adanya ajang Kontes SEO, artinya situs peserta tersebut akan mempunyai peringkat yang tinggi. Untuk itu situs tersebut akan menjadi suatu target untuk meninggalkan spammer dengan menaruh link aktif di setiap komentar dan berkomentar dengan tidak jelas/singkat. Hal ini akan membuat peringkat situs anda akan menurun dan membuat situs anda terkena pinalti (block).

Cara Buat Widget Follower Blog Valid HTML5

Widget Follower adalah suatu widget yang berguna bagi para pengunjung Blogger untuk mengikuti blog anda, sama seperti halnya berlangganan artikel. Ini berguna untuk blog anda untuk meningkatkan kualitas backlink dan SEO pada blog anda. Karena bila mana blog anda diikuti oleh para pengunjung Blogger, lalu mereka menyukai semua/setiap konten anda, nah mereka pasti akan mengikuti blog dengan follower dari pada melalui media sosial lainnya, karena juga widget follower lebih mudah untuk langsung dilihat dan diklik untuk dikunjungi dari blog mereka masing-masing.

Yang pasti anda ingin sekali menambahkan widget tersebut bukan?. Tapi pada permasalahannya adalah widget follower blog blogger yang asli, itu tidak akan mendukung/valid pada HTML5. Tentunya anda merasa bahwa ingin sekali blog anda 100% valid HTML5.

Bila mana anda ingin membuat widget follower blog anda valid HTML5, silahkan saja ikuti cara-cara dibawah ini dengan seksama, yaitu :

Keterangan Sebelum Memulai Peraktek, anda harus melihat sudah menambahkan widget Follower Blog yang asli terlebih dahulu. Lalu anda buka blog anda, dan klik kanan+tekan periksa elemen (kode HTML) pada bagian atas widget Followers Blog. Dan cari dan simpan dulu di teks kode yang agak sama seperti pada gambar dibawah ini (lihat pada bagian object yang ditandai).

1. Buka blogger anda dengan masuk/login.
2. Masuk kebagian menu Tata Letak blogger dan add widget.
3. Lalu pilih javascript/HTML dan masukan javascript dibawah ini :

<script type="text/javascript">
if (!window.google || !google.friendconnect) {document.write('<script type="text/javascript"' + 'src="//www.google.com/friendconnect/script/friendconnect.js">' + '</scr' + 'ipt>');}</script>
<div id="div-1iih7otiiq40c" style="width:280px;"></div>
<script type="text/javascript">
var skin = {};skin['FACE_SIZE'] = '32';skin['HEIGHT'] = "260";skin['TITLE'] = "Followers";skin['BORDER_COLOR'] = "transparent";skin['ENDCAP_BG_COLOR'] = "transparent";skin['ENDCAP_TEXT_COLOR'] = "#00848F";skin['ENDCAP_LINK_COLOR'] = "#00848F";skin['ALTERNATE_BG_COLOR'] = "transparent";skin['CONTENT_BG_COLOR'] = "transparent";skin['CONTENT_LINK_COLOR'] = "#00848F";skin['CONTENT_TEXT_COLOR'] = "#00848F";skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#00848F";skin['CONTENT_HEADLINE_COLOR'] = "#00848F";skin['NUMBER_ROWS'] = '2';google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);google.friendconnect.container.renderMembersGadget({id: "div-1iih7otiiq40c",site: "13392473165502955070"},skin);
</script>

Keterangan : Teks yang diwarnai warna kuning dan merah, silahkan ganti dengan kode yang telah anda simpan tadi sebelumnya. Dan teks yang diwarnai warna orange itu untuk mengatur ketinggian widget follower blog anda. Untuk mengenai tampilannya silahkan ganti kode warna pada bagian skin[CONTENT_..blablabla..blabla..]= diganti sesuai keinginan anda masing-masing.

4. Setelah itu simpan widget dan masuk ke bagian menu Edite Tempelate.
5. Cari kode HTML dibawah ini, lalu hapus. Bila ada lagi kode tersebut, silahkan saja hapus semua.

<b:include name='quickedit'/>

6. Yang terakhir tinggal simpan saja tempelate anda.

Screnshoot Tampilan Widget Follower yang saya berikan yaitu seperti pada gambar dibawah ini :

Nah sekarang anda sudah mengertikan, bagaimana cara membuat widget follower pada blog Blogger valid HTML5. Ini merupakan teritorial blog buat sobat yang masih awam dan pemula dalam menggunakan blogger. Bila mana anda ada yang belum mengerti tentang penjelasan saya di atas, silahkan saja bertanya pada bagian kotak komentar dibawah ini, karena saya sekarang sering update.

Semoga bermanfaat sobat. Sekian dan Terimakasih.