Kumpulan Tips dan Trik Computer Networking Blogging

Auto Hide Navbar Blogger

Tau donk navbar itu apa...?
Kalo ada yang belum tau, ne screenshotnya :

Nah, walaupun sebenarnya blogspot memberikan fasilitas itu untuk memberikan kemudahan, tapi apapun alasannya banyak para blogger merasa terganggu dengan adanya navbar tersebut, dengan demikian kita harus mengakalinya supaya navbar tersebut menghilang pada saat tidak kita butuhkan.

Berikut adalah langkah-langkahnya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode berikut body {
4. Setelah ketemu, pastekan kode berikut tepat diatas kode body {

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

5. Simpan Template
6. Selesai dan lihat hasilnya...

Semoga bermanfaat.
Share:

Membuat Huruf Drop Cap

Untuk membuat tulisan bergaya koran ini, kalian bisa mengikuti langkah sebagai berikut :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode berikut : ]]></b:skin>
4. Setelah ketemu, pastekan kode berikut diatas kode yang berwarna merah.

/* kode untuk drop cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

5. Jika kalian ingin memasangnya pada posting, maka cara postingnya seperti ini <span class="awal">hurup awal </span>

Contoh:
Drop Cap adalah huruf awal pada suatu kalimat atau tulisan yang biasanya dipakai pada tulisan seperti koran dll.
Share:

Membuat Judul Blog Bergerak

Mempunyai Judul Blog yang bergerak maju merupakan sesuatu yang menarik dan tampak indah. Nah, untuk menjadikannya seperti itu ikuti langkah berikut :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Beri tanda centang pada kotak kecil "Expand Template Widget"
4. Cari kode berikut :
<title><data:blog.pageTitle/></title>
kalau sudah ketemu, kamu cek dulu dibawah kode diatas ada kode script seperti dibawah ini atau tidak?

<b:include data='blog' name='all-head-content'/>

kalau ada, hapus kode yang berwarna biru diatas
dan ganti dengan Kode script dibawah ini :

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


5. Simpan Template

Teks yang berwarna hijau bisa kalian rubah susukanya.
Begitupun juga dengan teks yang berwarna ungu, itu untuk merubah kecepatan berjalannya judul blog.

Semoga Bermanfaat.
Share:

Memasang Pesan Dibawah Kotak Komentar

Kalian ingin menambahkan pesan atau kata-kata dibawah kotak komentar ?
Begini caranya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Beri tanda centang pada kotak kecil "Expand Template Widget"
4. Cari kode <p><data:blogCommentMessage/></p>
5. Tulis pesan dibawah kode diatas.

Contoh :

<p><data:blogCommentMessage/></p>
Blog ini sepi komentar, Silahkan memberi komentar asal jangan yang bernada SPAM, SARA, PORNO ataupun KATA KASAR. :-]

6. Simpan Template

Share:

Memasang Back To Top Otomatis

Membuat scrooll bar atomatis naik keatas atau TOP secara otomatis bagi para senior blogger mungkin bukan hal yang sulit, tapi buat para newbie yang benar-benar baru belajar membuat blog mungkin membingungkan. Ya sudah gk usah dipikirin, begini caranya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode <head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>

5. Simpan Template.
6. Beres.

Hehe... Gk bingung lagi kan??
Semoga Bermanfaat.
Share:

Recent Posts

3/recent/post-list

Popular Posts

Categories

Recent Posts

Label Cloud

Maklumat

Apabila ada pertanyaan tentang tips dan trik maupun tutorial yang berkaitan dengan komputer, jaringan dan bloging, silahkan sampaikan melalui komentar. Kami akan membantu semaksimal mungkin atas permasalahan sobat semua.