Ini adalah cara membuat sebuah widget Link to me atau biasa dikenal dengan pertukaran banner antar blogger, tujuannya adalah untuk saling mensupport antar sesama blogger.
Tak perlu panjang lebar lagi, langsung saja ke topik pembahasan :
Adapun cara-cara pembuatannya sebagai berikut :
1. Silakan anda persiapkan Logo untuk blog anda,
bisa berupa banner kecil.
2. Jika sudah tersedia logo blog anda,
Upload ke blog atau ke Imageshack, Photobucket, Tinypic.
3. Copy direct URLnya.
4. Anda Copy code dibawah ini dan pastekan sementara ke notepad
5. Nah, sekarang anda Edit sedikit kode diatas.
pada tulisan yang berwarna merah
http://nama-blog-anda.blogspot.com anda ganti dg link blog anda
http://link-logo-blog-anda.jpg anda ganti dg link logo blog anda
Judul-blog-anda anda ganti dg nama blog anda
3 untuk tinggi text area
25 untuk lebar text area
6. Setelah anda Edit sesuai selera anda, sekarang kita menuju blog
7. Login ke Blogger
8. Langsung menuju Tata Letak/Layout
9. Add Gadget - HTML/Javascript
10. Pastekan kode yang sudah anda edit tadi.
11. Simpan hasil kerja anda
Nah hasilnya akan seperti dibawah ini :
If you like this blog,then link back to me.
This is what you will see.
Tak perlu panjang lebar lagi, langsung saja ke topik pembahasan :
Adapun cara-cara pembuatannya sebagai berikut :
1. Silakan anda persiapkan Logo untuk blog anda,
bisa berupa banner kecil.
2. Jika sudah tersedia logo blog anda,
Upload ke blog atau ke Imageshack, Photobucket, Tinypic.
3. Copy direct URLnya.
4. Anda Copy code dibawah ini dan pastekan sementara ke notepad
<p>If you like this blog,then link back to me.<br/>
This is what you will see.</p>
<div style="text-align: center;">
<a style="border:0px;text-decoration:none;" href="http://nama-blog-anda.blogspot.com" target="_blank" title="Judul-blog-anda">
<img alt="Judul-blog-anda" style="border: 0px;" src="http://link-logo-blog-anda.jpg"/>
</a>
</div>
<textarea rows="3" cols="25">
<a href="http://nama-blog-anda.blogspot.com" title="Judul-blog-anda" style="text-decoration:none;border:0;" target="_blank">
<img src="http://link-logo-blog-anda.jpg" alt="Judul-blog-anda" style="border:0" />
</a>
</textarea><br/>
Link To Your Blog
<form action="http://beta.blogger.com/add-widget" method="post">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
<a href="http://nama-blog-anda.blogspot.com" title="Judul-blog-anda" style="text-decoration:none;border:0;">
<img src="http://link-logo-blog-anda.jpg" alt="Judul-blog-anda" style="border:0" />
</a>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="http://nama-blog-anda.blogspot.com" name="go" type="image"/>
</form>
This is what you will see.</p>
<div style="text-align: center;">
<a style="border:0px;text-decoration:none;" href="http://nama-blog-anda.blogspot.com" target="_blank" title="Judul-blog-anda">
<img alt="Judul-blog-anda" style="border: 0px;" src="http://link-logo-blog-anda.jpg"/>
</a>
</div>
<textarea rows="3" cols="25">
<a href="http://nama-blog-anda.blogspot.com" title="Judul-blog-anda" style="text-decoration:none;border:0;" target="_blank">
<img src="http://link-logo-blog-anda.jpg" alt="Judul-blog-anda" style="border:0" />
</a>
</textarea><br/>
Link To Your Blog
<form action="http://beta.blogger.com/add-widget" method="post">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
<a href="http://nama-blog-anda.blogspot.com" title="Judul-blog-anda" style="text-decoration:none;border:0;">
<img src="http://link-logo-blog-anda.jpg" alt="Judul-blog-anda" style="border:0" />
</a>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="http://nama-blog-anda.blogspot.com" name="go" type="image"/>
</form>
5. Nah, sekarang anda Edit sedikit kode diatas.
pada tulisan yang berwarna merah
http://nama-blog-anda.blogspot.com anda ganti dg link blog anda
http://link-logo-blog-anda.jpg anda ganti dg link logo blog anda
Judul-blog-anda anda ganti dg nama blog anda
3 untuk tinggi text area
25 untuk lebar text area
6. Setelah anda Edit sesuai selera anda, sekarang kita menuju blog
7. Login ke Blogger
8. Langsung menuju Tata Letak/Layout
9. Add Gadget - HTML/Javascript
10. Pastekan kode yang sudah anda edit tadi.
11. Simpan hasil kerja anda
Nah hasilnya akan seperti dibawah ini :
This is what you will see.
Comments
Post a Comment
Silahkan tulis komentar anda pada kolom diatas, namun diharapkan jangan melakukan spamming, hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat