Tuesday, November 24, 2015

Alexa Rank Itu Pentingkah?

/ by  / with No comments /

Alexa Rank ... Pentingkah?


Kamu blogger? Sudah install alexa toolbar belum? Kalau sudah, apakah kamu selalu mengamati berapa ranking blog kamu? Jadi, berapa ranking blogmu di alexa hari ini?

Apakah saya peduli dengan alexa rank? Jawaban saya, tidak terlalu! Mengapa saya menjawab demikian, karena bagi saya alexa hanyalah salah satu indikator kecil. Walaupun demikian boleh jugalah memberi sedikit perhatian padanya. Pengamatan saya pada blog ini menunjukkan bahwa alexa rank blog http://novehasanah.blogspot.com bisa menjadi sedemikian ramping kalau saya rajin blogwalking, komen di blog para sahabat. Kalau saya lagi tidak punya banyak waktu luang, lalu tidak sempat blogwalking, maka alexa rank saya akan menjadi besar. Mengapa ini bisa terjadi? Ada beberapa butir jawaban untuk menjelaskan mengapa hal ini bisa terjadi:
Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2015/02/alexa-rank-itu-pentingkah.html

Menyuguhkan Kesan Pertama yang Menggoda Bagi Pembaca Blog

/ by  / with No comments /

Blog
Blog
Banyak sedikitnya pembaca dari suatu blog adalah salah satu penentu sukses atau tidaknya blog yang sedang dibangun. Mungkin bisa dikatakan kalau jumlah pembaca adalah faktor satu-satunya yang akan membuat blog semakin populer.

Cara membuat pembaca terkesan dengan blog kita adalah dengan memberikan "kesan pertama yang begitu menggoda", sehingga pembaca akan selalu ingat dengan blog kita dan semakin tergoda untuk menggeledah artikel-artikel menarik lainnya.

[Caranya bagaimana?]

Ada beberapa hal yang bisa dicoba untuk membuat pembaca mempunyai kesan pertama yang mendalam ketika baru melihat blog kita dan kemudian semakin terpikat untuk membaca isi artikelnya.

Ok, berikut beberapa diantaranya :

(1) Template menarik

Yang paling pertama dilihat oleh pembaca ketika mengunjungi blog adalah tampilan blog yang disuguhkan. Disana mereka akan bisa melihat bagaimana blog dibuat dengan baik, pengaturan widgetnya, warna blog dan juga letak iklan yang baik.

Template sering membuat pembaca betah memandangi blog dan barulah mereka akan beranjak membaca artikelnya. Jika template-nya dirasa kurang menarik, bisa saja pembaca tidak jadi membaca artikel yang ada walaupun mereka sedang mencarinya.

Template yang menarik bukan berarti harus keren dan penuh warna, tidak harus seperti itu. Bahkan saya sering lihat ada template sederhana tapi sungguh enak dilihat dan rasanya sangat nyaman berada dalam blog itu.

Yang penting templatenya rapi, mudah untuk dijelajahi pembaca dan tidak terlihat ribet. Jika ingin mengganti template blog, kita bisa mencarinya dengan mudah di internet dan bahkan banyak template blog yang gratis.

(2) Artikel yang menyedot perhatian

Setelah berhasil menggoda pembaca dengan template yang menarik, sekarang giliran kita untuk menyuguhi pembaca dengan artikel yang berbobot. Berbobot disini maksudnya artikelnya berisi dan padat.

Banyak informasi yang bisa diperoleh pembaca hanya dengan membaca satu artikel saja dan ini akan membuat mereka semakin penasaran dengan isi artikel yang lain. Kalau setiap pembaca yang berkunjung melakukan ini, maka anda sebagai pemilik blog hanya bisa tersenyum lebar dan berjingkrak.. "Hore...."

[Fokus yang dua ini saja]

Dengan memfokuskan blog pada dua faktor diatas, maka kita bisa menarik banyak pembaca yang tentu imbasnya sangat positif bagi blog. Blog bisa dengan cepat terindeks di google dan segera mendepak  artikel lain yang sudah sering  bertengger di halaman pertama google.

Jika sudah sering berada di halaman pertama google, maka kesempatan orang untuk mengunjungi blog kita semakin besar. Ini karena orang-orang cenderung hanya mengklik artikel pada halaman pertama hasil pencarian daripada mencari artikel lain di halaman berikutnya.

[Terus update artikel]

Jika sudah mempunyai pengunjung yang setia, jangan lupa untuk selalu meng-update jumlah artikel agar blog terus terasa segar. Jadi ketika pengunjung setia kita berkunjung lagi, mereka sudah disuguhi dengan artikel baru dan menarik lainnya.

Merekapun akan dengan senang hati membaca dan memberikan komentar positif yang sangat baik bagi perkembangan blog. Jangan buat mereka kecewa karena kita jarang meng-update artikel yang ada.

[Kesimpulan]

Jadi dengan menggunakan template blog yang menarik dan juga mengisinya dengan artikel yang berbobot, kita bisa membuat pembaca yang baru pertama kali berkunjung mendapatkan kesan pertama yang begitu menggoda.

Merekapun tidak akan segan-segan untuk berkunjung kembali dan bukan tidak akan mungkin mempromosikan blog secara offline kepada teman-temannya dengan menceritakan bahwa blog kita unik dan menarik.

Mau?

Baca juga :

  1. Mengapa blogger harus sering baca blog orang lain?
  2. Nge-blog bisa membuat bahagia lho
  3. 4 teknik blogging yang blogger harus tahu
  4. Apa sih yang dijual pada blog?


reff : http://puteka85.blogspot.com/2015/02/menyuguhkan-kesan-pertama-yang-menggoda-bagi-pembaca-blog.html

Cara Membuat Navigasi Menu Blog ala Metro UI Windows 8

/ by  / with No comments /

SETELAH share tentang Cara Membuat Featured Posts Metro UI Style, kali ini CB share Cara Membuat Navigasi Menu Blog ala Metro UI juga. Bagi yang belum paham, Metro UI itu merujuk pada tampilan menu Start Windows 8.

Ini dia penampakan Navigasi Menu Metro UI Style. Demonya bisa dilihat di CB Blogger Lab.

Navigasi Menu Blog ala Metro UI Windows 8

Dengan tampilan Navigasi Menu Blog ala Metro UI Windows 8 ini, maka blog Anda akan "unik", lain dari yang lain, kecuali yang lain itu juga sama-sama pang juga!

Ini dia cara memasangnya:
1. Template > Edit HTML
2. COPAS kode berikut ini di atas kode ]]>

/*===MBL METRO UI Menu==*/

body {
 font-family:sans-serif;
}
a {
 text-decoration:none;
}
.mblmetromenu {
 width:960px;
 margin:auto;
}
@media screen and (max-width:960px) {
 .mblmetromenu {
 width:100%;
 }
}

/* MblMetroMenu */
.MblMetroMenu {
 position:relative;
}
.om-nav {
 position:absolute;
 width:100%;
 z-index:999;
 display:none;
}
.om-ctrlbar {
 width:100%;
 height:48px;
}
.om-ctrlitems {
 margin:auto;
 padding:0px;
 height:48px;
 display:inline-block;
 text-align:center;
}
.om-ctrlitem {
 height:48px;
 width:48px;
 display:none;
 cursor:pointer;
 float:left;
 opacity:0.5;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
 filter: alpha(opacity=50) !important; /* For IE8 and earlier */ }
.om-ctrlitem:hover {
 opacity:0.8;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
 filter: alpha(opacity=80) !important; /* For IE8 and earlier */ }
.om-activectrlitem {
 opacity:1 !important;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
 filter: alpha(opacity=100) !important; /* For IE8 and earlier */ }
.om-controlitems {
 width:960px;
 margin:auto;
}
.om-controlitem {
 height:48px;
 cursor:pointer;
}
.om-closenav {
 float:left;
}
.om-movenext {
 float:right;
}
.om-itemholder {
 margin:auto;
 padding:20px 0px;
}
@media screen and (max-width:960px) {
 .om-closenav {
  position:absolute;
  z-index:9999;
  left:0;
  top:0;
 }
 .om-movenext {
  position:absolute;
  z-index:9999;
  right:0;
  top:0;
 }
 .om-controlitems {
  width:100%;
 }
 .om-itemholder {
  width:100%;
 }
 }
.om-centerblock {
 display:inline-block;
}
.om-item {
 display:none;
}
.om-showitem {
 margin:5px;
 float:left;
 display:none;
}
/* END MblMetroMenu */

/* TILE BUTTONS */
/* Standar Buttons */
.tile-bt {
 text-align:center;
 cursor:pointer;
 width:90px;
 height:90px;
}
.tile-bt a {
 display:block;
 padding-top:12px;
 text-decoration: !important;
}
.tile-bt img {
 margin:0 auto 0 auto;
 padding-bottom:5px;
 height:48px;
 width:48px;
 position:relative;
 display:block;
}
.tile-bt span {
 font-size:12px;
 padding-bottom:10px;
 display:block;
}
.tile-bt:active {
 opacity:0.5;
}
/* End Standard Buttons */


/* Large Buttons */
.tile-bt-large {
 width:190px;
 height:90px;
 line-height:90px;
 text-align:center;
 cursor:pointer;
}
.tile-bt-large a {
 display:block;
 text-decoration: !important;
}
.tile-bt-large img {
 vertical-align: middle;
 margin:auto;
 padding:0px;
 position:relative;
 width:48px;
 height:48px;
}
.tile-bt-large span {
 vertical-align: middle;
 display:inline;
}
.tile-bt-large:active {
 opacity:0.5;
}
/* End Large Buttons */
/* Extralarge Buttons */
.tile-bt-extralarge {
 text-align:center;
 cursor:pointer;
 width:190px;
 height:190px;
}
.tile-bt-extralarge a {
 display:block;
 padding-top:52px;
 text-decoration: !important;
}
.tile-bt-extralarge img {
 margin:0 auto 0 auto;
 padding-bottom:22px;
 height:80px;
 width:80px;
 position:relative;
 display:block;
}
.tile-bt-extralarge span {
 font-size:14px;
 padding-bottom:20px;
 display:block;
}
.tile-bt-extralarge:active {
 opacity:0.5;
}
/* End Extralarge Buttons */

/* END TILE BUTTONS */

/* SHADOW LIST */
.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {
 /*display:inline-block;*/
}
.shadow-white:hover {
 box-shadow:0px 0px 6px 3px #fff;
 -webkit-box-shadow:0px 0px 6px 3px #fff;
 -moz-box-shadow:0px 0px 6px 3px #fff;
 -o-box-shadow:0px 0px 6px 3px #fff;
 -ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {
 box-shadow:0px 0px 6px 3px #38D1F7;
 -webkit-box-shadow:0px 0px 6px 3px #38D1F7;
 -moz-box-shadow:0px 0px 6px 3px #38D1F7;
 -o-box-shadow:0px 0px 6px 3px #38D1F7;
 -ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green:hover {
 box-shadow:0px 0px 6px 3px #AACA37;
 -webkit-box-shadow:0px 0px 6px 3px #AACA37;
 -moz-box-shadow:0px 0px 6px 3px #AACA37;
 -o-box-shadow:0px 0px 6px 3px #AACA37;
 -ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red:hover {
 box-shadow:0px 0px 6px 3px #E81750;
 -webkit-box-shadow:0px 0px 6px 3px #E81750;
 -moz-box-shadow:0px 0px 6px 3px #E81750;
 -o-box-shadow:0px 0px 6px 3px #E81750;
 -ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black:hover {
 box-shadow:0px 0px 6px 3px #444;
 -webkit-box-shadow:0px 0px 6px 3px #444;
 -moz-box-shadow:0px 0px 6px 3px #444;
 -o-box-shadow:0px 0px 6px 3px #444;
 -ms-box-shadow:0px 0px 6px 3px #444;
}
/* END SHADOW LIST */
/* BACKGROUND LIST */
/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
/* End Solid Colors */

/* MISC */
.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.none { display: none !important; width:0px !important; }
.light-text {
 color:#fff;
}
.dark-text {
 color:#1e1e1e;
}
.gradient {
 background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
 background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}
.margin-5 { margin:5px; }

3. COPAS kode berikut ini di bawah kode header atau di atas kode menu. Bisa juga menggantikan kode menu yang ada sebelumnya, replace saja dengan kode berikut ini:







Homepage


   



About US


   



Rss Feeds


   
 



Search


     
 



Contact US


     



 Get HELP

 

     



YouTube


     



Facebook


     



Photos


     



Music

 

     



MyBloggerLab


       
 


4. Ganti link (#) dan nama-nama menunya sesuai dengan selera Anda.
4. Save!

Selamat, kini tampilan navigasi menu Anda keren bingit, mirip tampilan "Windows 8 Metro Menu". Good Luck!

Sumber:
http://www.mybloggerlab.com/2012/12/how-to-create-metro-ui-navigation-menu.html

reff : http://www.contohblog.com/2015/01/navigasi-menu-metro-ui-blog-ala-start-win8.html

Cara Mudah Mendaftar Facebook Dengan Nomor HP 2015

/ by  / with No comments /

 Cara Mudah Daftar Facebook Dengan Nomor HP - Hai sobat share kali ini saya akan bernagi sedikit yang agak berbeda untuk cara mendaftar facebook,yaitu kita mendaftar dengan nomor hp kita,dengan kata lain kita tidak perlu menggunakan email seperti yang biasanya,otomatis dengan cara ini akan jadi lebih efisien dan cepa,Ok langsung saja simak langkah berikut


Cara Mudah Mendaftar Facebook

1) Pertama silahkan buka situs m.facebook.com



2) Lalu pilih pada " Buat Akun Baru"
3) Isi semua kolom pendaftaran sesuai biodata sobat,dan jangan lupa memasukan no HP yang akan sobat daftarkan
4) Jika dirasa sudah cukup klik " Mendaftar "
5) Kemudian sobat akan di bawa ke halaman berikutnya,untuk memverifikasi nomor HP
6) Beberapa saat facebook akan mengirimakan kode verifikasi ke nomor Hp sobat melalui sms,
7) Isikan kode tersebut ke kolom verifikasi facebook
8) Sekarang akun facebook sobat sudah jadi,tinggal ikuti langkah - langkah berikutnya atau kalau perlu di skip saja terlebih dahulu untuk mempercepat proses

  Sekian dulu sobat beberapa Cara Mudah Mendaftar Facebook Dengan Nomor HP  ,Semoga bermanfaat
Artikel ini dicopy dari http://perilian.blogspot.com Copy Right http://perilian.blogspot.com


reff : http://perilian.blogspot.com/2014/05/cara-mudah-mendaftar-facebook-dengan.html

Cara Mengetahui Jumlah Backlink ke Blog Anda

/ by  / with No comments /

tampilan backlink checker dari smallSEOtools

Cara Mengetahui Jumlah Backlink ke Blog Anda


Setelah beberapa lama blogging, barangkali anda penasaran sudah berapa banyak backlink yang berhasil anda kumpulkan. Sebagaimana kita ketahui backlink itu sangat penting untuk eksistensi blog kita. Backlink adalah link balik yang ditujukan kepada blog kita oleh website atau blog lain. jumlah backlink menunjukkan seberapa penting blog kita di internet. Backlink adalah salah satu bukti bahwa blog kita dirujuk oleh website atau blog lain, walaupun tentu tidak sepenuhnya begitu. Ya, bisa saja backlink itu diperoleh dari pembelian oleh website yang memang menjual backlink, atau backlink yang disediakan secara gratis.
Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2015/01/cara-mengetahui-jumlah-backlink-ke-blog.html

Statistik Perayapan Google Webmaster

/ by  / with No comments /

Statistik Perayapan Google Webmaster

Anda blogger dan masih rajin membuka-buka data yang disajikan oleh google webmaster bukan? Seharusnya demikian. Google webmaster adalah layanan google untuk para webmaster atau blogger yang diberikan secara gratis. Syarat mendapatkannya mudah, anda hanya harus punya akun google. Itu saja. Pada pembahasan kita kali ini, akan coba diangkat tentang Statistik Perayapan (Crawl Stats).

menu statistik perayapan di google webmaster
menu statistik perayapan di google webmaster

Silakan masuk ke akun google webmaster anda, lalu pada menu samping kiri pada Search Console pilih menu:  Perayapan > Statistik Perayapan. Ketika data terbuka, maka anda akan dapat melihat bagaimana kegiatan google boot dalam 90 hari terakhir terhadap blog atau website anda.

Pada laman data ini, anda akan diberikan 3 buah grafik, yaitu: (1) Laman yang dirayapi per hari; (2) Kilobita yang diunduh per hari; dan (3) Waktu yang digunakan untuk mengunduh sebuah laman (dalam milidetik).

Baca juga:
Statistik Blog dan Manfaatnya untuk Memperbaiki SEO Blog
Tips Terbaru Membangun Link (Links Building)

Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2015/07/statistik-perayapan-google-webmaster.html

Cara Mengatasi Tombol Reply Komentar Blog yang Tidak Berfungsi

/ by  / with No comments /

Tombol Reply Komentar Blog
Tombol reply comment (balas/jawab komentar) di blog Anda tidak berfungsi? Bagaimana cara mengatasinya? Ini dia tips lengkapnya!

BIASANYA masalah tombol reply comment (balas komentar) yang error ini terjadi di template blog "jadul" alias lama.

CB sering mengalaminya juga karena hobi CB 'kan modifikasi template :)

Ini dia beberapa cara yang CB lakukan untuk mengatasi tombol reply komentar blog yang tidak berfungsi itu.

Ada Dua Cara:

1. Setting di Dashboard Blog
2. Ganti kode Javascrip/HTML

Cara#1 Setting Kotak Komentar

Pastikan settingan komentar blog Anda seperti tampak dalam gambar. Caranya:
  1. Klik "Settings" > "Posts and Comments" > "Comment Location" > pilih "Embedded"
  2. Klik "Other" > "Allow Blog Feed" > pilih "Full".
  3. Save!

setting reply komentar

setting reply komentar

Lihat hasilnya. Kalau sudah bisa, ya sudah... ucapkan alhamdulillah.  Tapi biasanya sih masih belum jalan. Maka, lakukan langkah kedua berikut ini.

Cara #2 Ganti Javascript

  1. Klik "Template" > "Edit HTML"
  2. Cari (Ctrl+F) kode yang diawali dengan  ... dan diakhiri dengan kode penutup
  3. Hapus dan ganti (replace) kode yang panjang tersebut dengan kode berikut ini yang juga sama panjangnya:



4. Save Template! Lihat hasilnya, testing!

Jika MASIH BELUM BERHASIL JUGA, maka lakukan lagi cara ketiga, berupa pergatian kode lagi, sebagai berikut:

Cara #3 Ganti kode lain

1. Template > Edit HTML
2. Temukan kode berikut ini:

         
         
       
       
         
       

3. Ganti dengan kode ini:

       
         
           
         
           
         
       
       
         
           
         
           
         
       

4. Save Template!

Berhasilkah? Alhamdulillah kalo berhasil.

Masih belum jalan juga itu Tombol Reply Komentar? Hmm... ini langkah paling jitu: GANTI TEMPLATE!!! Soalnya  Tombol Reply Komentar Blog yang Tidak Berfungsi itu hanya akan menghambat interaksi kita dengan pengunjung yang komentar di blog kita.

Good luck and happy blogging!

Referensi:
  • http://xomisse.com/blog/fix-reply-button-blogger-comments/
  • http://www.betatemplates.com/2012/01/how-enable-threaded-comments-blogger.html


reff : http://www.contohblog.com/2014/06/cara-mengatasi-tombol-reply-komentar-blog.html

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

/ by  / with No comments /

Label Posting Blog di Bawah Judul Tulisan
www.bloggingtips.com
MEMUNCULKAN, membuat, atau menampilkan Post Labels (Kategori Tulisan) blog di bawah judul tulisan dianjurkan oleh Google.

Setting dashboard dan template-template bawaan blogger juga sudah menyediakan kode-kode label untuk dimunculkan di bawah judul, umumnya setelah by line "Posted by.." atau "Diposkan oleh..."

Biasanya, urutannya adalah sebagai berikut: Author Name, Post Date, Labels, and Comments, seperti: Posted by Admin on Januari 2, 2015 in Tips SEO with 0 Comments.

Menampilkan Labels di posting memudahkan pengunjung mengenali konteks tulisan, sekaligus menjadi "internal link" yang memudahkan pembaca membuka posting lainnya di kategori (topik, tema) tulisan yang sama.

Google juga merekomendasikan penggunaan labels: Label your posts!

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

1. Pastikan setiap tulisan Anda diberi Labels. Saat membuat posting, lihat ke kanan, di sana ada "Post Setting" sebagai berikut:

Label Posting Blog


Jika kolom ini tidak diisi, maka otomatis posting Anda akan menjadi "Unlabelled" atau "Uncategorized" dan itu tidak baik buat seo posting.

2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:

Label Posting Blog di Bawah Judul Tulisan


CARA LAIN
Jika cara di atas tidak bisa memunculkan Labels di bawah judul tulisan, itu artinya template blog tidak mendukung! Maka, lalukan langkah berikut ini:

1. Klik "Template" ?? "Edit HTML" ?? cari (Ctrl+F) kode  
2. Copy + Paste kode berikut ini di atasnya:

in

,

3. Copas juga kode berikut ini di atas kode ]]> 

.post-label {float:left;font-size:12px;color:#555}
.post-label a {color:#111text-decoration:none;}
.post-label a {text-decoration:undeline;}

4. Save Template!

Beres.... Labels (mestinya) sudah tampil alias muncul di bawah judul posting.

KODE PUNYA CB
Jika Anda pengguna New Johny Wuss V1 & V2, maka bisa menggunakan kode yang digunakan CB berikut ini untuk menampilkan Labels. Ada di bawah kode 
seperti ini:


   

       
         

Posted by Nama Anda
 in
         
           
,
         
       


Demikian cara memunculkan Labels posting di bawah judul biar lebih seo dan user friendly. Good Luck!


reff : http://www.contohblog.com/2015/01/menampilkan-label-posting-blog-bawah-judul.html

Aplikasi Update Status Facebook Via Android

/ by  / with No comments /

Aplikasi Update Status Melalui Android

Hai sobat kalii ini saya mau berbagi mengenai aplikasi Facebook, yaitu bagaimana caranya agar kita bisa Update Status Melalui Android meggunakan hp yang biasa. Saya biasa sudah biasa menggunakan aplikasi ini untuk update status di Facebook. Nah untuk sobat yang juga ingin mencobanya, silahkan gunakan aplikasi dibawah ini :

Silahkan Update Status Via Android

   1. Login ke FB kamu dulu
   2. Silahkan gunakan aplikasi dibawah ini untuk update status melalui Android

  
    3. silahkan sahabat tuliskan status pada kolom yang tersedia. lalu klik bagikan !!
   4. Sekarang status sahabat sudah melalui Android bukan ? :D. Dengan HP biasapun kita tetep bisa update status melalui HP canggih dari Android ini. hehehe..


Nah mungkin itu sedikit trik facebook kali ini, silahkan dicoba dan semoga dapat bermanfaat.
Artikel ini dicopy dari http://perilian.blogspot.com Copy Right http://perilian.blogspot.com


reff : http://perilian.blogspot.com/2013/10/aplikasi-update-status-melalui-android.html

5 Tipe Widget Popular Posts Keren untuk Blog

/ by  / with No comments /

Widget Popular Posts Keren untuk Blog
WIDGET Popular Posts, Posting Terpopuler, atau Artikel Terbanyak dibaca harus diperlakukan "istimewa". Pasalnya, dialah daftar tulisan unggulan di blog kita.

Widget Popular Posts juga berfungsi sebagai navigasi dan internal link yang bagus buat seo dan user friendly. 

Kita bisa memasang dan mengatur widget Popular Posts itu di Layout > Add a Gadget > pilih "Popular Post". 

Jumlahnya bisa kita atur mulai dari 1 s.d. 10 posting. Bisa juga hanya berupa judul, judul dan gambar, atau judul - gambar - ringkasan.

Berikut ini 5 Tipe Widget Popular Posts yang Keren Banget yang di-share blog Arjana Designs. Cara memasangnya sebagai berikut:

LANGKAH PERTAMA

1. Layout --> Add a Gadget --> pilih "Popular Posts" 
2. Di seksi "Show" centang (check) 'Image Thumbnail" dan jangan centang (uncheck) "Snippet".
3. Pilih juga jumlahnya, misalnya 5.
4. Save!

Widget Popular Posts yang Keren


LANGKAH KEDUA
Pilih salah satu tipe widget tampilan Popular Posts yang Anda sukai di bawah ini. Copas kodenya dengan cara:
1. Template > Edit HTML
2. Simpan kode yang dipilih di atas kode ]]>
3. Save Template!

Bisa juga dengan cara ini:
  1. Template --> Customise 
  2. Klik "Advanced" --> "Add CSS"
  3. Copas salah satu kode dan klik "Apply to Blog".

Kode 5 Tipe Widget Popular Posts Keren untuk Blog

Style 1:

Blogger Popular Posts Widget With Tumbnails Style 1
.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img

{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Style 2:
Blogger Popular Posts Widget With Tumbnails Style 2
.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img

{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 30px/10px;
-webkit-border-radius: 30px/10px;
border-radius: 30px/10px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Style 3:
Blogger Popular Posts Widget With Tumbnails Style 3
.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img

{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 100px 0px;
-webkit-border-radius: 100px 0px;
border-radius: 100px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Style 4:

Blogger Popular Posts Widget With Tumbnails Style 4
.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img

{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 20px 0px 20px 0px;
-webkit-border-radius: 20px 0px 20px 0px;
border-radius: 20px 0px 20px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Style 5:

Blogger Popular Posts Widget With Tumbnails Style 5
.PopularPosts ul li a {font: 14px verdana; color: black;}
.PopularPosts .item-thumbnail {margin: 0 15px 0 0;}
.PopularPosts .item-title {padding-top:20px;}
.PopularPosts .item-thumbnail img

{background:#fff;
height:55px; width:55px;
border:1px solid #fff;
padding:3px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}


Gimana? Keren kan? 

Silakan pilih dan pasang widget popular posts keren dan stylish ini di sidebar blog Anda. Tampilannya atraktif dan menarik perhatian pembaca. 

Tampilan Popular Posts yang lebih simple dan bernomor ada di posting sebelumnya: Popular Posts Keren. 

Ada juga yang warna-warni itu lho.... CB tidak sarankan yang begitu, soalnya bikin "silau" dan "terlalu rame", lagi pula terkesan "childish". Good Luck! (http://contohblognih.blogspot.com).*

Sumber


reff : http://www.contohblog.com/2015/06/5-widget-popular-posts-keren-blogger.html

Niche Blog Versus Various Blog

/ by  / with No comments /

various blog versus niche blog
blog kamu yang mana?

Niche Blog Versus Various Blog


Blog kamu topiknya tentang apa? Ketika memulai aktivitas blogging setahun yang lalu, saya telah membaca banyak nasehat tentang memilih niche blog. Blog yang baik seharusnya mempunyai topik khusus untuk dibahas. Dan saya yakin sepenuhnya bahwa nasehat itu baik dan benar, apalagi jika nantinya kita punya niat untuk sekedar menambah uang jajan dengan memonetisasi blog tersebut. Sebutlah program populer PPC (Pay Per Click) milik google, adsense, sebelum anda dapat diterima sebagai penayang adsense, para reviewer yang bertugas menyeleksi apakah blog anda dapat diberi hak tayang iklan google ini mengharuskan blog punya niche atau topik tertentu. Alasan mereka tentu saja terkait dengan kualitas pengunjung blog dalam hubungan dengan iklan yang ditayangkan. Para advertiser tentu tak mau rugi jika yang mengklik iklan mereka bukanlah orang yang akan membeli produk atau jasa mereka. Itu juga sebabnya mengapa performa various blog (blog gado-gado) kabarnya tak sebaik niche blog dalam hal pendapat adsense. Advertiser dapat memberikan harga yang berbeda pada setiap blog, apalagi mereka dapat memfilter pada blog-blog dengan topik tertentu saja iklan akan tayang (kontekstual).
Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2015/02/niche-blog-versus-various-blog.html

Cara Mudah Mendapatkan Backlink Gratis

/ by  / with No comments /

backlink
backlink
Mendapatkan backlink bagi blogger adalah hal yang menyenangkan, karena bisa membuka peluang datangnya banyak pengunjung dari tempat link tersebut dipasang. Misalnya ada salah satu artikel ini yang link-nya dipasang pada web atau blog lain, kemudian pengunjung di blog tersebut mengklik linknya dan pengunjung tersebut akan diarahkan ke blog ini. Hasilnya adalah blog saya mendapatkan pengunjung tambahan dan bisa meningkatkan pageviews.

Terus gimana caranya mendapatkan backlink ya? Banyak yang menyarankan untuk melakukan blogwalking dan kemudian mengisi komentar sambil memberikan link blog kita di kolom komentarnya. Cara seperti itu bisa saja, tapi tentu agak melelahkan jika harus dilakukan sering-sering.

Ada cara yang lebih mudah untuk mendapatkan backlink gratis dan bahkan kita tidak perlu harus repot-repot berkunjung ke blog lain. Caranya bagaimana? Mudah sekali. Blog ini juga sudah mendapatkan beberapa backlink gratis tanpa perlu blogwalking. Mengapa saya bisa mendapatkan backlink gratis itu tanpa usaha sama sekali? Karena artikel saya bermanfaat bagi pembaca yang lain. 

Jawabannya adalah dengan membuat artikel yang bermanfaat dan berguna bagi para pembaca. Mereka merasa terbantu dengan apa yang saya tulis dan akhirnya para pembaca itu sendiri yang memasang link artikel blog ini di blog mereka, di forum tanya jawab dan bahkan ada artikel saya yang menjadi rujukan atau referensi bagi tulisan blogger lain. Menyenangkan bukan mendapatkan backlink gratis tanpa usaha?

Menurut saya, artikel yang bermanfaat bagi para pembaca harus banyak-banyak ditulis agar peluang untuk mendapatkan backlink gratis semakin terbuka lebar. Jadi jangan pernah bosan untuk menulis dan menulis lagi karena kesempatan untuk mengembangkan blog menjadi semakin luas. Agar backlink semakin banyak, ada baiknya dikombinasikan juga dengan blogwalking. Saya melakukan ini juga kok..

Baca juga :
  1. Kebahagiaan menjadi seorang blogger
  2. Cara mudah mengetahui penyebaran link blog kita
  3. Artikelku menjadi referensi bagi blog lain


reff : http://puteka85.blogspot.com/2014/03/cara-mudah-mendapatkan-backlink-gratis.html

Blogger yang Suka Hapus Credit Link Footer Itu Menjijikkan!

/ by  / with No comments /

Posting ini bukan tentang cara menghapus credit link footer template blog, tapi justru untuk mencegah Anda melakukannya!

BANYAK blogger mengubah atau menghapus credit link footer desainer template blog yang digunakannya. Yang menjijikkan, link-nya diganti dengan nama dan tautan alamat blognya sendiri! Seakan-akan dia sendiri yang membuat template itu.

Ini hanya salah satu contoh:
Hapus Credit Link Footer

Masih banyak blogger yang kelakuannya begitu. Nanti CB tampilkan blog lainnya di sini. Datanya sudah ada dan terus bertambah. Google sendiri yang kasih tahu kok!

Jelas, mereka adalah blogger amatir. Bisa disebut "blogger cabe-cabean" atau "blogger terong-terongan". Dikiranya keren, padahal "kere" etika dan tatakrama --tidak menghormati karya orang dan tidak tau berterima kasih.

CB banyak menemukan blog seperti itu, khususnya yang menggunakan template maskolis yang CB modif, seperti New Johny Wuss series yang laris manis! Banyak juga blogger yang menggunakan Top Domain Level dot com atau lainnya yang menggunakannya, namun itu tadi... menghapus credit link maskolis dan CB Blogger. Menjijikkan!

Beberapa di antaranya sudah CB "tegur" dan diarahkan ke Shirothol Mustaqim... jalan yang lurus sebagai blogger.

Credit Link Footer desainer template itu bukan aib! Ingat itu! Justru ia bisa menjadi salah satu kekuatan SEO blog karena blog Anda nge-link ke blog desainer itu.  Yang aib adalah dengan mengubah dan menghapusnya.

Blog ini bahkan tetap memasang "Powered by Blogger" di bagian footer. Jangan anggap remeh! Itu adalah link yang mengaitkan blog kita dengan "sang induk", yakni Blogger, milik Google.

Apakah mereka merasa "malu" dengan mencantumkan credit link itu? Wrong! Kebanyakan user "mengabaikan" bagian footer! Hanya sesama blogger dan desainer yang suka melihat-lihat bagian footer.

Pengguna hanya fokus ke konten! Sejelek apa pun tampilan blog Anda, jika isinya mereka butuhkan, maka mereka akan bertahan dengan blog Anda. Sebaliknya, sebagus apa pun desain tampilan blog Anda, jika isinya "ecek-ecek", apalagi Copas dan Plagiat, maka... ke laut aja, mancing saja, sambil bantu mencari korban AirAsia!

reff : http://www.contohblog.com/2015/02/blogger-yang-suka-hapus-credit-link.html

Cara Ngehack Password Facebook Yang Tersembunyi

/ by  / with No comments /

  • Grosir Baju Anak harga Mulai Rp. 5,000
  • Grosir Kaos Anak Hanya Rp. 5,000 -an
  • Sprei Waterproof, Anti Air, Ompol, Tumpahan, Tidak Panas
  • Pusat Grosir Baju Anak Murah Mulai Rp. 5000 Harga Pabrik




    • Ingin lihat Password account Facebook, yahoo, Twitter, dan account login lainnya dari teman kalian?
    (ceile, terlihat jahat banget ya? kayak black hacker aja, he..he..heee).
    Di Blog ini akan saya bahas tips dan trik jitu rahasia mengungkap password Facebook, Twitter dll dari teman kalian.
    Tapi ingat, saya tidak merekomendasikan trik ini untuk berbuat jahat. Ngehack password Facebook teman misalnya. Karena dosa. Sayapun tidak mau kecipratan dosanya :(
    Tapi untuk sekedar mempelajarinya, tidak apa-apa deehh... he..he..

    ==Perlu di catat, trik ini sekarang  tidak berlaku apabila anda menggunakan browser Mozilla Firefox ataupun Google Chrome. Usahakan menggunakan browser lain seperti Opera, misalnya.==

    OK, kita mulai saja. Saya akan memberitahu trik mudah untuk melihat password yang biasanya ketika diketikkan saat login suatu akun apapun hanya akan terlihat sebagai simbol lingkaran, bintang, atau apapun agar tidak terlihat orang lain, contohnya saat kita ingin login ke Facebook! :


    Nah, Password-nya cuma keliatan bulet2 aja kan..
    Sekarang mari kita mengintipnya Passwordnya devil Trik Cara Mengintip Password Login yang Tersembunyi

     Caranya sangat-sangat mudah, tinggal
    copy  kode javascript yang berwarna merah di sini.
    Kemudian paste-kan kode javascript tersebut ke address bar browser kamu.

    Lalu tekan enter dan? wooww! Lihat hasilnya pada gambar di bawah ini (klik gambar untuk memperbesar). maka automatis password terhidden akan muncul di pesan Allert

    Ketauan deh Password versi teks-nya. sudah bukan bulet2 lagi kan? whistling Trik Cara Mengintip Password Login yang Tersembunyi

    Cara ini bisa dilakukan di sebagian besar website. Jadi, kalau kamu sedang menuliskan password (khususnya di komputer / laptop orang lain yang kemungkinan udah punya template kode javascript di atas), jangan pernah memperbolehkan kalau tiba-tiba ada yang mau minjem komputer, bisa jadi dia pengen liat passwordmu!
    Pesan saya: jangan dipake buat jailin orang ! Saya tidak bertanggung jawab dengan semua efek dari trik ini !!

    Semoga bermanfaat! Tetap waspada! Jangan pernah meninggalkan passwordmu terbengkalai di browser! lol Trik Cara Mengintip Password Login yang Tersembunyi

      
    Sebarkan informasi ini melalui Facebook dan Twitter di bawah ini agar teman-teman Anda bisa melakukan hal yang sama. Atau Bookmark trik ini (Ctrl+D) untuk menyimpan trik ini.


    reff : http://allyamien.blogspot.com/2012/01/cara-ngehack-password-facebook-yang.html

    DOWNLOAD OPERA MINI 4.2 MODIF HANDLER

    / by  / with No comments /

    free download, gratis download untuk HP-mu, semua opera mini di bawah ini ber-ekstensi *.jar(java), bisa di instal pada semua merk/type HP termasuk HP china.
    mudah-mudahan masih bisa di download GRATIS menggunakan kartu Three, bila di download halaman jd error klik 'cad' (download kena biaya)

    1. Opmin 4.2 Handler UI 132 jar 133.5kb
      cad
    2. Opmin 4.2 Handler UI 132 Gold.jar 159.kb
      cad
    3. Opmin 4.2 Handler UI 130 .jar 151kb
      cad
    4. Opmin 4.2 Handler UI 131 jar 153kb
      cad
    5. Opmin 4.2 Handler Black Fox.jar 158kb
      cad
    6. Opmin 4.2 Test0.jar 190kb
      cad
    7. Opmin 4.2 Multy Windows.jar 258kb
      cad
    8. Opmin 4.2 Multy Windows Editable.jar 231kb
      cad
    9. Opmin 4.2 Handler UI 121 Kong.jar 188kb
      cad
    10. Opmin 4.2 Multy Handler Gold.jar 152kb
      cad
    11. Opmin 4.2 Handler UI 112jar 149 kb
      cad
    12. Opmin 4.2 Multy Handler jar 138kb
      cad
    13. Opmin 4.2 CustSrvFull.jar 136.1kb
      cad
    14. Opmin 4.2 Hander UI 111 new.jar 142kb
      cad
    15. Opmin 4.2 Multy Editable server.jar 141kb
      cad
    16. Opmin 4.4 host.jar 184kb
      cad
    17. Opmin 4.2 host.jar 179kb
      cad
    18. Opmin 4.3-4.4-5.0-6.0-6.1-6.5 handler


    Copy Paste merupakan pelanggaran terhadap hak cipta. Copy Paste diperbolehkan apabila menyertakan link sumber artikel. 
    Hak Cipta: 
    ?copyright by: http://allyamien.blogspot.com


    reff : http://allyamien.blogspot.com/2012/01/opera-mini-42-modif-handler.html

    Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

    / by  / with No comments /

    Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading
    Cara Mudah Membuat Sitemap (Daftar Isi Blog) Blog Keren Gaya Table Fast Loading.

     BANYAK sekali versi tampilan (desain) daftar isi blog. Salah satunya yang CB pasang di Sitemap.

    Daftar isi blog (blogger sitemap) berfungsi sebagai navigasi menu, internal link, juga "dokumentasi konten" blog kita.

    Cara membuatnya mudah sekali, tinggal buat halaman statis, lalu copas saja kodenya. Tanpa melakukan perubahan apa pun.

    Sitemap model tabel ini keren. Ada tiga kolom, berisi judul posting, tanggal publikasi, dan labe/kategori. Contohnya, ya... di Sitemap blog ini. Ini gambarnya:

    Sitemap (Daftar Isi Blog) Blog Gaya Table

    Kode sitemap blog ini juga aman dari sisipan link. Silakan cek kodenya, tidak ada link eksternal. Beda dengan banyak kode daftar isi blog lain yang sering diinjeksi link oleh yang membuat atau yang membagikannya.

    Cara Membuat Sitemap (Daftar Isi Blog) Gaya Table

    1. Page > New Page
    2. Isi judul halaman dengan "Sitemap" atau "Daftar Isi"
    3. Klik mode HTML
    4. Copas kode berikut ini:

    Loading TOC. Please wait....





    5. Beres! Langsung publish saja..!

    Daftar isi blog (sitemap) berfungsi sebagai navigasi menu, internal link, juga "dokumentasi konten" blog kita.

    Daftar Isi Blog Blog Keren Gaya Table Fast Loading di atas juga berguna bagi pengunjung yang ingin mengeksplorasi tulisan atau info di blog kita. Good luck! (http://www.contohblog.com/).*

    Sumber

    reff : http://www.contohblog.com/2015/10/membuat-sitemap-daftar-isi-blog-fast-load.html

    Trik Internet Gratis XL Terbaru 2012

    / by  / with No comments /

     Trik internet gratis XL Terbaru 2012 - Kali in saya datang lagi dengan postingan paling update dan paling banyak dicari di dunia maya. Yaitu tentang trik internet gratis. Setelah sebelumnya saya posting tentang:
    • Trik Internet Gratis Indosat 2012 Terbaru
    • Trik Internet Gratis 3 Three 2012 Terbar
    • Trik Internet Gratis Telkomsel 2012 Terbaru
    • Trik Internet Gratis Axis Terbaru 2012
    Kini saatnya  untuk membongkar semua rahasia tentang Trik Internet Gratis XL terbaru 2012. Ini adalah artikel yang paling ditunggu-tunggu oleh para gretonger di dunia maya.

    Langsung aja Gan untuk mengoprek ponsel kalian agar bisa berinternet gratis sepuasnya.
    Ikuti langkah-langkah dibawah ini:

    • Setting Di Hp
    APN = Standar
    Proxy = standar
    port = standar

    • Setting Opera mini handler
    - Download terlebih dahulu Opera Mini Handler:

    OPERA MINI 4.2 MODIF HANDLER

     Atau kalau ingin yang paling canggih, bisa download:

     Opera Mini 7 Handler Terbaru

    -Kemudian masukkan settingan dibawah ini di Opera Mini Handller yang telah di instal di ponsel.

    http : standar/dns primer pilihan
    contoh : http://server4.operamini.com/8.8.8.8

    socket : standar/dns sekunder pilihan
    contoh : socket://server4.operamini.com/8.8.4.4

    Remove port : no centang
    Proxy tipe : http


    - Selesai.


    Sekarang coba berinternet ria melalui Opera Mini Handler tersebut.

    Salam gretonger !



    ?copyright by: http://allyamien.blogspot.com

    reff : http://allyamien.blogspot.com/2012/03/trik-internet-gratis-xl-terbaru-2012.html

    Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly

    / by  / with No comments /

    TULISAN atau tips seo blog Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly ini CB buat usai "jalan-jalan" di twitter menyusuri hashtag #blog dan #blogging. Bagi CB, penempatan gambar ilustrasi yang seo friendly ini sesuatu yang baru.

    seo image posting blog
    credit: youbabymemummy.com
    Tips SEO Image. Katanya, gambar, image, foto, atau ilustrasi itu harus kita posisikan setelah teks, misalnya di alinea kedua atau ketiga! Jangan simpan gambar di awal atau sebelum teks! Don?t put an image first.

    Sebaiknya, sebelum memasukkan gambar, tulis dulu semacam "ringkasan" atau "lead" (teras, alinea pertama) dengan memasukkan kata kunci (keywords) yang jadi target.

    Baca juga:  5 Cara Optimisasi Gambar untuk SEO Blog

    Kebanyakan kita selama ini menempatkan gambar di awal posting. Benar 'kan? Itu tidak masalah dan kebanyakan blogger melakukannya.

    Namun, ingat, mesin pencari --termasuk Google-- akan meng-crawl atau mengindeks bagian awal sebuah postingan! Karenanya, bagian awal tulisan harus mengandung kata kunci. Ya... contohnya kira-kira seperti awal postingan ini lah... Satu alienea, baru ada gambar.

    Gambar yang diletakkan di awal posting tidak akan membantu SEO blog. Maka, awali posting Anda dengan alinea pendek (termasuk kata kunci), baru sisipkan gambar lengkap dengan "Title" dan "Alt Text" (Properties).

    Siapa yang bilang begitu? Ini CB kutipkan selengkapnya. Ini kata "seorang tante" yang juga blogger di luar sana. Nama blognya juga "lucu": You Baby Me Mummy.

    Don?t put an image first.  Lots of people, (myself included for a long time), put the image as the first thing in their posts.  The first thing in a post is what search engines will trawl and so this needs to include your keywords.  An image first won?t help as much in terms of SEO.  So start your post with a short paragraph (including keywords) then the image (with title on it if appropriate)... So a short paragraph containing your keywords, then your picture is the best way forward. (You Baby Me Mummy)

    Itu dia sharing "si tante bule" yang menginspirasi sekaligus menjadi sumber utama posting "Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly" ini.

    Make sense? Bagi CB, ya! Masuk akal banget. Bukankah selama ini juga banyak blogger, termasuk CB, yang suka "mengulang" judul posting di awal dan di akhir tulisan? Nyatanya, bagus 'kan buat SEO blog? Good Luck! (http://contohblognih.blogspot.com).*

    reff : http://www.contohblog.com/2015/02/cara-mengatur-posisi-gambar-foto-posting-blog.html

    Cara Membuat Top Menu Plus Kotak Pencarian di Atas Header

    / by  / with No comments /

    Cara Membuat Navigasi Menu Plus Kotak Pencarian (Search Box) di Atas Header Blog.


    top menu blog


    TIPS desain ini lanjutan tips sebelumnya tentang navigasi menu di atas header blog. Kali ini ada plusnya, yakni navbar menu plus kotak pencarian. Contohnya seperti topmenu di atas blog CB ini.

    1. Blogger Dashboard >> Template >> Edit HTML
    2. Copas kode berikut ini di atas kode  ]]>


       /* CSS FOR SEARCH BAR STARTS */  


       #search{width:330px; border:none;background:transparent;height:32px;padding:0;text-align:left;overflow:hidden;border-left:1px solid #BBB}  


       #search #s{width:70%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}  


       #search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}  


       #search-wrap{padding:15px 0}  


       .topsearch #search{margin-top:0;margin-bottom:0}  


       /* CSS FOR MENU BAR STARTS */   


       .shadowblockmenu{  


       font-weight: bold;  


       font-size: 85%;  


       width: 980px;  


       background-color: #eeeded; -webkit-box-shadow: 0 10px 10px #666;


       }  


       .shadowblockmenu ul{  


       border: 1px dotted #BBB;  


       border-width: 0px 0;   


       padding: 0;  


       margin: 0;  


       overflow: hidden;  


       }  


       .shadowblockmenu ul li{  


       display: inline;  


       margin:0;  


       padding:0;  


       }  


       .shadowblockmenu ul li a{  


       display:block;  


       float:left;  


       text-transform: none;  


       color: black;  


       padding: 8px 15px 8px 9px;  


       margin: 0;  


       text-decoration: none;  


       }  


       .shadowblockmenu li:nth-of-type(1) a{   


       padding-left:25px;  


       }  


       .shadowblockmenu li:nth-of-type(2) a{   


       padding-left:25px;  


       }  


       .shadowblockmenu li:nth-of-type(3) a{   


       padding-left:25px;  


       }  


       .shadowblockmenu li:nth-of-type(4) a{   


       padding-left:25px;  


       }  


       .shadowblockmenu li:nth-of-type(5) a{   


       padding-left:25px;  


       }  


      .shadowblockmenu ul li a:hover{  


       color: yellow;  


       } 


      Note: sesuaikan lebarnya dengan lebar header blog Anda (angka berwarna merah).

      3. Copas kode berikut ini di atas kode


      Catatan: jika tidak ada kode tersebut, cari kode , atau 
       
       
      dan Copas kode berikut ini di atas-nya.



        



       
          


       
    • Home
      •   


       
    • About
      •   


       
    • Contact
      •   


       
    • Privacy Policy
      •   


       
    • Sitemap
      •   


       
    •   


       

         
        


             


       


           


       
        


       
        


      •  
        


         


       



      NB:
      - Kode header tiap template mungkin berbeda. Untuk pengguna New Johny Wuss, simpan kode tersebut di atas kode ini:





      - Ganti nama menu dan linknya dengan "kepunyaan" Anda.

      4. Save Template!

      Sudah.... beres.... segitu doang kok cara membuat top menu plus kotak pencarian di atas header.

      Good luck and happy blogging!

      Sumber


      reff : http://www.contohblog.com/2014/06/Top-Menu-Plus-Kotak-Pencarian-header-blog.html
      Subscribe to: Posts (Atom)