안녕하세요
친구들✌(✿◠‿◠)....
Bila di satukan kodenya akan tampak seprti dibawah ini:
Nanti Hasilnya Akan tampak seperti Gambar dibawah ini :
Bag. 1
Siapa sich yang gak pengen blog / website-nya terlihat tidak rapi? Semua orang pasti menginginkan agar blog / website-nya tampak rapi, yaitu salah satunya dengan meletakkan widget agar sejajar bersebelahan/berdampingan.
Ternyata, caranya sangat mudah lho rekan-rekan blogger, contohnya seperti ini :
Untuk membuat seperti gambar berdampingan diatas, kamu hanya cukup menambahkan kode berikut ini :
<table><tr><td>Url Widget atau Gambar</td><td>Url Widget atau Gambar</td><td>Url Widget atau Gambar</td></tr></table>
Keterangan :
- Ganti tulisan yang berwarna Ungu dengan kode widget atau gambar yang kamu inginkan
Bag. 2
Langkah-langkah dan cara membuat 2 gambar atau widget berdampingan seperti dibawah ini:
Login ke Blog anda
Klik Rancangan
Masuk pada kolom Postingan seperti biasa anda posting.
<table><tr>
<td>Letakkan kode Gambar 1</td>
<td>Letakkan kode Gambar 2 </td>
</tr></table>
Bila di satukan kodenya akan tampak seprti dibawah ini:
<table><tr>
<td>Gambar Choi Seol Ri 1
<div class="separator" style="clear: both; text-align: center;"></td>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7p_2HiouEHCIrha_99YUA1tlKP8aWfPd6FRw6TNoh8ILsy3TtMVEA4cg3LqWB7z1vegIVkvDyZRFA1glVMIKD1EemZTmz2GGP8kgSU22jE3X2rgMgcfjFXGIaaNJvlpVnb0hQ2QGVI4/s1600/Choi+Seol+Ri.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7p_2HiouEHCIrha_99YUA1tlKP8aWfPd6FRw6TNoh8ILsy3TtMVEA4cg3LqWB7z1vegIVkvDyZRFA1glVMIKD1EemZTmz2GGP8kgSU22jE3X2rgMgcfjFXGIaaNJvlpVnb0hQ2QGVI4/s320/Choi+Seol+Ri.jpg" /></a></div>
<td>
Gambar Choi Seol Ri 2<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7p_2HiouEHCIrha_99YUA1tlKP8aWfPd6FRw6TNoh8ILsy3TtMVEA4cg3LqWB7z1vegIVkvDyZRFA1glVMIKD1EemZTmz2GGP8kgSU22jE3X2rgMgcfjFXGIaaNJvlpVnb0hQ2QGVI4/s1600/Choi+Seol+Ri.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7p_2HiouEHCIrha_99YUA1tlKP8aWfPd6FRw6TNoh8ILsy3TtMVEA4cg3LqWB7z1vegIVkvDyZRFA1glVMIKD1EemZTmz2GGP8kgSU22jE3X2rgMgcfjFXGIaaNJvlpVnb0hQ2QGVI4/s320/Choi+Seol+Ri.jpg" /></a></div></td></tr></table>
Nanti Hasilnya Akan tampak seperti Gambar dibawah ini :
Gambar Choi Seol Ri 1
 |
Gambar Choi Seol Ri 2
|
Catatan:
- Letakkan kode Gambar 1 dan kode Gambar 2 yang anda miliki.
- Lalu Terbitkan Entri dan Lihat hasilnya.
Links
|
No comments:
Post a Comment