Tutorial Blogspot by Randy

Mengukur Website Loading & Speed Test

Buka www.iwebtool.com atau Klik Disini.
Kemudian isi kotak "Your Domain" dengan URL website/blog lalu klik Check!

Hasilnya seperti dibawah ini :

Menghilangkan Tulisan "Beranda/Home", "Posting Lama/Older Post" & "Posting Baru/Newer Post"

Login ke blog > Dashboard > Rancangan kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates.

Menghilangkan tulisan beranda / home :
Cari tulisan/kode :

<data:homeMsg/>

(Untuk memudahkan pencarian gunakan Ctrl+F)
Hapus kode tersebut & simpan template.

Catatan : Jika terdapat 2 kode, hapus kode yang berada dibagian ATAS

Menghilangkan tulisan posting lama / older post :
Cari tulisan/kode :

<data:olderPageTitle/>

Hapus kode tersebut & simpan template.

Menghilangkan tulisan posting baru / newer post :
Cari tulisan/kode :

<data:newerPageTitle/>

Hapus kode tersebut & simpan template.

Selamat Mencoba.......

Membuat Navbar Menjadi Auto Hide

Cara membuat NAVBAR di blog menjadi Auto Hide adalah sebagai berikut :

1. login ke blog, masuk ke tata letak, kemudian edit HTML
2. Cari Code : <]]></b:skin>
3. Lalu Diatas Code <]]></b:skin> tambahkan Code seperti dibawah ini :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4. Simpan/Save

Pasang Widget "Navigasi Back To Top" Di Blog

Widget Navigasi Back To Top ini berguna bagi kenyamanan pengunjung blog, terutama jika blog memiliki halaman yang panjang, sehingga tidak perlu men-scroll mouse untuk kembali ke bagian atas blog.

Login ke Blogger, masuk ke Layout>HTML/Javascript
Lanjutkan dengan mencari code ini : </b:section>
Pastikan code tersebut adalah code yang terletak di paling akhir atau paling bawah. Karena dalam pencarian, akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling akhir.
Letakan kode dibawah ini, tepat di bawah code : </b:section>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>

Keterangan :

URL yang berwarna merah adalah URL tombol "Back to Top"
URL tersebut bisa diganti dengan URL gambar lain

Misalnya :
h

ttp://g.imagehost.org/0439/arrow_1.jpg

http://g.imagehost.org/0497/arrow_2.jpg

http://g.imagehost.org/0466/arrow_3.jpg

ht

tp://g.imagehost.org/0042/arrow_5.jpg

ht

tp://g.imagehost.org/0373/arrow_up_green.png

Membuat Scroll Bar

Scroll Bar sangat mermanfaat untuk memhemat pemakaian ruang/space di blog/web.

Berikut adalah kode untuk membuat scroll bar :

<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN KODE ISI SCROLL BAR DI SINI

</div>

Untuk mengubah lebar ganti angka width dan untuk mengubah panjang ganti angka height

Membuat Link Exchange

Link Exchange atau biasa disebut dengan tukar link adalah salah satu motif widget penghias blog atau website yang walaupun sepele namun mampu untuk meningkatkan traffic site/blog dan page rank.

Cara membuatnya adalah sebagai berikut :
1. Desain bannernya terlebih dahulu. Bisa pake photoshop, corel draw, firework atau image ready . Ukurannya bebas, tapi umumnya 150px x 150px, formatnya GIF, JPG, BMP atau PNG. Atau supaya lebih mudah bisa melalui http://cooltext.com/

2. Upload banner tersebut melalui image uploader/image hosting, misalnya http://tinypic.com/ dan copy direct link nya

3. Copy paste kode dibawah ini untuk gambar logo link anda :

<a href="http://tutorialblogspotbyrandy.blogspot.com/" target="_blank"> <img border="0" alt="Favicon1" src="http://i38.tinypic.com/xqb9sn.jpg"/> </a>

ganti kode yang berwarna merah dengan url blog anda dan ganti kode yang berwarna biru dengan link gambar anda.

4. Dan untuk kotak copy paste Link Exchange, copy kode di bawah ini:

<textarea cols="22" name="textarea"> <a href="http://tutorialblogspotbyrandy.blogspot.com"> <img src="http://i38.tinypic.com/xqb9sn.jpg" /> </a> <br /></blockquote><br /></code><br /><br /></textarea>

ganti kode yang berwarna merah dengan url blog anda dan ganti kode yang berwarna biru dengan link gambar anda

5. Untuk memasangnya di blog :

Copy kedua Kode HTML diatas dan paste secara berurutan di Layout-->Add a Gadget-->HTML/JavaScript dan Save.