SEO Cirebon

Tampilkan postingan dengan label Sharing Info. Tampilkan semua postingan

cara membuat sitemap / daftar isi otomatis di Blogger

Unknown 10.27 Add Comment

Berikut adalah cara mudah membuat sitemap ;

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :

Masuk ke akun blogger
Pilih menu 'Laman'
Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
Pilih mode 'HTML'
Beri judul Daftar Isi atau Sitemap (judul terserah anda)
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&alt=json-in-script&callback=loadtoc"></script>
Ganti kode 'http://seo-cirtim.blogspot.com' di atas dengan alamat Url blog anda
Selanjutnya silahkan Publikasikan

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

Unknown 19.10 Add Comment

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

Unknown 18.23 1 Comment

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 :

Masuk ke Blog

Pilih Rancangan

Tambah Gadget "Entri Popular" ( Jika gadget entri popular/ popular post sudah ) langsung saja menuju>

Tambah Gadget "HTML java scrip"

Copy kode di bawah ini dan paste pada gadget HTML java scrip tadi

#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

Unknown 22.49 Add Comment

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>

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