Menghilangkan Navbar Blogger

Navbar Blooger memiliki fungsi untuk login ke Blogger, untuk melihat blog-blog lain dan untuk menandai blog yang melanggar peraturan misalnya mengandung unsur sara atau unsur fornografi.

Navbar Blogger pada dasarnya bisa kita hilangkan/disembunyikan. Hanya ada satu hal yang perlu anda pikirkan sebab ada dua isu yang beredar yaitu jika menghilangkan Navbar Blogger, pihak Blogger dapat menutup acount kita yang berarti blog kesayanganpun turut menghilang. Isu yang kedua, pihak Blogger membolehkan menghilangkan Navbar Blogger tanpa mengandung resiko apapun.

Sekarang pilihan ada di tangan anda dan jika anda ingin melanjutkan menghilangkan Navbar Blogger, resiko yang mungkin terjadi anda tanggung sendiri.

Jika anda ingin melanjutkan, ikutilah langkah-langkah berikut ini.

Sign in di blogger

Klik menu Layout

Klik menu Edit HTML

Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

Copy kode berikut lalu paste di atas kode ]]></b:skin>

/* hilangkan navbar
----------------------------- */

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

Simpan template

Selesai

Cara memasukan widget kembali ke atas

Salah satu kesulitan membuat Tips Untuk Blogger Pemula adalah menampilkan judul postingan agar sewaktu dibaca oleh pengunjung langsung dipahami maksud dari tulisan judul tersebut. Tapi kalau hanya merenung lama untuk memikirkan judul post, Tips Untuk Blogger Pemula tidak akan selesai. Akhirnya jadilah judul seperti diatas dengan harapan anda tetap memahami maksudnya.

Tips kali ini membahas tentang sebuah tombol/widget yang apabila anda klik maka halaman postingan akan kembali ke bagian atas.

Cara menampilkannya, anda baca dibawah ini.

• Masuk ke Blogger
• Pilih tata letak
• Pilih Edit HTML
• Copy kode dibawah ini, kemudian paste tepat dibawah kode </body>

<a href='#' style='display:scroll;position:fixed;bottom:10px;right:10px;' title='Back to Top'><img src='isi dengan alamat gambar/image pada tabel dibawah'/></a>

• Ganti tulisan yang berwarna merah dengan alamat image dibawah ini.
• Klik Simpan Template setelah selesai mengganti alamat gambar/image yang anda sukai

GAMBAR/IMAGE BESERTA KODE, SILAHKAN ANDA PILIH

	http://img69.imageshack.us/img69/7245/tophijau.png
	http://img97.imageshack.us/img97/3830/topbirumuda.png
	http://img42.imageshack.us/img42/902/atasmerah.png
	http://img42.imageshack.us/img42/7176/atashitam.png

Membuat MP3 Player Tersembunyi

       

Alternatif lain untuk menampilkan musik blog berupa MP3 player dapat menggunakan tips berikut ini yaitu menampilakn MP3 Player tersembunyi.

Pengertian tersembunyi, MP3 Player akan tampil jika link MP3 yang ditampilkan di klik dan otomatis MP3 Playernya akan terbuka dan anda akan mendengarkan lagu sesuai dengan judul lagu yang di klik tadi.
Untuk menampilkan MP3 Player tersembunyi ini harus disertai sebuah file Java Script serta kode-kode tertentu.
Link MP3 yang digunakan nanti untuk sementara ini hanya bisa dari MP3 yang di upload pada Google Site, sedangkan link MP3 dari 4shared, ziddu, dan lain-lain tidak berlaku.
Disarankan bagi anda yang ingin mencoba memasang MP3 Player tersembunyi pelajari dulu Cara Upload File pada Google Site

Penasaran...Ikuti langkah-langkahnya :

1. Download file Java Script disini kemudian upload pada situs tempat penyimpanan file anda.
2. Script yang digunakan untuk anda copas.
   
   
   
   <div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 1"><strong>Judul lagu 1</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 2"><strong>Judul lagu 2</strong></a></p>
</div><div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 3"><strong>Judul lagu 3</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 4"><strong>Judul lagu 4</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 5"><strong>Judul lagu 5</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 6"><strong>Judul lagu 6</strong></a></p>
</div><div class="qbox_mp3"> <p><a href="Url/Alamat Lagu.mp3- 7"><strong>Judul lagu 7</strong></a></p> </div><script type="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/player.js"></script>
   
   
   1. Url/Alamat Lagu.mp3- 1, 2, 3,4, 5, 6 dan 7 : ganti dengan alamat lagu/link lagu MP3
   2. Judul lagu 1, 2, 3, 4, 5,  6 dan 7 : ganti dengan judul lagu yang ingin ditampilkan.
   3. https://sites.google.com/site/epgstudiosite/javascript/player.js : merupakan file Js untuk tampilan MP3 Player. File Js itu milik EPG Studio. Ganti dengan alamat file Js anda yang telah di upload tadi.


3. Jika anda masih bingung, coba copas script yang sudah jadi berupa koleksi MP3 Anak-anak (7 lagu MP3). Rapatkan seluruh kode agar jarak tampilan antar judul lagu tidak terlalu jarang.
   
   
   <div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/AKU%20ANAK%20SEHAT.mp3"><strong>AKU ANAK SEHAT</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/AKU%20SEORANG%20KAPITEN.mp3"><strong>AKU SEORANG KAPITEN</strong></a></p>
</div><div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/KEPADA%20GURU.mp3"><strong>KEPADA GURU</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/KASIH%20IBU.mp3"><strong>KASIH IBU</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/SAYONARA.mp3"><strong>NAMA-NAMA RASA</strong></a></p> </div>
<div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudio2/home/mp3-anak-nusantara/MATAHARI%20TERBENAM.mp3"><strong>MATAHARI TERBENAM</strong></a></p>
</div><div class="qbox_mp3"> <p><a href="https://sites.google.com/site/epgstudiosite/mp3/bunda.mp3"><strong>BUNDA</strong></a></p> </div><script type="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/player.js"></script>


4. MP3 Player ini dapat dipasang pada postingan maupun pada Sidebar

Demo : Coba anda klik Judul-judul lagu dibawah ini (matikan dulu MP3 Player pada sidebar agar suaranya tidak bertimpa).

AKU ANAK SEHAT

AKU SEORANG KAPITEN

KEPADA GURU

KASIH IBU

NAMA-NAMA RASA

MATAHARI TERBENAM

BUNDA

Selamat mencoba, semoga bermanfaat...!!! :D

Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog

Social Bookmark itu adalah Situs-situs yang menyediakan jasa untuk anda menyimpan alamat-alamt URL serta Deskripsi secara singkat untuk para Usernya.Adabanyak situs Social Bookmark saat ini anda bisa temukannya dengan mudah di goodang bah google dengan kanta kunci "Daftar Situs Social Bookmark"


Terus Apa manfaatnya ?. Tentu banyak sekali manfaat yang bisa diperoleh dari situs Social Bookmark bebebrapa diantaranya yaitu :

1. Anda dapat Submit artikel blog anda dan
2. Artikel anda akan menjadi cepat terindext oleh Search Engine
3. Memperbaiki Serp (Search Engine Result Pages )
4. Memperoleh Backlink
5. Meningkatkan Page Rank

Nah Sekarang Sudah pahamkan apa itu Social Bookmark dan manfaatnya untuk Blog sobat. Sekarang kita akan pelajari bgaimana caranya untuk Membuat Widget Social Bookmak Melayang Disisi halaman Blog

1. Login terlebih dahulu menggunakan akun blogger anda
2. Pilih Menu Template

   3. Klik Pada Tombol Edit Html

4.Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut 

 5.Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )

  6.Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F Atau F3 untuk memudahkan pencarian)
  7.Setelah kode ditemukan Copas Kode dibawah dan letakan di atas kode ]]></b:skin>

/* Social bookmark ----------------------------------------------- */ #divStayTopLeft {left:5px;position:fixed;top:15px;} .sidetab {} .sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;} .sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;} .sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;} .sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;} .sidetab a:hover {border: none;background: #e8e8e8;} .sidetab .button a {background:none;height: 25px; width: 25px;}

  8.Sekarang Cari Kode </body> Setelah ketemu copas kode dibawah dan letakan diatas kode</body> tersebut

<div id='divStayTopLeft'> <div class='sidetab'> <ul class='navlist'> <li class='button'><a href='http://dapur-tutorial.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li> <a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a> <a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a> <a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a> <a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a> <a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a> <a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a> <a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a> <a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a> </ul> </div> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/> <script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

  9.kemudian cari lagi kode ]]></b:skin> dan copy kode dibawah dan paste di bawahnya kode]]></b:skin>

<script src='http://jamu-martin.googlecode.com/files/related-maskolis.js' type='text/javascript'/>

  10.Klik Simpan Template