Tips menghilangkan Nav Bar

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. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}


contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}


/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

Cara Edit Html Blogspot

 Cara Edit Html Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Membuat tukar link otomatis | blenza.com

Membuat tukar link otomatis | blenza.com
Apakah selama ini kamu masih memakai tukar link secara manual dengan copy paste link, mungkin cara itu merepotkan karena setiap kali ada yang mau tukar link kita harus repot mengedit link-link yang telah ada, tapi sekarang bias membuat tukarlink secara otomatis dengan mudah caranya berikut ini.

1. daftar dulu di blenza.com.
2. Jika akun anda sudah diaktivasi, Silahkan login
3. kemudian lihat atas pada tab menu dan Klik Wizard
4. Akan terlihat beberapa pilihan jenis platform blog, pilih saja Blogger jika kamu menggunakan blogger
5. Pada jenis form atau widget pilih Original Auto-Linkies.
6. pada bagian meme ( tidak wajib ) jadi biarkan saja
7. Lalu klik generate code.
8. Akan keluar 2 buah kode, contoh kira-kira seperti dibawah ini!

Kode 1 (satu) seperti ini
<script type="text/javascript" src="http://www.blenza.com/linkies/header.js"></script>

Kode 2 (dua) Seperti ini
<script type="text/javascript" src="http://www.blenza.com/linkies/autolink.php?owner=blogID&postid=03Apr2009a"></script>

9. Sekarang Login ke blogger >> tata letak>> edit html
kemudian copy dan paste kode 1 (satu) dibawah atau setelah dan klik simpan

10. kemudian buat sebuah posting baru dengan judul Tukar link atau apa terserah kamu dan paste-kan kode kedua pada posting baru tersebut “atau bisa juga disidebar”. 
Jangan lupa Tambahkan sebuah kalimat sebelum formnya agar menarik, tentang petunjuk atau apapun sesuka kamu.

10. Publish posting anda. Dan lihat hasilnya

“Jika hanya keluar satu kode saja yaitu kode kedua saja, kamu bisa copy kode ke satu dibawah ini” dan paste-kan dibawah kode 

<script type="text/javascript" src="http://www.blenza.com/linkies/header.js"></script>

Jika bingung atau kesulitan silahkan masukkan komentarnya.

Threaded Comments Fitur Baru System Komentar Blogger

Threaded Comments Fitur Baru System Komentar Blogger
Ini dia yang ditungg-tunggu bagi para Blogger Mania, seperti kita ketahui selama ini bahwa blogger tidak atau belum mendukung system kotak komentar Threaded Comments atau Trackback system (kotak koemntar seperti wordpress) tetapi sekarang Blogger telah mendukung system kotak komentar tersebut. walaupun dulu waktu belum mendukung kita bisa menggunakan Disqus Comments yang memungkinkan merubah system kotak komentar blogger menjadi System Threaded atau trackback tetapi cara tersebut sedikit rumit rasanya apalagi bagi yang baru memulia blogging.
Nah sekarang kita bisa membuat system komentar Trackback atau Threaded Comments dengan sangat mudah, akan tetapi cara ini tidak akan berfungsi atau tidak akan berjalan pada kode system komentar yang sudah dimodifikasi? Trus bagaimana solusinya? Solusinta yaitu dengan mengembalikan "Kode Widget Template Ke Default" berikut cara merubah menjadi Threaded Comments :

Tutorial dibawah ini menggunakan gambar blogger tampilan baru jadi silahkan rubah dulu ke tampilan baru supaya tidak membingungkan caranya cukup login dan lihat bagian atas lalu klik "Try the updated Blogger interface" atau "Coba antar muka Blogger Barumaka tampilan akan berubah ke tampilan dasboard baru. atau bisa melihat yang pernah saya bahas Disini.
Jangan lupa juga untuk membackup template yang sudah saya bahas Di sini (untuk mengantisipasi yg tidak diinginkan)
  
Ada dua cara untuk membuat Threaded Comments ini :
- Threaded Comments dengan Edit Kode
- Threaded Comments tanpa Edit Kode

1. Threaded Comments dengan Edit Kode
Saya sarankan gunakan yang ini agar tampilan posting tidak terpengaruh. 

1. Masuk ke halaman Dasboard klik tanda panah dan klik "Template" :


Sekali lagi saya ingatkan untuk membackup template dengan mengklik tombol "Backup / Restore"

2. Klik "Edit HTML" 


- Jika muncul  sebuah peringatan berikut klik  "Proceed" 

3. Akan terlihat kode script template kamu. Klik  "Expand Widget Template"
4. Kemudian carilah kode dibawah ini. gunakan Ctrl + F pada keyboard untuk memudahkan pencarian:
 <b:include data='post' name='comments'/>
5. Terdapat 4 kode seperti diatas, ganti kesemua-4 kode tersebut diatas dengan kode dibawah ini
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
5. Jika ke 4 kode yang saya maksud pada langkah (4) diatas telah diganti semua Klik "Save Template" / "Simpan Template"

Sekarang lihat hasilnya, tapi mungkin tampilannya masih kurang menarik karena masih bawa'an untuk tampilan yang lebih menarik silahkan tunggu tutorial berikutnya saya akan membuat Tampilan / Style untuk Threaded Comments ini.

2. Threaded Comment Tanpa Edit Kode 
Saya lebih menyarankan menggunakan cara 1 karena langkah 2 akan mempengaruhi tampilan posting area blog.

1. Masuk ke halaman Dasboard klik tanda panah dan klik "Template" :


Sekali lagi saya ingatkan untuk membackup template dengan mengklik tombol "Backup / Restore"

2. Klik "Edit HTML" 


- Jika muncul sebuah peringatan klik  "Proceed" 

3. Akan terlihat kode script template kamu. Klik  "Revert widget templates to default"
  


4. Kemudian klik "OK" maka script untuk widget akan dikembalikan kesemula

5. Silahkan lihat hasilnya dan test tampilan komentar kamu yang baru.
6. Jika perubahan template mempengaruhi Halaman Judul Posting dan Post meta dll kamu bisa sedikit merubahnya melalui Halaman Pengaturan atau juga bisa dengan mengedit Template.

Sampai disini kamu sudah berhasil merubah kotak komentar lama dengan System Threaded Comments tetapi dengan tampilan yang masih bawa'an atau standar kamu bisa memodifikasi kode CSSnya. klw bersedia silahkan tunggu tutorialnya saya akan membuat Style untuk kotak komentar Threaded Comments ini.
 

Alexa Site Info

Categories

Blog Archive