Cara Menyembunyikan Navbar Blog

Cara Menyembunyikan Navbar Blog – Cara menghilangkan navbar/navigasi bar blogspot.

Sudah pada tau kan apa navigasi bar/navbar di blog? Ya, itu lho sebuah navigasi default dari blogger yang biasanya berisi search box, tombol sign in, sign out dan lain sebagainya yang biasanya terletak di bagian paling atas dari sebuah blog yang menggunakan template asli dari blogger. Keberadaan sebuah navbar blog memang kadang tidak begitu diperlukan, oleh karena itu banyak para blogger yang menyembunyikannya. Kecuali jika mereka tidak menggunakan template asli blogger, biasanya keberadaan sebuah navbar blog sudah tersembunyi secara otomatis. Lalu kenapa harus disembunyikan? Tidak dihilangkan saja? Sobat pastinya tau kalau blogger dan Google itu punya aturan yang disebut TOS (Terms Of Service) dan navbar blog ini masuk dalam aturan tersebut bahwa bagian yang satu ini tidak boleh dihilangkan. Bisa-bisa kena hukuman Google. Sobat pastinya nggak mau kan? Hehe.. dan pastinya sobat ingin blog nya disayang sama si mbah. Ohya, saya punya suatu posting salah satu cara agar blog kita disayang sama si mbah. Baca aja: Cara mencegah duplikat konten di blog. Kembali ke permasalahan awal, cara menyembunyikan navbar blog. Lantas bagaimana cara menyembunyikan navigasi bar blog kita? Gampang, berikut caranya..
1. Masuk ke dashbor blog sobat
2. Klik menu Rancangan >> Edit html
3. Centang expand template widget
4. Cari kode berikut

]]></b:skin>

5. Taruh kode di bawah tepat di atas kode nomor 4

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

6. Simpan template sobat
Akhirnya selesai juga tutorial mengenai cara menyembunyikan navbar blog. Semoga bermanfaat..

Read More

Cara Mencegah Duplikat Konten di Blog

Cara Mencegah Duplikat Konten di Blog – Cara mencegah/menghindari duplikat konten/duplikat content di blog.

Dalam ilmu SEO, duplikat konten memang tidak diperbolehkan. Kenapa? Karena duplikat konten akan menurunkan nilai SEO dan kualitas blog. Seacrh engine seperti Google pun sangat membenci keberadaan duplikat konten dalam suatu blog, oleh karena itu keberadaan duplikat konten perlu dihindari dan dicegah. Pencegahan duplikat konten ini merupakan salah satu langkah untuk meningkatkan SEO dan membuat template menjadi SEO friendly. Sebenarnya ada banyak cara lain untuk menjadikan sebuah template blog SEO friendly, baca selengkapnya disini – Cara mengubah template blogspot menjadi SEO friendly. Lalu sebenarnya bagaimana sih wujud dari duplikat konten dalam suatu blog itu? Berikut uraian singkatnya..
Perhatikan contoh dua url berikut yang sebenarnya sama tapi berbeda, berikut adalah contoh url post dan show comment:

http://namablog.blogspot.com/2011/4/judul-post.html
http://namablog.blogspot.com/2011/4/judul-post.html?ShowComment=12345678910

Contoh diatas akan mengakibatkan terjadinya duplicat title dan deskripsi. Nah, supaya Google tidak mengindex url yang kurang berguna (nomor 2), maka kita harus memberitahukan kepada Google agar mengindex url yang pertama saja, yaitu dengan menambahkan kode cannonical link element. Lantas, bagaimana cara mencegah duplicat content di blog kita? Mudah saja, baca uraian di bawah. Sebenarnya ada dua cara bagaimana kita bisa mencegah adanya duplikat konten di blog kita.
1). Cara sederhana
a. Login ke dashbor blog sobat
b. Klik menu Setelan
c. Pilih tab Arsipkan
d. Jadikan frekuensi arsip >> tidak ada
e. Simpan setelan
2). Cara kedua (melalui edit html)
a. Login ke dashbor blog sobat
b. Klik menu Rancangan
c. Pilih tab Edit html
d. Centang expand template widget
e. Cari kode berikut:

<![CDATA[

f. Letakkan kode di bawah tepat di atas kode nomor 2-e di atas.

<link expr:href='data:blog.url' rel='canonical'/>

g. Simpan template sobat
Nah, dengan melakukan cara-cara di atas, maka duplikat konten di blog kita bisa dicegah. Sekian tips mengenai cara mencegah duplikat konten di blog. Semoga bermanfaat untuk semua.

Read More

Cara Memberi Burung Twitter Terbang di Blog

Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot - Kali ini Blogaul masih posting artikel-artikel seputar menghias blog dengan artikel terakhir berjudul Cara mengganti warna background blog.

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda

2. Pilih Rancangan

3. Pilih Add Widget

4. Pilih HTML/Javascript

5. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtyZqT5xFIkge8K7eMRtNW42g7Vsu0zXPWxiYjpxuEzZm13HopDeUgpgW4sGvPS9Q0jH92iAuejTP3zXyJEAHXt9R8P3nd1_i1Vh2EPmoHFKJnUyhJcw8otvNo_59RwDiiEDyfualKfk-P/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/amronbadriza";var tweetThisText = "Twitter - amronbadriza http://amronbadriza.blogspot.com/";tripleflapInit();
</script>

6. Ganti tulisan berwarna biru http://twitter.com/amronbadriza dengan akun twitter Anda
7. Ganti tulisan berwarna ungu amronbadriza dengan id twitter Anda
8. Ganti tulisan berwarna coklat http://amronbadriza.blogspot.com dengan alamat URL blog Anda
9. Save 
10. Selesai --> Lihat dan peliharalah burung kesayangan Anda!!!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Referensi: http://adsloko.blogspot.com/2012/03/cara-membuat-burung-twitter-terbang-di.html

Read More

Cara Mengganti Warna Background Blog

Cara Mengganti Warna Background Blog – Setelah beberapa kali update post dengan tema cara mempercantik tampilan blog, maka selanjutnya Blogaul akan meruskan posting dengan judul cara mengganti background warna blog.

Tampilan blog memang bisa menjadi hiburan tersendiri bagi setiap blogger, apalagi blogger yang suka fashion, pasti suka banget mengganti tampilan blog nya dengan yang fashionable juga. Tapi kebanyakan dari mereka banyak yang bingung apabila ingin mendesain blog apalagi kalau sudah berbicara masalah utak-atik kode HTML. Sebenarnya itu bukanlah hal yang sulit, yang penting kita tekun dan sungguh-sungguh mempelajarinya, kita pasti bisa. Saya saja pada waktu awal-awal berkenalan dengan kode HTML sempet pusing dan bingung, tapi saya semakin tertantang lalu saya terus mempelajarinya dan akhirnya dalam waktu sekitar 6 bulan saya bisa menguasainya (maklum dulu sambil sekolah) – wah malah curhat.. Hehe.. Oke, kembali ke permasalahan, cara mengganti background blog bukanlah suatu hal yang sulit, asal kita mau mencermati kode-kode HTML template, lambat laun kita juga pasti paham karena kode hmtl sering menggunakan kata-kata dalam bahasa inggris sebagai penyusunnya. Background blog biasanya menggunakan gambar, tapi ada juga yang menggunakan kode warna. Cara untuk mengetahui background blog menggunakan gambar atau warna mudah saja, tinggal klik kanan pada tampilan depan blog, jika pilihan “View background Image” pada browser mozilla itu aktif berarti background blog tersebut menggunakan gambar, dan jika tidak aktif berarti menggunakan warna. Kalau misal background blog kita menggunakan gambar, kita pun bisa menghapusnya lalu menggunakan warna sebagai penggantinya. Lantas, bagaimana cara mengganti backgroud warna background blog? Berikut caranya:
1. Background blog yang menggunakan warna lalu ingin diganti dengan warna lain.
Caranya:
a. Masuk ke dashbor blog sobat >> Rancangan >> Edit HTML (centang expand template widget)
b. Cari kode berikut (gunakan F3 untuk mempermudah)

body {

c. Cari dibawah kode tersebut kata “background”. Contoh:

body {
background: #FFFFFF;

Ket: kode di atas adalah blog yang menggunakan background warna putih. Nah, jika sobat ingin mengganti, sobat tinggal mengganti kode #FFFFFF (putih) dengan kode warna lain. Cari kode-kode warna lain di Google ada banyak sekali.
d. Simpan template sobat.
2. Background blog yang menggunakan gambar lalu ingin diganti dengan warna lain.
Caranya:
a. Masuk ke dashbor blog sobat >> Rancangan >> Edit HTML (centang expand template widget)
b. Cari kode berikut (gunakan F3 untuk mempermudah)

body {

c. Cari dibawah kode tersebut kata “background”. Contoh

body {
background: #000000 url(http://themes.googleusercontent.com/image?id=19aLMMHI-WXcxsojpERe8MlodYlS7yd1qQU1wcTStU21I3bbY7bmlrvVCWE474_XXwWjd) no-repeat scroll top center;

Ket: kode di atas adalah blog yang menggunakan background dengan url= http://themes.googleusercontent.com/image?id=19aLMMHI-WXcxsojpERe8MlodYlS7yd1qQU1wcTStU21I3bbY7bmlrvVCWE474_XXwWjd. Nah, jika sobat ingin mengganti hanya dengan warna, sobat tinggal menghapus url tersebut dan mengganti kode #000000 dengan kode warna lain. Cari kode-kode warna lain di Google ada banyak sekali. Misal saya ingin menggantinya dengan warna biru, maka jadinya nanti seperti ini:

body {
background: #fff;

d. Simpan template sobat
Nah, sekian tutorial dari saya mengenai cara mengganti warna backgorund blog. Semoga bermanfaat untuk semua.

Read More

Cara Mempercantik Tampilan Blog

Cara Mempercantik Tampilan Blog – Cara agar blog bisa tampil bagus atau cara menghias/modifikasi blog. Setelah update sebelumnya mengenai cara membuat reply comment di blog, kali ini Blogaul akan berlanjut ke posting yang lain tapi masih seputar menghias blog.

Kumpulan lengkap cara mempercantik tampilan blog ini merupakan panduan lengkap tips dan trik dalam mempercantik atau memperindah tampilan blog di blogspot/blogger. Mempercantik blog dengan menambahkan beberapa menu navigasi tambahan, widget ataupun efek pada kursor secara umum ditujukan untuk memperindah tampilan blog anda dan membuat struktur navigasi yang baik didalam blog itu sendiri sehingga memudahkan pembaca dalam mengakses halaman blog serta membuat mereka betah berlama-lama membaca di blog kita. Posting cara mempercantik blog di blogspot ini merupakan kumpulan tutorial yang pernah saya tulis sebelumnya yang berhubungan dengan cara mempercantik/memperindah/modifikasi tampilan blog. Nah, sekian gambaran secara umum mengenai cara menghias blog. Semoga bermanfaat.

Referensi: http://wanzbsc.blogspot.com/2012/05/tips-lengkap-cara-mempercantik-tampilan.html

Read More