
Berdasarkan posting sebelumnya, saya akan memberikan contoh bagaimana memanfaatkan fasilitas dari blogspot.com untuk memasukkan plugin ke dalam rancangan blog, yaitu membuat fasilitas pertukaran link blog berupa banner.
- siapkan gambar, buatlah menggunakan photoshop senyaman mungkin menurut perasaan dan suasana hati anda sendiri...
- Upload gambar ke dalam blogspot.com dan copy alamat url gambarnya, cara-cara untuk upload gambar ke dalam blogspot anda dapat dilihat dipostingan berikutnya.
- Siapkan tag Anchor yang baik, jangan sampai terjadi kesalahan link dan penulisan, contoh gunakan untuk membuat tag a harus ditulis diawali dengan simbol < dan diakhiri dengan simbol > dan ditengah-tengahnya diisi alamat url blog jadi hasil akhirnya sebagai berikut : <a href='http://segala-sesuatu-pasti-ok.blogspot.com/' alt='segala-sesuatu-pasti-ok.blogspot.com' >
- masukkan tag gambar untuk banner yang sudah diupload ke server dan ini alter yang menginformasikan keterangan gambar <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zljsSMT0lEGG9vXAsFzEyPpqLG0PCn6jV7soIe7goweaGjCTL2bXovQeaHC65ezaYyFxwH-_v3yfT6fyWy24PrktD_LYb7wVsJxoUhbiGn4zKXMDbIjBSwvKjVOsxVQ_trNBJrmW4-k/s1600/tutorial-dan-tips-trik.jpg' alt='Tukar Link segala-sesuatu-pasti-ok.blogspot.com' >
- Buatlah widget html/javascript baru di sidebar dan masukkan kode form seperti pada postingan sebelumnya. seperti berikut
<form method="POST" action="http://www.blogger.com/add-widget"> <input type="hidden" name="widget.title" value="Tukar Link"/> <textarea readonly onClick='javascript:this.select()' name="widget.content" ><a href='http://segala-sesuatu-pasti-ok.blogspot.com/'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zljsSMT0lEGG9vXAsFzEyPpqLG0PCn6jV7soIe7goweaGjCTL2bXovQeaHC65ezaYyFxwH-_v3yfT6fyWy24PrktD_LYb7wVsJxoUhbiGn4zKXMDbIjBSwvKjVOsxVQ_trNBJrmW4-k/s1600/tutorial-dan-tips-trik.jpg' alt='Tutorial-dan-Tips-Trik-Blogspot.com' ></a></textarea> <input type="hidden" name="infoUrl" value="http://segala-sesuatu-pasti-ok.blogspot.com"/> <input type="submit" name="go" value="Tukar Link"/> </form>
- semua keterangan di atas saya simpan di dalam widget dan hasil akhirnya bisa anda coba di bawah ini.
Tidak ada komentar:
Posting Komentar