Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Thursday

Menambahkan Emoticon Lucu pada Komentar

8:19 PM  , , , , ,  No comments


Nah.. salah satu komponen yang agak penting dalam sebuah Web/Blog adalah adanya komentar yang disediakan oleh pemilih Blog. Tentunya fasilitas komentar yang disediakan oleh pemilik Blog ya macam-macam, ada yang hanya berupa Form komentar standar dan ada juga yang mendesain Form komentar itu menjadi lebih menarik, karena dengan adanya Form komentar yang menarik akan lebih membuat pengunjung betah dan melanjutkan komentar-komentar nya. Hehehehehe
Nah, salah satu yang membuat Form komentar lebih menarik adalah dengan menambahka fitur emoticon yang lucu, Nah mari kita bahas.
Emoticon yang nanti akan muncul kira-kira seperti dibawah ini.


unyu-unyuk kan??

Pertama Login kemarkas Blogger masing-masing
Masuk ke menu Template >> Edit HTML >> Jangan lupa centang expand widget template.
Setelah itu cari kode </body>, setelah ketemu taruh kode script dibawah ini TEPAT SEBELUM/DIATAS kode </body>.

Setelah itu cari kode <p class='comment-footer'>. setelah ketemu taruh kode script dibawah ini TEPAT SEBELUM/DIATAS kode <p class='comment-footer'>.

Kemudian Simpan dan Lihat Hasilnya.
Perlu diperhatikan.
Pertama, kadang script tidak berhasil. itu mungkin dikarenakan anda salah menempatkan kode script diatas <p class='comment-footer'>, karena biasanya ada dua kode bertuliskan <p class='comment-footer'>, nah anda taruh scriptnya dikode yang kedua/paling bawah.
Kedua, Emoticon ini menggunakan input images, yang artinya ketika mengakses Blog anda ya saat itu juga browser mendownload images yang digunakan untuk emoticon, dan ini cukup menyiksa jika pengunjung Blog anda menggunakan akses internet volume base. Hehehehe

So, cukup mudah kan?
Selamat mencoba ya...

Read More

Tuesday

Mempercantik Mouse dengan tulisan melingkar

8:24 PM  , , , ,  No comments


Kursor adalah salah satu komponen vital dalam sebuah media Display Komputer. Setiap orang yang sedang beraktifitas dikomputer pasti selalu memperhatikan Kursor bergerak. Nah.. kenapa ga dibikin aja sekalian Krusor dalam Blog kita lebih menarik lagi? Gimana caranya?
Yup, Kali ini akan membahas tentang Mempercantik Kursor dengan cara membuat efek kata yang melingkari kursor tersebut. Mari kita bahas.

Pertama Login ke markas Blogger masing-masing
Masuk ke Tata Letak >> Tambah Widget >> HTML/JavaScript
Masukan script dibawah ini

Nah, Cari Tulisan "Selamat Datang" kemudian ganti dengan kata sesuai selera anda, yang nantinya akan muncul melingkari krusor.
Kemudian Simpan dan Lihat hasilnya.

Selamat mencoba....

Read More

Monday

Membuat Menu Translator (Penerjemah Bahasa) Blogger

7:54 PM  , , , ,  No comments

Pernah menemukan blog yang berbahasa asing? Pasti sering kan. Nah biasanya sang pemilik blog telah mempersiapkan widget khusus penerjemah bahasa dalam blognya, yaaa meskipun sekarang semua web/blog bisa lanngsung diterjemahkan dalam Google Translate, tapi dengan adanya widget ini setidaknya membuat lebih instan dalam proses penerjemahanya. Hehehehe
mari kita bahas.

Pertama Login ke markas Blogger masing-masing
Pilih Tata Letak >> Tambah Widget >> HTML/JavaScript. (disesuaikan tempatnya juga ya)
setelah muncul kotak HTML/JavaScript taruh kode dibawah ini

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

Nah.. sekarang Simpan dan Lihat hasilnya.
Mudah kan???
Selamat Mencoba yaa..

Read More

Wednesday

Membuat Efek Gelembung pada Blog

8:58 PM  , , , ,  No comments

Nah Sobat, pernah melihat dan memakai OS Windows Seven kan? pasti sudah donk.
Pada Screen Saver yang paling popular digunakan di Windows 7 adalah Bubble/Gelembung, karena bentuk dan lucu sih lihat gelembung  mondar-mandir kesana kemari. Hehehehehe :D

Nah, seandainya efek gelembung itu dipakai dalam efek blog gimana? pastinya keren kan, dan itu bisa kok.
Mari kita bahas.
Disini ada dua efek gelembung yang keluar, yaitu efek gelembung berwarna biru muda yang berjatuhan di blog sementara efek kedua yaitu efek gelembung terapung (float effect).
Pertama Login ke markas Blogger masing-masing.
1. Masuk ke menu Template >> Edit HTML.
2. Cari kode <body> dan taruh kode dibawah ini tepat DIBAWAH kode <body>
<script src='http://kompikita.googlecode.com/files/bubble.js'/>

3. Simpan Template.
4. Masuk ke menu Tata Letak >> Tambah Widget >> HTML/JavaScript
5. Masukan kode dibawah ini
<script language="javascript" src="http://kompikita.googlecode.com/files/bubble2.js"></script>

6. Simpan Widget dan Lihat Hasilnya.

Mudah kan?? Selamat Mencoba

Read More

Tuesday

Cara Membuat Facebook Like Box Blogger

7:52 PM  , , , ,  No comments

Nah, kalo kemarin kita bahas tentang Cara Membuat FansPage Facebook , Sekarang kita akan bahas gimana caranya supaya Fanspage Facebook kita itu muncul di Blog/Web kita.
Seperti FansPage Kompikita, yang sudah nampang di Blog nya. Hehehehehe
Udah Like FansPage nya Kompikita belum? Kalo belum, bisa Klik Tombol Like dibawah ini. Hehehehe


Kembali ke topik awal. Nah, setelah membuat FansPagenya. Langsung saja menuju ke alat Like Box nya.
Pertama Login Facebook dulu ya, (biar afdhol)
Terus langsung menuju ke halaman Plugin Sosial Facebook, klik disini (plugin sosial).
Setelah terbuka akan muncul tampilan seperti dibawah ini.
Nah, pilih yang Like Box.
Setelah itu muncul dialog pengaturan Loke Box nya. Isikan seperti contoh gambar dibawah ini.
Keterangan :
Facebook Page URL : diisikan untuk nama pengguna FansPage anda (tulis setelah tanda / "slash").
Width/Height : Lebar dan Tinggi widget Like Box nya.
Show Faces : apakah akan menampilkan foto para fanspage? jika iya pilih centang.
Color Scheme : Pilihan untuk warna thema/background Like Box nya, hanya ada 2 pilihan yaitu terang (Light) dan Gelap (Dark).
Steram : Menampilkan keterangan dan update terakhir dari Fanspage, jika iya pilih centang.
Border Color : Warna dari border Like Box, diisi menggunakan kode warna HTML.
Header : Menampilkan header/judul dari Like Box, jika iya pilih centang.

Setelah mengisi pengaturan diatas, pilih Get Code.
akan muncul tampilan seperti gambar dibawah ini.
Nah, gambar diatas adalah contoh script yang sudah jadi dari pengaturan tadi.
Langkah selanjutnya tinggal memasang kode script diatas kedalam Blogger, dan saya yakin sudah bisa semua tentang cara memasang script widgetnya kan. Hehehehehe

Selamat mencoba..

Read More