Cara Membuat Pengunjung Tekun Membaca Posting

Sekali kali membuat pengunjung blog bingung dan pusing atau bahkan hingga mau muntah-muntah bukanlah hal yang tabu. Ya..., sekali-kali sebagai hiburan bagi gubhugreyot sekaligus anda juga. Bukankah saat ini anda sedang mencoba bertekun untuk membaca kata-demi kata sambil kepala di gelengkan ke kanan dan ke kiri serta mata memicingkan mata dan dahi berkerut-kerut? Ha ... tak apa ... lanjutkan saja saja sambil meringis atau mengumpat sepuas-puasnya.

Membuat posting seperti ini hanya sekedar intermezo ditengah kelelahan akibat keracunan ngeblog. Penyakit yang terasa membelenggu aktivitas lain sehari-hari. Lha, gimana tidak orang klo sehari blom buat posting pantat rasanya jadi gatal-gatal. Yah... daripada kukur-kukur lebih baik pencet keyboard trus beri anda sebuah tablet pemusing kepala. He ... posting ini ibarat tablet yang bikin penasaran sekaligus juga bikin jengkel. Buh..., ya, nggak?

Kode yang digunakan untuk membuat posting seperti ini:

<div style="unicode-bidi:bidi-override;direction:rtl;text-align:left;">Tulis teks di sini !</div>

Sebaiknya anda tidak tidak berlama-lama karena dikuatirkan perut akan menjadi terasa mual hingga kepala semakin berat ... berat .... berat ... kemudian lolongan panjang akan segera keluar dari rumah tetangga. Ha .... Nggak tau tuh lolongan apa. Lolongan anjing kayaknya juga nggak. Lolongan penuh kemikmatan kali, ya?!

Jika pingin baca dengan gampang tanpa perlu mata melotot bekedip-kedip, silahkan copy dan pastekan di manapun anda suka! He .... he .... gampang, ya, ternyata?!!! Ha .. ha ... yo kita ketawa bareng! Satu, dua, tiga .... ha ... ha ... ha ...

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rabo PON, February, 29, 2012

» Happy Blogging - gubhugreyot «

Javascript Text Animation: Panduan BloGGeR Cara Membuat Animasi Text

Sebuah animasi text yang sangat cantik dan menarik untuk dimanfaatkan sebagai pemanis blog. Kamu bisa mengisinya dengan kata-kata sambutan atau kata lain yang sekiranya penting atau menarik bagi pembaca blog. Untuk menggunakannya dalam blog sangat mudah sekali karena tinggal copy paste kemudian simpan di bagian manapun dari template kamu. Bis di bagian head, body atau dengan cara menambahkan widget melalui Elemen Laman (HTML/Javascript).

Beberapa variable dapat dirubah untuk mendapatkan efek animasi yang dirasa cocok.

• var message = tempat menuliskan teks
• var neonbasecolor, var neontextcolor, var neontextcolor2 = untuk membentuk variasi warna.
• var flashspeed = untuk merubah kecepatan animasi
  var flashingletters, var flashingletters2 = mengatur jumlah teks warna-1 dan teks warna-2
• var flashpause = untuk mengatur lama waktu teks berhenti (pause) dalam milliseconds (ms).

Document Text Sizer-2 » Adding CSS3 on Text Sizer

Sebenaranya Document Text Sizer-2 mempunyai fungsi yang sama dengan Document Text Sizer-1. Jika Document Text Sizer-1 bisa merubah ukuran teks di seluruh blog, Document Text Sizer-2 digunakan pada dokumen-dokumen tertentu yang memang ingin di beri fasilitas text sizer. Desain Text Sizer juga sedikit berbeda karena dibuat dalam bentuk "Hidden Text Sizer". Controll Text Sizer disertai ukuran font yang berbentuk transparan dan hanya terlihat sebagian saja. Baru saat cursor di atasnya seluruh bagian text sizer akan terlihat secara penuh sekaligus transparansi juga hilang. Efek transparansi dicipatakan melalui opacity property sedang efek animasi "muncul dan hilangnya" sebagian Text Sizer Controll dikendalikan dengan css3 transition dan margin.

D E M O

Javascript dan kode CSS di bawah ini sudah disertai dengan posisi peletakkan kode di template. Perhatikan teks yang berkedip! Kode tersebut yang harus dicari dan kode CSS serta javascript disimpan dalam posisi seperti ini.

Document Text Sizer-1

Rasa syukur mestinya harus selalu kita panjatkan kepada Tuhan yang maha mengasihi karena hingga detik ini kamu masih dikarunia mata yang sehat. Tapi pernahkah kamu berpikir bahwa beberapa di antara kita banyak juga yang mempunyai kemampuan melihat tidak lagi normal. Terlebih para orang tua yang sekalipun sudah pakai kacamata tebal tapi terasa masih susah juga untuk meniti huruf demi huruf. Document Text Sizer merupakan satu fungsi layanan bagi mereka yang kesulitan untuk membaca huruf-huruf dengan ukuran kecil. Kemampuannya untuk memperbesar teks dengan beberapa variasi ukuran pastilah akan sangat menolong.Sebelum mencoba , kamu bisa melihatnya dengan KLIK DEMO dan melihat bagaimana semuanya bekerja.

D E M O

Cara membuat Document Text Sizer-1 :

Snow Effects

Berbeda dengan Money Rain Effects yang harus menggunakan image untuk menciptakan sebuah effek, Snow Effects mampu menciptakan efek hujan salju tanpa harus menambahkan gambar/image. Efek ini benar-benar murni menggunakan javascript. Seperti apa tampilan sebuah blog dengan Snow Effect di dalamnya ? KLIK DEMO untuk melihat hasilnya!

D E M O

Cara membuat Snow Effects :

Style font ringkas/praktis untuk posting

Saat melakukan posting, pembuatan style font atau huruf dan angka biasanya selalu menggunakan toolbars/fitur yang tersedia di box posting, baik untuk membuat font berwarna, font tebal, ataupun merubah besar . Ada trik spesial yang sebenarnya jarang sekali diungkap untuk membuat style-style font tertentu yang dapat kita gunakan untuk melakukan posting dimana ruang posting menjadi lebih ringkas/praktis dan tidak "nggedabyah" (bahasa Indonesia : tidak terlalu memenuhi ruang posting).

Dengan menyimpan beberapa KODE CSS di bagian head yang berkaitan dengan style font, maka kita dapat membuat berbagai macam style font/teks yang bahkan dalam beberapa hal tak mungkin dilakukan jika hanya mengandalkan toolbars yang tersedia, seperti misalnya membuat font dengan ukuran tertentu. Dengan metode ini maka dalam beberapa hal menjadi lebih simple dan sangat memudahkan blogger saat harus melakukan update ulang atau revisi beberapa kesalahan tulis di

Title Bar Effect-4: Cara Praktis membuat Title Bar Effect

Sedikit berbeda dengan effect title bar sebelumnya, effect title bar-4 sedikit lebih atraktif karena setiap huruf akan dimunculkan seperti bentuk tembakan pistol. Kecepatan tembak akan semakin cepat saat sisa huruf dalam magazine semakin berkurang.
Karena jarak tembakan sangat berpengaruh terhadap panjang teks, maka apabila anda ingin menampilkan teks cukup panjang pada title bar, nilai yang tertera pada KODE BGS1_GRdistance = 45; harus anda perbesar sesuai panjang teksnya.

Cara membuat Title Bar Effect-4 :

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
6. Simpan file template di folder PC.
7. Cari kode <head> atau </head>.
8. Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
9. Klik Simpan Template (Save Template).

Title Bar Effect-3 : Caea menampilkan Effect Title bar

Title Bar Effect-3 merupakan desain effect title bar dengan menggunakan javascript yang sangat praktis tetapi mampu memberikan effect dinamis sekaligus menarik. Rangkaian script yang ringkas membuat beban yang harus ditanggung blog saat loading menjadi tidak terpengaruh sama sekali, sehingga sangat tepat apabila digunakan untuk mempercantik tampilan blog.

Cara membuat Title Bar Effect-3 :

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
6. Simpan file template di folder PC.
7. Cari kode <head> atau </head>.
8. Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
9. Klik Simpan Template (Save Template).

Title Bar Effect 2 » Tambahkan Title Bar Effect di blogger -

Seperti halnya Title Bar Effect 1, Title Bar Effect 2 bisa dimanfaatkan untuk menampilkan kata sambutan, menu blog atau teks lain yang berkaitan dengan materi yang disuguhkan dalam blog.

Cara membuat Title Bar Effect 2 :

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
6. Simpan file template di folder PC.
7. Cari kode <head> atau </head>.
8. Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
9. Klik Simpan Template (Save Template).

Cara Membuat Title Bar Effect -1

Dari berbagai effect title bar yang bisa kita buat, untuk kali ini kita akan coba dengan sebuah effect pada title bar dengan beberapa teks yang akan muncul secara bergiliran. Dengan kemampuannya untuk memunculkan teks secara bergilir, membuat kita bisa menampilkan teks yang berbeda-beda (variatif).

Cara membuat Title Bar Effect-1 :

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
6. Simpan file template di folder PC.
7. Cari kode <head> atau </head>.
8. Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
9. Klik Simpan Template (Save Template).