Membuat Buku Tamu tersembunyi

Kali ini, gw bahas tentang buku tamu again !!!
sebelum nya, postingan saya sudah ada cara membuat buku tamu. bagi yg belum baca silahkan klik disini.. Nah, kali ini saya akan memposting Buku tamu tersembunyi.
Buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

Cara memposting artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.


Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

Membuat Efek Salju pada blog

Hiasilah blog anda dengan Memberikan efek salju pada blog ( serasa Winter Season ) hehehe...

Dengan membuat salju pada blog anda, mungkin juga orang senang melihat blog
anda dan anda pun mempunyai banyak pengunjung
penasaran bagaimana cara membuatnya:

1.    Login dengan Id anda

2.    Masuk ke tata letak (layout) >> Element Halamant

3.    Tambah gedget >> html/java Script

4.     Copy code berikut:

Cara membuat Link Berkedip

ada trik cara membuat agar link-link tersebut berkedip ketika mouse melintas di atasnya.

Silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode </head> di dalam template anda
6. Tambahkan script berikut ini sebelum kode tersebut :

Cara Membuat Scroll Pada Archive Blog

Masih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blogseperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi.

Untuk jelasnya langsung saja langkahnya seperti ini :
Masuk dulu ke Acount Blogger atau Dashboard
Pilih Layout , lalu klik Edit HTML
Centang dulu Expand Widget Templates
Cari kode yang seperti ini : <div id="ArchiveList"> atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :

Membuat Recent Post

Apa itu Recent Posts..?
Recent Posts adalah widget yang menampilkan beberapa judul posting terbaru, yang bisa anda tampilkan pada sidebar sehingga pengunjung lebih mudah mengetahui posting-posting yang terbaru.

Pada posting ini saya akan berbagi dengan anda cara membuat Recent Posts dengan thumbnail. Recent Posts Thumbnail Adalah gabungan title post dan image yang otomatis di ambil dari gambar yang anda tautkan didalam posting. Contohnya anda dapat anda lihat pada sidebar dalam blog ini (Daftar Posting Terbaru). Apa anda ingin memasang Recent Posts seperti itu di Blog anda..?

Menampilkan Text pada cursor mouse

Dengan fitur ini, cursor mouse anda dapat menampilkan suatu kata yg anda pilih. Seperti pada blog saya, muncul tulisan "TOKY THOMZ" berwarna merah pada cursor mouse.

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :

Cara membuat Spoiler

Apa Kegunaan Spoiler ??

Untuk menyembunyikan postingan yg terlalu panjang yg isi nya berupa kode script atau tulisan lainnya. Saya sendiri juga memakai spoiler.

Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

Contoh :

Spoiler:

Letakkan kode script, HTML dan teks anda disini

Membuat Sidebar Kiri dan Kanan

Untuk membuat kolom sidebar yang baru dibuat tidaklah terlalu sulit, sobat hanya perlu menempatkan kode float menjadi di kiri (left) serta penambahan kode padding-right agar kolom kiri tidak bertabrakan dengan kolom posting. Bingung? sengaja saya buat bingung

Bagi sobat yang berminat untuk menempatkan kolom sidebar di sebelah kiri, sebelum membaca artikel ini ada baiknya membaca artikel yang di sini terlebih dahulu karena artikel ini merupakan lanjutan dari artikel tersebut, jika sobat langsung membaca artikel ini, saya khawatir sobat menjadi tambah bingung.

Cara membuat Multi Kolom

Untuk membuat bagian footer menjadi multi kolom tidaklah sulit seperti yang sobat bayangkan (so pinter niye), hanya sedikt trik yang perlu dilakukan maka nanti akan tercipta footer blog yang multi kolom. Agar lebih untuk mempermudah pemahaman tentang trik ini, saya sarankan sobat untuk mempraktekannya secara langsung, caranya buatlah satu buah blog untuk percobaan (jangan pada blog utama), ini untuk menghindarkan hal-hal yang tidak diinginkan terhadap blog sobat.

Cara Menambah Kolom pada Template

Pada kesempatan kali ini saya tidak akan menerangkan bagaimana cara membuat kolom dengan bantuan gambar, akan tetapi seperti biasa saya akan menggunakan template Minima yang merupakan template resmi yang di sediakan blogger yang notabene tidak menggunakan gambar.


Jika mengacu kepada standarisasi dari template blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :

- Elemen Header

- Elemen Outer

- Elemen Footer


Untuk elemen Outer di bagi kembali menjadi :

Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.

Membuat Sidebar dalam kotak-kotak terpisah

untuk membuat sidebar atau pun kotak posting terlihat dalam bentuk kotak-kotak terpisah seperti yang tampak pada screenshot di bawah ini :






















Dari gambar di atas terlihat bahwa setiap widget yang di masukan baik itu sidebar ataupun posting akan terlihat dalam kotak sendiri-sendiri yang katanya lebih menarik dan terlihat lebih rapih. Bagaimanakah cara membuat layout seperti itu? ini sangatlah mudah, terutama bagi anda yang sudah familiar dengan yang namanya kode CSS namun tentu saja sangat sulit bagi meraka yang belum mengenalnya.

Mengubah Lebar Kolom Template

Untuk mengetahui lebar kolom suatu template, kita bisa mengenalinya melalui style sheet CSS nya. Akan tetapi tentu saja ada perbedaan antara satu template dengan template yang lainnya, ini tentunya terserah kepada si designer template nya sendiri. Sebagai contoh untuk bagian header, jika menurut standar template blogger di dalam style sheet CSS nya di namakan header, akan tetapi untuk template-template hasil buatan designer lain di luar blogger ada yang menamakan Banner ataupun nama-nama yang lainnya. Sebuah nama tentu tidak akan berpengaruh terhadap hasil yg di dapat, nama ini di pakai hanyalah agar mudah untuk di ingat atau di kenali oleh sang pemakai template apabila ingin melakukan editting template.

ikuti tips berikut biar lebar kolomnya sesuai dengan keinginan sobat. Dimanakah letak kode-kode untuk mengatur lebar kolom ? saya berikan contoh :

Pasang Statistik dan Tracker

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :

Membuat Fungsi Readmore

Fungsi Readmore

"Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

Mengaktifkan funsi readmore pada postingan bisa dilakukan dengan cara manual kode :

<!--more-->

Memasang Icon YM

Pasang Icon Yahoo ! Messenger

AAAAWAASS ADAAA SUUULLEEEE !!
hehehheee...

Dengan fitur ini maka pengunjung blog bisa langsung chatting lewat YM (yahoo ! messenger) dengan anda..jadi akan menghemat waktu dan lebih simple juga kan ....(tau-taunya ntar malah jadian karena kesringan chat,,hehehehE)

Text Berjalan di Bar menu

Text Berjalan di Bar menu

Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya. 

User Online Status

User Online Status


Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.

Menu Dropdown dengan JavaScript

Menu Dropdown dengan JavaScript


Bagi sobat yang suka akan pernak-pernik blog, ada kabar baik nih. Pada kesempatan kali ini saya akan membahas tentang cara membuat menu Dropdown menggunakan JavaScript.

Contoh menu DropDown :
DEMO HERE

Blogger Emoticons

Blogger Emoticons

Tambahan Emoticons untuk mempercantik blog anda..dan bikin ngakak...