EPG STUDIO

---

• MEMANIPULASI JUMLAH PENGUNJUNG BLOG
• MENAMPILKAN HOVER PADA BLOG
• KODE HTML UNTUK GARIS

MEMANIPULASI JUMLAH PENGUNJUNG BLOG Posted: 16 Apr 2012 07:58 PM PDT Blog anda sepi pengunjung ...? Jangan khawatir anda bisa mengunakan tips ini sebagai solusi dengan memanfaatkan jasa gadget whos'.amung dari blog yang banyak dikunjungi. Memang tampilan gadget itu hanya merupakan tampilan yang bukan asli dari pengunjung blog anda, tetapi merupakan jumlah pengunjung dari dari blog yang gadget whos'amung-nya kita gunakan. Tapi anda jangan khawatir pengunjung blog anda juga akan masuk kedalam deretan daftar dari whos'.amung . Jika anda ingin mencoba numpang tampilan gadget dari whos'amung dari blog yang banyak dikunjungi, ikuti cara berikut ini : Kunjungi situs/blog yang banyak dikunjungi dan dipasang gadget dari whos'.amung Klik kanan pada tampilan blog yang anda kunjungi, kemudian pilih Lihat kode Sumber halaman. Tampilkan kotak pencarian dengan menekan Ctrl + F, kemudian ketik kata amung.us Setelah ketemu dengan kata yang dicari, copy sript tersebut secara lengkap dan masukkan kedalam blog anda. Biasanya secara lengkap script whos'amung seperti ini <script src="http://widgets.amung.us/classic.js" type="text/javascript"></script><script type="text/javascript">WAU_classic('e3ku0gzti42i')</script> Daftar blog yang memiliki banyak pengunjung yang dapat anda kunjungi untuk numpang ngetop...: http://terselubung.blogspot.com/ dengan jumlah pengunjung sekarang : http://www.menjelma.com/ dengan jumlah pengunjung sekarang : http://www.sequelanet.com.br/ dengan jumlah pengunjung sekarang : Silahkan anda cari blog lainnya yang banyak dikunjungi... Selamat mencoba, semoga bermanfaat... http://feeds.feedburner.com/epgstudio

MENAMPILKAN HOVER PADA BLOG Posted: 16 Apr 2012 01:32 AM PDT Menurut mbah google hover diartikan melayang. Tapi jika pengertian itu digunakan pada tips ini jelas akan menimbulkan keraguan dalam memahami hover. Pengertian hover menurut admin EPG Studio adalah : perubahan tampilan dari bagian blog ketika disorot mouse. Dari pengertian diatas, anda kan lebih memahami dengan demo yang ditampilkan pada blog EPG Studio, yang dapat anda lihat pada bagian tab menu dibawah header, halaman pencarian dibagian bawah dan dibagian sidebar. Coba anda sorotkan mouse ke bagian yang disebutkan tadi untuk melihat hover yang telah dipasang. Hover dapat dipasang pada seluruh bagian blog dengan syarat anda telah memahami bagian bagian dari blog yang anda kelola. Sebagai contoh pemasangan hover pada bagian body blog. Terlebih dahulu anda harus tahu kode body pada template. Misalnya kode itu seperti ini : body { font: $(body.font); color: $(body.text.color); background:black; padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) } Dari kode diatas terlihat bahwa warna dari body dipasang dengan warna hitam dan jika anda ingin menampilkan warna lain ketika mouse berada pada bagian body tinggal menambahkan kode seperti ini tepat dibawah kode body diatas : body: hover { background:red; } Dari kode yang ditambahkan diatas, body blog yang tadinya berwarna biru akan berubah menjadi warna merah ketika mouse disorotkan ke bagian body dan akan kembali menjadi hitam jika mouse meninggalkan bagian body. Secara lengkap bagian body blog yang telah ditambahkan hover akan menjadi seperti ini : body { font: $(body.font); color: $(body.text.color); background:black; padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) } body: hover { background:red; } setelah menambahkan hover pada bagian body, simpan perubahan yang anda buat, kemudian lihat blog anda yang telah dipasang hover. Jika anda suka tampilan latar blog dengan sebuah image dengan hover juga sebuah image, lakukan cara yang sama dengan langkah-langkah diatas. Jika anda belum memahami cara mengganti background blog dengan image klik disini untuk mempelajarinya. Setelah mempelajari mempelajari background blog dengan image, sekarang anda dapat memasang hover background blog dengan image. Kode dibawah ini merupakan kode dari bagian body yang telah dipasang image sebagai background blog. body { font: $(body.font); color: $(body.text.color); background:black url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center; padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) } Tambahkan kode ini tepat dibawah kode body diatas body:hover { background:black url(http://img36.imageshack.us/img36/9214/44128720.jpg?imgmax=100%) repeat-x fixed top center; } Secara lengkap kodenya akan menjadi seperti ini : body { font: $(body.font); color: $(body.text.color); background:black url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center; padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) } body:hover { background:black url(http://img36.imageshack.us/img36/9214/44128720.jpg?imgmax=100%) repeat-x fixed top center; } Jangan lupa bedakan url gambar pada bagian body { dengan bagian body:hover { Setelah anda mencoba pada bagian body, coba pula pada bagian lain dari blog. Selamat mencoba, semoga bermanfaat...!!! http://feeds.feedburner.com/epgstudio

KODE HTML UNTUK GARIS Posted: 16 Apr 2012 03:39 AM PDT Post ini dibuat atas permintaan sahabat yang mengirim email melalui Hubungi admin. Pesannya kira-kira seperti ini :"Mas bagaimana cara menampilkan garis yang ada pada bagian Menu Tutorial Blogger ...?" Sebenarnya kode HTML untuk garis sangat simpel, hanya tinggal menambahkan beberapa kode untuk tampilan yang bervariasi. Bagi anda yang memerluka kode HTML untuk garis, ini dia kodenya..!!! Kode garis <hr /> Garis akan terlihat seperti ini Jika tampilan garis terlalu tipis dapat ditambahkan kode size dengan tinggi 5px seperti ini : <hr size="5"/> Garis akan terlihat seperti ini : Kode garis yang ditambah dengan kode size 5px dan ukuran lebar 50% <hr size="5" width="50%"/> Garis akan terlihat seperti ini Kode garis yang telah ditambah size 5px, ukuran lebar 100% dan warna biru <hr color="#0000FF" size="5" width="100%"> Garis akan terlihat seperti ini : Setelah memahami cara membuat kodegaris diatas, anda dapat menampilkan pada blog dengan variasi yang anda inginkan Selamat mencoba, semoga bermanfaat..... http://feeds.feedburner.com/epgstudio

You are subscribed to email updates from TUTORIAL BLOGGER To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610