Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Sebelumnya saya sudah membagikan cara menyembunyikan navbar Yang ada di blogger, Tapi akan saya bahas bagaimana cara menghilangkan Navbar / tidak ditampilkan sama sekali. Sebenarnya si ini benar-benar melanggal peraturan yang telah di tetapkan oleh blogger tapi karena banyak yang ingin menghilangkan ini jadi saya kasih tahu caranya.
Tapi menurut saya pribadi navbar ini cukup membuat blog kita seo juga loh di mesin pencari, Terutama google. Baiklah jika ingin menyembunyikan navbar pada blog kamu ikuti langkah-langkah berikut:
1. Pertama kamu harus Masuk ke blogger.com,
2. Kemudian kamu pilih Rancangan,
3. Setelah itu pilih Edit HTML,
4. Dan jangan lupa Centang pada Expand Template Widget seperti contoh di bawah,
Setelah ketemu edit:
#navbar-iframe {
height : 5;
visibility : show;
display : yes;
}
Penjelasan:
Tulisan 5 kamu bisa ganti dengan 0 untuk menghilangkan navbar, Kemudain tulisan show kamu ganti dengan denga hidden untuk menghilangkan navbar, dan tulisan yes Kamu ganti dengan none untuk menghilangkan Navbar.
6. Kumudian jika sudah kamu Simpan, dan lihat hasilnya.
Semoga Bermanfaat..........
Tags : Menghilangkan Navbar, Cara Menghilangkan Navbar
Hehehe, Kali ini saya akan memberitahu cara membuat daftar isi Versi 3, Sekarang saya postingkan lagi cara membuat daftar isi yang cukup menarik menurut saya.
Mungkin diantara kalian banyak yang ingin membuat daftar isi dan berbeda dengan yang lainya ini dia daftar isinya, kamu bisa melihat contoh daftar isinya di bawah. Bagi yang tertarik dengan cara membuat daftar isi seperti di bagian paling bawah postingan ini ikuti langkah-langkahnya sebagai berikut:
- Yang pertama kamu login di halaman blog kamu, Kemudian muncul Gambar Seperti Ini
- Kemudian kamu klik Edit Entri pada blog kamu, Kemudian muncul Gambar Seperti Ini
- Setelah itu pilih Edit Laman, Kemudian muncul Gambar Seperti Ini
- Setelah itu klik Laman Baru, Kemudian muncul Gambar Seperti Ini
- Dan tinggal salin script di bawah ini, Tapi memasukanya jangan di Compose, di Edit Html, Seperti Gambar Ini
<div style="border: 3px solid rgb(230, 230, 230); height: 300px; overflow: auto; width: 100%;"><div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://rifaiy.googlecode.com/files/DaftarisiV3.js">
</script>
<script src="http://fakriy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script>
</div>
Penjelasan:
Tulisan yang berwarna Merah adalah berfungsi sebagai scrol, kamu bisa meng hapusnya, atau bisa mengedit panjang scrolnya yaitu dengan mnambah 300px sehingga menjadi 500px. Tulisan Loading... bisa kamu ganti denga apapun yang kamu mau, semisal Tunggu.... . Tulisan http://fakriy.blogspot.com kamu ganti dengan alamat blog kamu.
Sekian Dari Saya Semoga Bermanfaat....
Lihat Di Bawah Ini Adalah Contoh Daftar Isinya:
Loading...
Tags : Membuat Daftar Isi, Membuat daftar isi Dengan sedikit tulisan, Membuat daftar isi Tanpa label
Kali ini saya akan memberitahu cara Menyembunyikan Navbar Pada Blogger, apa itu navbar?.
Navbar adalah bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan posting baru, kostumisasi, alamat email, dan keluar. Mungkin ada di antara kalian yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah diterapkan oleh pihak Blogger dan pihak-pendukungnya, Untuk menyembuyikan navbar tersebut dengan auto hide navbar. Caranya adalah sebagai berikut:
1. Klik Kostumisasi / Rancangan dan kemudian pilih Edit HTML,
2. Cari kode body { dengan menekan tombol Ctrl + F dan ketikan body {
3. Masukkan kode di bawah ini di atas kode body {
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Contoh pemasanganya seperti ini:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
4. Jika sudah klik simpan dan lihat blog kamu, apakah navbarnya sudah auto hide atau masi seperti semula.
Sekian dan Semoga bermanfaat..........
Tag : Menyembunyikan Navbar, Cara menyembunyikan Navbar, Cara menyembunyikan navbar pada blog