Cara Hias Subscribe Box FeedBurner Blog Anda

Kali ini kami nak kongsi satu tutorial blogging bagaimana nk menghias atau ‘decorate’ kotak ’subscribe’ Feedburner blog anda. Sebagai contohnya anda boleh lihat pd blog ni di sebelah tu yg bertulis “Baca Tips Terbaru Melalui Email:”. Tapi untuk itu, semestinya blog anda sudah dipasang dgn subscribe box feedburner tersebut. Baca kat sini utk cara memasang subscribe box Feedburner.

Oklah, terus kpd cara asasnya yg mudah shj:

• Sekarang view ’source code’ subscribe box blog anda.
• Sediakan background image yg anda suka untuk menukar background subscribe box anda & uploadkannya pd hosting anda sendiri atau Photobucket, ImageShack mana2 je ok. Dapatkan link/url image anda tersebut.
• Skrg buat perubahan kod ini pd source kod Feedburner yg asal:

ORIGINAL CODE

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open...


MODIFIED CODE

<form style="background-image:url(http://www.URL_gambar/rss.gif); border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open...


Itu sahaja, untuk bahagian utama proses ni. Mmg mudahkan!

Tapi, sebagai pilihan, jika anda tak mahu menggunakan background picture utk subscribe box tersebut, anda jgk boleh warnakan shj box tersebut ikut warna yg anda mahu. Untuk contoh:
Buat perubahan kod yg asal kepada-

<form style="background-color: #2AD4FF; border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow"...

*yg berwarna merah tu, boleh ubah pd warna apa2 shj yg anda mahu ok! dkt sini menggunakan kod warna html hexadecimal. Boleh rujuk SINI
Preview:

Untuk alternatif lain juga, jika anda mahu ubah warna ruang ‘input text’ sahaja, maka buat perubahan kod begini:

...Baca Tips Terbaru Melalui Email:<p><input type="text" style="background-color: #2AD4FF; width:180px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=2542053" name="url"/>...

*Sekali lg ubah sahaja warna tersebut kpd yg anda mahu.
Preview:

Orait, skrg anda dah ada satu subscribe box Feedburner yg unik, lain dr yg lain kan?
Untuk tambahan, jika anda mahu mengubah ayat yg asal ‘Enter your email address’ kpd ayat anda sendiri, skrg ubah je. Contohnya ubah kepada ‘Baca Tips Terbaru Buat Duit Melalui Email!’ atau apa2 shj yg anda suka. Itu shj, senang bukan?

Tips tambahan: Jika anda mahu memastikan background picture subscribe box anda itu nampak kemas dan sama saiznya dgn box Feedburner tersebut, maka step pertama yg terbaik adalah, mengukur dahulu saiz subscribe box anda yg asal dgn menggunakan kaedah Printscreen dan ‘match’kan dgn gambar yg anda mahu tersebut. Selepas itu, ‘crop’kan atau sebagainya dan barulah upload gambar tersebut ok.

Info: Saiz kotak subscribe box Feedburner pd asalnya tiada dimensi saiz yg tetap, ianya adalah dinamik & berubah mengikut di bahagian mana yg anda letak. Sbb itu penting utk anda dapatkn lebih dahulu saiz asalnya dr blog anda ok!

Ok, itu sj tips blogging kami utk kali ni. Jika ada yg tidak dpt difahami, bolehlah bertnya dkt sini ok!
JomKongsi Info!

Popularity: 33%