Pernahkah anda berkunjung ke sebuah blog dan melihat kotak tukar banner seperti diatas, jika pernah dan anda ingin membuatnya maka berikut ini adalah step by step membuat kotak tukar banner beserta tombol highlight all.
1. Login ke blogger
2. Pilih Edit layout
3. Pilih add gadget
4. Pilih HTML/JAVASCRIPT "dan masukkan script dibawah ini
<midle><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxEA4SqhqgAAApbUZoZVIn1-9IajGojFowAzeNDlyLNAT8stuixt2ak-c9ZD7-SiCeSg040xEXcoPlJvVs2yc4JvzCql1W2RxHes8E5SmjuZI3WpPz4gecLrZwuForFrycmVtN3YH6WA/s1600/a.jpg" width="100" height="50" border="0" /></center></midle><br />
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 150px; HEIGHT: 75px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
<a href="http://lorongilmu.blogspot.com/" target="_blank" title="blog tutorial"><img src=""https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxEA4SqhqgAAApbUZoZVIn1-9IajGojFowAzeNDlyLNAT8stuixt2ak-c9ZD7-SiCeSg040xEXcoPlJvVs2yc4JvzCql1W2RxHes8E5SmjuZI3WpPz4gecLrZwuForFrycmVtN3YH6WA/s1600/a.jpg"" width=""281"" height=""110"" border=""0"" alt=""Logo" google" /></a>
</textarea></p></form></div>
Pada kode yang berwarna biru bisa anda rubah dengan url blog anda dan juga banner blog anda :)
Berikut ini adalah contohnya jika sudah jadi
Tidak ada komentar:
Posting Komentar