Cara Membuat Effect Halaman Seperti Kertas Berlubang

Membuat Effect pada halaman blog supaya tampak menarik memang nggak ada habisnya. Setiap saat selalu saja ingin memberi tambahan hiasan pada halaman blog supaya enak dilihat. Berikut ini adalah cara saya membuat tampilan halaman seperti sebuah buku agenda dengan lubang-lubang di pinggir.

Cari Kode

#outer-wraper

setelah ketemu sisipi dengan kode ini

border-left : 20px dotted #000000; 

Sesuaikan besarnya lubang dengan mengganti 20px menjadi 15px atau 10 px sesuai selara anda.

Sedangkan warna untuk lubang yang paling cocok memang hitam yaitu kode di atas tersebut #000000 kalau mau diganti abu-abu juga baik, silahkan anda cari kodenya pada bagian bawah halaman ini dengan klik langsung warnanya kemudian copy paste kodenya. 

-------------- Selamat mencoba -----------

Text Link Disorot Membesar

Karena sedang belajar buat blog, saya sering utak-atik template blog. Tentunya yang saya utak-atik ya..template blog saya sendiri biar nyaman dilihat dan enak dibaca, Cuman apakah SEO friendly atau tidak, bukan jadi soal, tapi mudah-mudahan SEO friendly. Yang penting adalah informatif. Baiklah saya kali ini akan mengisahkan bagaimana cara membuat text yang ada linknya, seperti judul post, label, recent post, dan text-link yang hurufnya kecil-kecil tiba-tiba begitu disorot kursor text-nya menjadi besar. Caranya seperti berikut.

1. Login Blogger
2. Pilih Layout
3. Pilih Edit Html
4. Centang Expand Template widget, ingat jangan lupa Download template dulu sebelum dirubah.

     Setelah itu cari kode berikut :  

a:hover { text-decoration: underline; color: $(link.hover.color);

     Supaya mudah mencarinya tekan Ctrl+F pada keyboard anda, copy pastekan a:hover pada kolom pencarian, pasti ketemu.
Setelah ketemu, sisipkan kode berikut,

font-size : 150%:

Sehingga menjadi seperti ini,

a:hover { text-decoration: underline; font-size: 150%; color: $(link.hover.color);

Sudah tuh jadi, Save Template dan lihat hasilnya seperti di blog saya ini, begitu anda gerakan cursor ke judul postingan, text-nya menjadi besar khan.


                                           ------------ Semoga Bermanfaat --------------

Blogwalking, Samples Of Indexed Blogs

Frequently  before initiating to make a blog we are faced with many choices, especially in terms of selecting an appropriate template for our blog that we are trying to make. On purpose to avoid trouble re-setting blog composition which already has a lot of content and links. 

So we should make an arrangement prior to make a blog. Compare ! one blog against the other, How ? do visit is the answer. 

Visiting a blog known as blogwalking is totally free, no one will deliver a bill on your desk that states an amount of cash with printed note on the top of the bill says " Thank you for visiting our blog, hope you satisfy with our service, frequent visit will get discount, enjoy !". Are you kidding ?,... yeah just kidding....Once you feel boring you may leave the site without paying any cash out of the wallet .  The only thing you would possibly find is a message..... "Please give a comment" or " Please do not hesitate to visit again". 


Visiting a blog or blogwalking is a good idea, just like window shopping on an evening trip at a Mall with no sales counter inside giving a promotion brochures. Then why would we shy ? don't be afraid ! just enter the site and look around, take your time, have a close attention on details, text, font style, font color, background picture, color, animation, advertisement and most important thing is lay out arrangement, placement of column. 


Below here are some samples of indexed blogs on search engine in downsized screenshot picture.

Unfortunately, only these frames that I can show you on this posting because there are so many layout models indexed on search engine. So if I put it all here will make the page scrolling long way down which then just creating an unpleasant and boring view. Unless you are a very patient visitor

To see more samples you know what to do, search on your own web browser, surf, compare and grab  your favorite one that match to your taste. 

Happy blogging.

Cara Membuat Kotak Melayang Untuk Menu atau Iklan

Akhirnya setelah utak-atik ...berhasil juga...he,,he,,he...langsung aja ya bro, saya mau share cara buat menu vertikal melayang di samping kiri seperti punya saya ini. Itu tuh.. yang melayang disamping kiri nempel statis nggak bergerak meskipun mouse ente scroll keatas.  Saya desain sendiri tampilannya, terinspirasi menu tab yang ada di pinggir kiri kanan layar monitor mesin ATM Bank. Udah pada tau khan mesin ATM....he..he..he becanda bro.... Caranya sederhana kok, script-nya saya comot dari sana sini trus digabungin. Maaf bagi sahabat blogger yang udah piawai dan pakar script kalo script-nya sama, mungkin saya ambil dari punya anda karena ngijinin boleh di Copas, yaah khan harus berbagi info dan pengetahuan, he...he...he ya nggak..he...he..he...jangan marah oke...he..he...he.

Langsung aja yaa...tapi maaf bro...nggak bisa di Copas...bukannya nggak boleh... soalnya saya malas Encode script biar bisa di tampilkan di halaman posting, jadi ya saya screenshot aja ....,diubah jadi file gambar..praktis. Cara saya ini boleh ditiru, jadi sebelum ditampilkan atau dipublikasikan, kalo pas lagi males encode script... ya ubah aja jadi file gambar.

Baiklah sobat berikut ini adalah script yang bisa anda ketik di form HTML/ JAVA script yang muncul setelah anda klik tanda + Hmtl/Java Script di add gadget.

Posisi gambar atau kotak bisa anda set sendiri dengan mengubah left atau right, top atau bottom. Untuk posisi kiri bawah pojok pakai left dengan nilai 0, bottom dengan nilai 0, sedangkan untuk posisi atas pojok kiri ganti dengan left nilainya 0 dan top nilainya 0 dan selalu diikuti dengan px setelah nilai.

Untuk kotak berjajar vertikal, harus diatur dulu lebar atau tinggi kotak sesuaikan dengan besar huruf yang ada di dalamnya seperti HOME, TIP BLOG atau yang lainnya sesuai kebutuhan anda. Berikut adalah script untuk buat kotaknya.

Panah hijau pada script yang ini adalah url milik saya yang bisa diganti dengan url anda. Tinggi kotak yang saya pakai 28 sedangkan spasi antar kotak saya buat 7, panjang kotak saya buat 144 saya sesuaikan dengan sisa space pada template. Lihat gambar diatas pada bagian yang saya beri titik warna biru.

Ingat script diatas hanya untuk satu kotak !.

Supaya berjajar vertikal maka script diatas harus diulang dicopy paste dibawahnya dengan mengatur posisinya seperti yang saya jelaskan tadi. Dan tidak perlu utak atik template blog, cukup masukkan kode diatas melalui add gadget yang sudah disediakan di sidebar.

 Sedangkan bagian yang saya kasih tanda panah biru itu boleh diganti dengan script counter, gambar, iklan atau link menu anda, seperti berikut di bawah ini adalah script counter saya,

 Setelah itu klik save dan lihat hasilnya klik view blog atau lihat blog.

Sekali lagi maaf nggak bisa di copas, tapi diketik di keyboard anda. Hikmahnya supaya hafal bahasa web/script.

Selamat mencoba.