Cara menghilangkan Navbar pada blogger agar pro

Cara menghilangkan navbar agar lebih SEO, menghilangkan navbar pada blog blogger. Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?

Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Silahkan cari kode berikut ini copy dan pastekan sebelum tag </style>

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

4. Klik tombol Simpan Template.

Jika tidak berfungsi pada template klasik ada cara yang lain nih yaitu, Silahkan cari kode ini copy dan pastekan sebelum tag ]]></b:skin>

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Terus klik Simpan Template
Sekarang anda lihat blog anda apakah sudah hilang apa belum navbarnya.

Semoga bermanfaat

SEO friendly dengan memasang breadcrumbs pada blog

Breadcrumbs untuk SEO, SEO yang sangat ampuh dengan memakai breadcrumbs. Cara Pasang Breadcrumbs Untuk Blogspot - Seperti dipostingan terdahulu yang menjelaskan Cara Menghadapi Algoritma Google Panda 2.2, bahwa algoritma ini salah satu nya dapat ditaklukkan dengan optimasi blog dummy, kini ternyata pemasangan Breadcrumb di blog adalah satu cara menghadapi google panda tersebut. Keyword yang dicari oleh visitor adalah berdasarkan density keyword yang kita pasang di artikel kita. Bagi Google, pengulangan keyword ini sangatlah berpengaruh, namun tidak bagi Yahoo. Yahoo akan merangking website berdasarkan sedikitnya angka keyword density dari artikel atau website tersebut.

Kembali lagi ke laptop! Hehehe.. Breadcrumb navigasi ini sebenarnya adalah widget sederhana dan sudah menjadi bukan makanan atau trik baru di blogger, namun peranannya dalam membantu mesin pencari mengindeks page halaman website sangatlah besar. Baiklah, kalau sobat penasaran, apa itu Breadcrumbs, silakan lihat gambar dibawah ini.

Kembali lagi ke laptop! Hehehe.. Breadcrumb navigasi ini sebenarnya adalah widget sederhana dan sudah menjadi bukan makanan atau trik baru di blogger, namun peranannya dalam membantu mesin pencari mengindeks page halaman website sangatlah besar.

Lalu bagaimana caranya membuat Breadcrumb di Blogspot?

* Mudah, silakan sobat log in di www.blogger.com, kemudian sobat masuk ke dashboar, klik EDIT HTML, jangan lupa centang expand template widget.

* Kemudian cari kode ]]></b:skin> ini, dengan CRTL+F dengan keyboard sobat

* Kemudian paste-kan kode ini persis diatas ]]></b:skin> :

.breadcrumbs {

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #e2e7b4;

}

.breadcrumbs a {

text-decoration:none;

color: #000000;

}

* Kemudian silakan cari kode <div class='post hentry'> dengan cara CTRL+F biar cepat

* Dan paste-kan kode dibawa ini tepat dibawah kode <div class='post hentry'> :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

* Kemudian jika sudah, silakan simpan template sobat. Dan lihat tampilan blog sobat sudah berubah dan lebih SEO sekarang di mata mesin pencari.

Semoga bermanfaat dan blog anda semakin SEO friendly.

Cara membuat read more berwarna

Cara membuat read more, cara membuat read more berwarna, tips membuat read more, memberi background pada read more.  Ini adalah salah satu cara untuk memoles tampilan link "Read more" di blog anda. Link Read more anda bisa ditambahkan background dengan warna untuk memperindah tampilan blog anda dan semakin profesional.



Cara ini untuk memperindah tampilan link Read more di blog anda, yaitu :

Untuk memodifikasi background link "Read More", memang diharuskan untuk mengedit kode HTML blog anda. Untuk membuatnya berikut ini caranya.

1. Login ke blogger.com
2. Klik Dashboard
3. Klik Rancangan 
4. Klik Edit HTML

Tapi Pertama-tama download dulu kode HTML blog anda untuk jaga-jaga kalau anda ingin kembali ke tampilan blog sebelumnya.

Setelah itu copy paste kodenya di bawah ini

.jump-link a  {-moz-border-radius:5px;-khtml-border-radius: 5px;  -webkit-border-radius: 5px; padding:2px 12px; font-style: italic; border:1px solid #b7b7b6; margin:10px 0px; text-decoration: none; color: #000; background: #ccc; text-align: right; float: right; }
.jump-link a:hover {border:1px solid #545353; color:#fff; background:#797878; }

Taruh kodenya diatas  ]]></b:skin>

Untuk mempercepat pencarian kode ]]></b:skin>, tekan CTRL+F di keyboard anda.

Kemudian klik Save dan finish.

Anda masih dapat mengubah kode CSS seperti yang Anda inginkan, berdasarkan desain blog Anda. Warna yang diberikan adalah abu-abu, tetapi Anda dapat mengubahnya dengan warna lain, misalnya

background: # ccc;

Ganti kode warna dengan kode warna favorit Anda, seperti:

background: # 1881f7;

Jika Anda memiliki kode diedit, jangan lupa untuk Simpan Template.

Cara membuat komentar admin berbeda

Cara membuat komentar, cara membuat komentar admin berbeda, cara mengubah penampilan komentar. Ketika saya jalan-jalan (blogwalking) saya sering menemukan komentar admin yang berbeda dari pengunjung nya. Hal ini membuat saya selalu bertanya-tanya bagaimana cara mereka membuat nya karena template blogspot punya saya tidak seperti itu.

Akhirnya saya googling dan menemukan banyak cara untuk membuat ini, berikut Cara Membuat Kotak Komentar Admin Berbeda Di Blog :

1. Masuk blogger > rancangan > edit html > centang expand template widget
2. Cari kode ]]></b:skin>
3. Pastekan kode berikut tepat di atas kode  ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

Pada kode berwarna merah di kotak atasbisa diganti sesuai keinginan.
Kemudian cari kode :

<data:commentPostedByMsg/>
</dt>

Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode :
<dd class='comment-footer'>


Sehingga keseluruhannya tampak seperti di bawah ini :

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body' expr:id='data:widget.instanceId data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>

Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan  berkomentar di blog sendiri dengan catatan harus login di blogger dulu.

Semoga bermanfaat buat blog sobat.

Tips mendapatkan pagerank dari google

Cara mudah mendapatkan pagerank, cara mendapatkan pagerank, tips mendapatkan pagerank. Cara Mendapatkan Pagerank dari Google,karena banyak teman-teman dari blogger menanyakan ” bagaimana sih cara mendapatkan pagerank ? ” maka dari itu saya ber inisiatif berbagi ilmu dari pengalaman saya sendiri untuk cara mendapatkan pagerank (PR) tersebut, saya mulai belajar ngeblog sejak 3 bulan yang lalu dan blog saya pun akhirnya berkembang sangat pesat dan mendapatkan PR1, belum begitu tinggi tapi saya mencoba berbagi kepada teman teman sesama blogger, karena mendapatkan pagerank adalah kebanggaan tersendiri sebagian blogger.

Cara mendapatkan pagerank ini susah susah gampang, dan sangat tergantung pada hoki blog kita. Pertama kita bahas apa itu pagerank, PR atau pagerank adalah nilai tolak ukur dalam google, ringkasnya begini, semakin tinggi PR blog kita semakin mudah kima masuk kedalam top 10 google, tanpa perlu terlalu di sibukkan dengan riset kata kunci walaupun faktor itu penting,

langsung saja di bawah ini saya tips Mendapatkan Pagerank dari Google, yaitu :

1. Gunakan domain .com (Walaupun harus ada biaya tapi cara ini terbukti efektif).
2. Gunakan template yang bertema SEO friendly.
3. Rajinlah mensubmit artikel ke sosial bookmark saya usulkan menggunakan lintas berita.
4. Rajin lah menukarkan link anda kepada sesama blogger, jika anda berminat tukar link dengan saya bisa melalui Exchange Link.
5. Postinglah artikel yang original, jangan copas paling gk 2 hari sekali.
6. Berdoalah, hal ini yang paling utama.

Cara Mendapatkan Pagerank dari Google,Karena ini hanyalah dari pengalaman pribadi diri saya sendiri dari web yang saya kembangkan dan permintaan dari teman-teman blogger, artikel saya yang berjudul  Cara Mendapatkan Pagerank dari Google juga saya harapkan menjadi bahan referensi temen-teman sesama blogger untuk mendapatkan Pagerank karena dengan adanya ranking pada blog, maka blog itu mendapatkan kepercayaan oleh search engine.

Sekian dulu tips mendapatkan pagerank (PR) dari saya, semoga bermanfaat bagi blog sobat.