CARA MEMASANG JAM di BLOG

Cara Memasang Jam di Blog

Ada banyak situs yang menyediakan widget untuk memasang jam secara gratis tetapi disini Trik Tips Tutorial akan membahas cara memasang jam dari sebuah situs yang menyediakan pemasangan jam secara gratis dan situs ini yang paling banyak digunakan oleh para blogger. Situs ini menyediakan berbagai bentuk jam apalagi di dalam situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu. situs tersebut adalah :

www.clocklink.com

Berikut cara memasang widget Jam di blogger :

1.     Pertama kunjungi www.clocklink.com

2.     lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)

3.     sebagai contoh kategori analog kita pilih,

4.     kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,

5.     langsung aja kita pilih accept

6.     Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.

7.     Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1.     Silahkan login ke blogger dengan ID anda

2.     Klik Tata Letak

3.     Klik tab Elemen Halaman

4.     Klik Tambah Gadget

5.     Klik tanda plus (+) untuk HTML/Javascript

6.     Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia

7.     selesai

SELAMAT MENCOBA (^^^)

CARA MENAMBAHKAN MENU BAR pada BLOGGER

Menambahkan Menubar pada Blogger

Secara default layanan Blogger tidak menyediakan menubar pada templat-templat blog mereka. Mereka hanya menyediakan link list dan archive list yang terletak pada sidebar secara vertikal. Keberadaan menubar pada header memang tidak mutlak diperlukan, namun kalau ada akan membuat tampilan blog anda terlihat sedikit lebih ‘profesional’. Artikel ini menyingkap cara mudah membuat menubar sederhana pada blog anda di Blogger.

Mulailah ke halaman pengeditan html blog anda (Dashboard > Layout > Edit HTML)

Tambahkan baris kode berikut pada templat CSS blog anda tepat di bawah kode untuk header:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColor;
}

#menubar a:hover {
background-color: $headerCornersColor;
}

Kini scroll ke bawah tampilan kode hingga anda menemukan blok kode berikut:

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/>
</b:section>
</div>

Selipkan baris kode berikut tepat di bawah <div id=’header-wrapper’>:

<b:section class=’menubar’ id=’menubar’ maxwidgets=’1′ showaddelement=’yes’>
<b:widget id=’LinkList2′ locked=’true’ title=’Menubar’ type=’LinkList’/>
</b:section>

hingga secara keseluruhan akan menjadi seperti ini:

<div id=’header-wrapper’>
<b:section class=’menubar’ id=’menubar’ maxwidgets=’1′ showaddelement=’yes’>
<b:widget id=’LinkList2′ locked=’true’ title=’Menubar’ type=’LinkList’/>
</b:section>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/>
</b:section>
</div>

Penjelasan:

Setiap blok script yang diawali dan diakhiri dengan tag <div id=’’> … </div> mewakili sebuah widget pada blog anda di Blogger. Baris kode warna merah adalah script tambahan untuk menempatkan menubar pada widget header.

Setelah selesai, klik “Save Change” untuk menyimpan perubahan yang anda lakukan. Kini anda dapat menemukan elemen menubar tepat di atas header blog. Untuk mengedit menubar (menambahkan/mengurangi link dsb) pergilah ke halaman Page Layout seperti biasa.

Selamat Mencoba