LNC73D48Wg201dLjeNZNf-jmBts BroUbanBlog: BLOG
Showing posts with label BLOG. Show all posts
Showing posts with label BLOG. Show all posts

Saturday, 11 February 2012

Hilangkan Navbar Pada Blog



Navbar berperanan untuk memudahkan blogger kembali kepada link² tertentu. Walau bagaimanapun, beberapa pengubahsuaian yang dilakukan yang menyebabkan kehadiran navbar ini sedikit menyemakkan.:). Jadi tutorial kali ini akan menunjukkan cara untuk hilangkan navbar pada blog anda.

Antara pengubahsuaian yang menyebabkan navbar ini tidak diperlukan adalah tutorial letakkan button follow dan dashboard dalam blog.


Tutorial untuk hilangkan navbar adalah seperti berikut. 
Terdapat 2 cara, anda boleh pilih mana yang bersesuaian dengan blog anda.


CARA 1:

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi Find ( ctrl + F), cari 'navbar'
(hasil cari biasanya samada navbar-iframe atau navbar sahaja)

3. Dari kod yang ada di bawah navbar,
Tukarkan 'display:block' kepada 'display:none'

contoh:




4. Save dan lihat hasilnya.


CARA 2:

Nota: Cara kedua digunakan jika anda tidak mempunyai 'navbar' dalam 'edit HTML' blog anda.

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi find ( ctrl + F), cari kod body {


3. Copy dan paste code berikut SEBELUM code body {

#navbar-iframe {
display: none ;
}

contoh:



4. Save dan lihat hasilnya.:)




Letak Button Follow dan Dashboard Dalam Blog



Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, anda boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkan cara untuk letak button follow dan dashboard dalam blog seperti gambar di bawah.


Anda juga boleh tengok demo button follow dan dashboard ini di test blog ini.

Tutorial adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka.
[tidak faham.?]

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Noombor yang admin highlight adalah contoh NO ID BLOG


3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.:)

Update:


TAMBAHAN:
Bagi sesiapa yang mempunyai masalah kehadiran navbar dalam blog, anda boleh hilangkan navbar tersebut dengan mengikuti tutorial hilangkan navbar dalam blog.




Friday, 10 February 2012

Membuat Pages Pada BLOG

Salam semua!

Jom kita menambah widge untuk mencantikan lagi blog kita.
Hari ini saya mahu ajar cara-cara untuk meletakkan number muka surat bagi menggantikan Older Post atau Newer Post.


Order dan Newer post ini kadang-kadang menyusahkan pembaca untuk melihat page kita.
Saya sendiri pun susah untuk melihat page orang itu kalau page dia tak ada halaman muka surat.


Nak tahu tak macam mana yang saya katakana sebagai halaman muka surat. Adalah seperti ini dibawah blog saya.. yang ada page 1, 2, 3,4,5




Ramuan yang perlu di letak adalah seperti berikut

Login ke Blogspot .

Klik Layout > Add a Gadget Javascript / HTML

Copy kod di bawah dan Pastekan kedalamnya…




Free Automatic Backlinks Online