cara membuat sitemap / daftar isi otomatis di Blogger

Berikut adalah cara mudah membuat sitemap ;

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :

1. Masuk ke akun blogger
2. Pilih menu 'Laman'
3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
4. Pilih mode 'HTML'
5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
6. Masukkan kode utama sebagai berikut
   
   

   <script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://seo-cirtim.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

7. Ganti kode 'http://seo-cirtim.blogspot.com' di atas dengan alamat Url blog anda
8. Selanjutnya silahkan Publikasikan

Cara mudah SEO Index Blog / Website ke Search Engine dengan Mudah (meningkatkan SEO blog)

Cara Index Blog / Website ke Search Engine dengan Mudah (meningkatkan SEO blog)

tak usah panjang lebar ea takut males ngebacanya, cara ini di sebut juga nge-PING atau memberitahu situs web-search engine bahwa kita mempunyai Blog atau website dan mungkin dari kebanyakan Newbie belum ada yang tau bahkan ga sampai kepikiran ke arah ini, trik ini juga banyak di kenal dengan trik BackLink namun backlink yang saya pakai adalah backlink web master SE (search engine) yuk lanjut aja, situs ini perlu kalian ketahui guna membangun sebuah website / blog :

1. My Page Rank dot Net klik aja disini Langsung Menuju target tiggal input aja => Menuju Target

 My Page Rank dot Net yang sering saya pakai karena mudah dan mempunyai kolom select All mesin web master jadi klo gi buru buru ini yang saya pakai biar cepat

2. Google Pink ini bukan Mesin Si mbah Google, namun Website ini pun mendukung penuh backlink gratis sob dan kita juga akan di kasih code widget buat di pasang di blog / website kita sebagai backlink balik buat si situs tersebut sob => Menuju Target

3 SMaLL SEO TooLs ini udah Populer banget di kalangan para Master / Newbie karena menu dari Website Backlink ini bisa di bilang cukup waw cukup lengkap sob jadi sok aja langsung => Menuju Target

dan sebenernya masih banyak lagi sih tapi intinya sih sama ngasih tau ke para Web Master bahwa blog kita sudah siap di index dan siap di kunjungin sobjadi ea jangan ambil pusing intinya semuanya sama PING PING PING PING PING selamat Nge-PING sobat Seo Cirebon 

Cara Mudah Membuat Popular Post Bergerak / Slider

Moga tulisan ini bisa membuat Blog agan / adek jadi lebih menarik dan nambah cantik ea, caranya simple dan sangat mudah jadi langsung aja cekidot ea...

Berikut caranya :

1. Masuk ke Blog
2. Pilih Rancangan
3. Tambah Gadget "Entri Popular" ( Jika gadget entri popular/ popular post sudah ) langsung saja menuju>
4. Tambah Gadget "HTML java scrip"
5. Copy kode di bawah ini dan paste pada gadget HTML java scrip tadi

<style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:5px; padding:0px 0px; height:280px; } #PopularPosts1 ul { width:342px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:334px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:80px; overflow: hidden; background:#fff url() repeat-x; border:1px solid #ddd; } #PopularPosts1 li .item-title { color:#A5A9AB; font-size:1em; margin-bottom:0.5em; } #PopularPosts1 li .item-title a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #PopularPosts1 li img {float:left;margin-right:5px;background:#EFEFEF;border:0;} #PopularPosts1 li .item-snippet { overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } #PopularPosts1 .item-snippet a, #PopularPosts1 .item-snippet a:visited {color:#3E4548;text-decoration: none;} #PopularPosts1 .spyWrapper {height: 100%;overflow: hidden;position: relative;} #PopularPosts1 {-webkit-border-radius: 5px; -moz-border-radius: 5px;} .tags span, .tags a {-webkit-border-radius: 8px; -moz-border-radius: 8px;} a img {border: 0;} --> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').simpleSpy(); }); </script> <script src="http://bangjefri-code.googlecode.com/files/popularpost.js" type="text/javascript"></script>

Selanjutnya simpan template dan lihat hasilnya.
Demikian cara membuat popular post berjalan untuk menambah tampilan blog anda lebih menarik.

Cara membuat Popular Post yang unik

Style Popular Post Menarik, keren dan Unik - Tutorial Memodifikasi tampilan Popular Post agar terlihat menarik ini bagus di terapkan agar tampilan blog sobat tidak terlihat kuno dan jadul, Style Popular Post ini sedikit saya modifikasi yang sebelumnya adalah Style Popular Post Warna Warni buatan Arlina Design, Popular Post ini saya terapkan pada template sebelumnya yaitu Micrown Soft Grid.

Tampilan Popular Post kali ini unik karena sangat berbeda dari style Popular Post yang terlihat pada blog/website yang sering kita temukan.

Pastinya sobat sudah tahu fungsi dari widget ini yaitu menampilkan postingan yang paling banyak dilihat oleh pengunjung berdasarkan waktu bisa setiap minggu, bulan, atau sepanjang waktu.

Berikut Tutorial cara membuat Widget Popular Post menjadi menarik :

Note : Jika di Template sobat telah terpasang CSS Popular Post, hapus CSS Popular Post tersebut agar tidak terjadi kesalahan nantinya.

Setelan Wiget Popular Post sesuaikan dengan screenshot di bawah ini :

1. Buka Blogger > Template > Edit HTML > Kemudian tambahkan CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>

/* CSS Popular Post */ .PopularPosts .item-thumbnail{float:none;margin:0 0 10px} .PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:10;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;} .PopularPosts .item-title:hover{background:rgba(0,0,0,.2)} .PopularPosts .item-title a{color:rgba(255, 255, 255, 0.88);font-weight:700;font-size:100%;text-shadow:0 0 5px rgba(0,0,0,0)} .PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)} .PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear} .PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;} .PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;} .PopularPosts .item-snippet{display:none;} .PopularPosts ul li .item-content{position:relative;overflow:hidden;} .PopularPosts ul{padding:0;line-height:normal;counter-reset:count;} .PopularPosts .widget-content ul li{position:relative;padding:10px 0;overflow:hidden;max-height:100px;transition:all .4s;} .PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:11;transition:all .4s;} .PopularPosts .widget-content ul li:hover:before{right:-55px;} .PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}

2. Selanjutnya tambahkan Script di bawah ini dan letakan di atas kode </body>

<script type='text/javascript'> // Thumbnail Popular Post $(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});}); //<![CDATA[ // Custom Popular Post $(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,120),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))}); //]]> </script>

Selesai, simpan template dan lihat hasilnya.

Result

Sekian.. Semoga Tutorial "Membuat Widget Popular Post Menarik di Blog" ini bermanfaat. Terima kasih.

Referensi : www.arlinadzgn.com/2015/08/widget-popular-post-warna-warni.html

Referensi : http://www.idblanter.com/2015/09/membuat-widget-popular-post-menarik-di-blog.html 

Template Mirip JalanTikus.com V3 Fast Responsive

Berawal dari keinginan untuk mengupdate template kecil-kecilan, saya melihat tampilan situs Jalantikus.com yang sedikit berubah, dan saya mulai kembali iseng untuk mengupdate/mengupgrade Template Jalan Tikus Blogger Version menjadi versi 3.0, versi sebelumnya yaitu v2.10.

Perbaikan dan Tambahan pada versi kali ini lumayan banyak, terutama pada bagian homepage yang sangat berbeda dari versi sebelumnya, seperti tambahan widget Recent Post by label, widget Rekomendasi, dll. Perbaikan pada versi kali ini yaitu bagian responsive yang lebih rapih dari versi sebelumnya, dan banyak bug yang sudah saya perbaiki pada versi kali ini.

Karena cukup banyak tambahan CSS (style) maka dari itu saya mengcompress semua CSS pada update kali ini agar loading tidak terlalu berat.

Bagi sobat yang belum melihat informasi-informasi pada template JalanTikus ini, seperti aman kah? clone? atau sebagainya bisa langsung menuju Postingan Jalan Tikus Last Version.

Demo v2.10 Demo v3.0

Fitur Template Jalan Tikus Blogger Version [Update] :

Features	Availability
Responsive	True
SEO Friendly	True
Top Menu Nav with Font Awesome	True
Search With Effect in Top Menu	True
Post Homepage Special Style	True
Recent Post by Label	True
Recent Update	True
Widget Rekomendasi	True
5 Kolom Footer	True
Simple Menu in Footer	True
Social Media in Footer	True
Ad Banner 728x90 and 970x90	True
Related Post	True
Theme License by Jalantikus.com	True
Share Post	True
Breadcrumbs	True
Twitter Emoji Emoticon	True
Unique Large Image in Post	True
All CSS Compressed	True

Template ini akan terus saya perhatikan/update untuk memperbaiki tampilan, bug dan responsive.

Berapa harga template ini? Rp.0 (free) template ini saya bagikan gratis.

Download v3.0

Dimohon untuk tidak menghapus "Supported By JalanTikus.com" untuk menghargai pemilik dari style theme tersebut.

Sekian update template terbaru yang saya bagikan kali ini.Semoga bermanfaat dan Terima kasih.

Visit SUmbernya gan di : IDblanter.com  http://www.idblanter.com/2015/12/update-template-jalan-tikus-versi-3.html

Cara menghilangkan icon yang mengganggu kecantikan template

Cara simple untuk menghilangkan atau hiden icon-icon yang mengganggu tampilan kecantikan blog atau template yang kita pakai

• Icon Pensil atau yang diistilahkan dalam dunia blogger adalah "quickedit pencil" merupakan shortcut image yang disematkan dalam posting (umumnya di bawah posting)dan akan terlihat jika kamu telah login ke akun blogger kamu. Quickedit pencil berguna untuk mengedit postingan secara cepat dengan satu kali klik. Kadang-kadang ada saja dari para blogger yang kurang menikmati fasilitas tersebut karena alasan yang berbeda-beda, seperti ; merusak pemandangan, tidak biasa menggunakan, de-el-el. Nah, jika kamu mau, kamu bisa menghilangkan icon pensil tersebut. Caranya gampang dan cepat (itulah choki-choki), berikut "step"i wonder-nya :

1. Setelah sign in ke akun blogger kamu, pilih tab "Pengaturan" (Setting).
2. Di Halaman Pengaturan sub tab "Dasar" (Basic), temukan form pilihan "Tampilkan Editing Cepat di Blog Anda?" dan pilih "Ya" (Show Quick Editing on your Blog? dan pilih Yes).
3. Klik simpan templat dan lihat hasilnya.

• Icon Obeng dan Kunci (quickedit) kurang lebih sama pengertiannya dengan quickedit pencil, bedanya hanya dalam penggunaannya. quickedit pencil digunakan untuk edit posting, sedangkan icon obeng dan kunci (quickedit) digunakan untuk editing gadget atau widget dalam blog. Cara menghilangkan icon/image quickedit ini pun terbilang mudah, yakni menambahkan kode CSS di bawah ini dalam template blog kamu.

.quickedit { display: none; }

Kalau masih bingung dimana menempatkan kode di atas, berikut triknya :

1. Klik "Design" --> "Edit HTML".
2. Cari kode ]]></b:skin>.
3. Copi kodenya dan pastekan tepat di atas kode yang berwarna merah tersebut. hingga kode yang di paste menjadi warna biru, kalau selain warna biru berarti gagal
4. Simpan template dan lihat perubahan

Gimana sob cukup mudah kan, tinggal ikuti sesuai intruksi ini ea dan selamat mencoba sobat blogger indonesia

Berapa Penghasilan Blogger

Membahas masalah penghasilan tentu saja jawaban yang anda inginkan adalah bayaran yang menggiurkan dari jutaan, belasan, puluhan, ratusan sampai miliaran dan itu memang nyata bisa iya bisa juga tidak berpenghasilan sama sekali tergantung pada diri anda sendiri. karena seperti yang sudah daya cantumkan juga kebanyakan dari para blogger gagal karena yang mereka buru adalah penghasilan dan kebanyakan adalah dari pemburu penghasilan ini hanya menyimpulkan penghasilan yang menggiurkan tanpa usaha dan kerja keras, memang banyak para blogger yang mempunyai penghasilan yang menggiurkan dan saya acungi jempol karena kerja keras mereka dari biasa menjadi luar biasa dari pemburu menjadi diburu itulah seorang blogger yang awalnya iseng merajuk sebuah artikel dan memfokuskan pada hobi menulis menjadi pengumpul recehan dan beralih menjadi jutawan. 

jika anda berminat untuk menjadi seorang blogger hal yang pertama harus anda lakukan adalah menjadikan Jurnalis/Pekerjaan menulis menjadi Hobi barulah kita melaju dan berkembang ke tahap perekrutan visitor dan tahap terakhir adalah mengumpulkan recehan bukan memburu recehan karena hal yang di lakukan oleh para blogger newbie yang hanya memburu penghasilan hanya akan menemukan titik buta dimana kualitas artikelnya sangatlah buruk karena tidak melihat dan menjalankan tahap demi tahap, menjadikan mereka bingung dan menemukan titik jenuh titik kemalasan dan putus asa.

jadi penghasilan seorang blogger pada intinya adalah tergantung pada diri anda sendiri tentunya sesuai dengan perjuangan yang anda lakukan namun bukan perjuangan mengolah penghasilan tetapi perjuangan anda dalam dunia Blogger