Biasanya text box digunakan untuk mempamerkan kod html banner, kod html widget, text atau apa-apa sahaja yang anda ingin kongsi dengan pengunjung blog.
Contohnya banner blog seperti yang ditunjukkan di bawah. Jika anda ingin bertukar banner dengan blogger lain, anda haruslah menyediakan kod html banner blog anda bagi memudahkan blogger lain mengambil kod banner tersebut untuk di pasang pada blog mereka. Untuk itu, penggunaan aplikasi text box adalah diperlukan.
Untuk pasang text box ini pada blog, ikuti tutorial di bawah :
1) Sign in akaun blogger
2) Dashboard > Design > Add A Gadget > Html / Javascript (atau boleh juga paste di ruang entri post)
3) Paste kod text box yang anda copy tadi pada ruang Html / Javascript
Contoh:
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()">TEKS/KOD HTML ANDA DISINI</textarea>
4) Pada tulisan berwarna merah di atas, gantikan dengan kod html banner anda/ text /apa sahaja kod yang anda ingin pamerkan dalam text box tersebut.
Contoh kod banner anda:
<center><a href="http://santaisini.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcpV5j96YpZgqVSUXMwBpiwG8JKSShxhzbuae9slIuWsGjGQqqfUTKbBr5BbNJ5YI8wMqp1Sm7sk-OquTVdDXOpy2flqbP0fCmhOMxRt_7POFs1l2_zrmDH6J9Z-RTFgalb1FJhMpGta4/s400/banner.png" /></a></center>
Rupa kod text box setelah dimasukkan kod banner akan jadi seperti ini:
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()"><center><a href="http://santaisini.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcpV5j96YpZgqVSUXMwBpiwG8JKSShxhzbuae9slIuWsGjGQqqfUTKbBr5BbNJ5YI8wMqp1Sm7sk-OquTVdDXOpy2flqbP0fCmhOMxRt_7POFs1l2_zrmDH6J9Z-RTFgalb1FJhMpGta4/s400/banner.png" /></a></center></textarea>
4) Save dan lihat hasilnya.
1 komentar:
GAK MAKSUD gan cara buatnya...
Posting Komentar