Kamis, 23 Februari 2012

Tukar Link cepat dengan sesama blogger blogspot


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.
  1. siapkan gambar, buatlah menggunakan photoshop senyaman mungkin menurut perasaan dan suasana hati anda sendiri...
  2. Upload gambar ke dalam blogspot.com dan copy alamat url gambarnya, cara-cara untuk upload gambar ke dalam blogspot anda dapat dilihat dipostingan berikutnya.
  3. 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' >
  4. 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' >
  5. 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" >&lt;a href='http://segala-sesuatu-pasti-ok.blogspot.com/'&gt;
    &lt;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' &gt;&lt;/a&gt;</textarea>
    <input type="hidden" name="infoUrl" value="http://segala-sesuatu-pasti-ok.blogspot.com"/>
    <input type="submit" name="go" value="Tukar Link"/>
    </form>
  6. semua keterangan di atas saya simpan di dalam widget dan hasil akhirnya bisa anda coba di bawah ini.


Silahkan anda klik tombol Tukar Link dan lihat kemana target yang akan dicapai langsung ke dalam widget, semoga bermanfaat.

Tidak ada komentar:

Posting Komentar