Biasanya ada dua cara untuk buat macam ni. Jadi saya cuma nak ajar cara coding, sebab cara satu lagi tak sesuai dengan blog saya,lagipun banyak blogger yang dah buat tutorial tu. So try yang ni pulak yerr..pasti tak menyesal punya lah!
Cara nak buat ni adalah :
Cara Coding.
1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Cari code di bawah, nak mudah pencarian tekan Ctrl F dan paste code tersebut dalam kotak find..dan tekan enter!
2. Cari code di bawah, nak mudah pencarian tekan Ctrl F dan paste code tersebut dalam kotak find..dan tekan enter!
<data:post.body/>
3. Lepas tu, awak copy code di bawah dan paste di sebelah kiri/sebelum code yang dicari tadi. Ada banyak kod yang serupa? ok,relaks..biasanya setiap blog ada empat kod <data:post.body/>,awak pilih kod yang kedua ye.
<div align='center'><a href='' target='_blank'><img src='URL IMAGE' style='border: 0 !important; background: transparent;'/></a></div>
4. Preview, kalau tak ada error sila SAVE.
# masa preview dia tak ada apa-apa perubahan sebab dia cuma ada dalam kotak posting ( update baru keluar gambar ). Just nak pastikan dia comfortable dengan template sahaja.
# Ganti URL IMAGE ok? ( Gambar di bawah )
# masa preview dia tak ada apa-apa perubahan sebab dia cuma ada dalam kotak posting ( update baru keluar gambar ). Just nak pastikan dia comfortable dengan template sahaja.
# Ganti URL IMAGE ok? ( Gambar di bawah )
.......................................................................................
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0kwnVVKBrFzktCPN9P4i8uME7BJiSUg6kYb7OXfMft_LhQi9WAEL9FoJCfNRgXREr3zV4KHqLSKdrSxlJ00Xy5MvnszlBQ7k4rRO2KM9Jd0uEK_QgP2ZKHIym-WXh4-aQv2D6MgiSsQbp/s1600/Assalam+ciknurfarah.gif
http://i1103.photobucket.com/albums/g476/nuruljannah91/bismillah_zpsbfdfb16e.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjneoE0C0U6mGRRqrCdGiK4t0qaThNtB_nhZYEwoRSLbg6qhpizsTAmcI_JrMyWK66XiB03a14tTpXD7XHyv06jvQ4O0QBlZ49XH7NnGX19kdY6z6hd0cDKRAOmXhLQxhJJ7FFpMMqYbvk/s1600/ciknurfarah1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUCgtRIXAKksUMAcyFxd_q27QozZLG2qkICpyzptDourlihBHEJbb7O2c1gm4S0BUSDZhj3yBPR5PkY5CbW3dt63UjUab-70ElQ7BHel4TTDYIgDKTYOEvNj70x494zLj3ZV_j2eTGXpk/s1600/ciknurfarah2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-AorOAl88DdhAEwKhDDQW6chm3ubgfMEghAU9VnGGbdnqWvHFbg5ZUoGNryVA69SI8b6agKvwH_cpw8enCJIORpN3e7yA6uteLzhJ2HmKQ-xqf-EjfNqtHKAajBOevzhZ5fLDsgo53M/s1600/ciknurfarah4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_qddFvTTCzDfrIcxRhNV-XUrFASWe-k7gTg83SokiDYAOpwQBJP-7N3OeoH5QOpukiwTjIJ5fX5msCzUL2tjrzkfXidNg2r7isZ5aj6_HX-MHa3q4GLi3DW323x-y-qraYvp2gigHHw/s1600/ciknurfarah5.png
.........................................................................................
Masalah? Problem ? Cara nak centerkan?
Jom atasi benda ini, maybe blogger yang dah pandai buat tutorial it so easy. So macam mana yang blogger baru?
Jom atasi benda ini, maybe blogger yang dah pandai buat tutorial it so easy. So macam mana yang blogger baru?
Ok, senang ja. ikut cara ni.
Masukkan <center> dan </center> di hujung code tadi. Contohnya macam ni :
<center><div align='center'><a href='' target='_blank'><img src='URL IMAGE' style='border: 0 !important; background: transparent;'/></a></div></center>
Kemudian preview, dan save.
Selamat mencuba ^_^
Kredit to : KLIK
Tiada ulasan:
Catat Ulasan