March 12, 2011

Tutorial Upload Gambar di Dalam Postingan

tiara goes to schoolUntuk mempercantik blog, biasanya seorang blogger membubuhkan gambar yang menarik di sudut atas, sehingga para mengunjung betah berlama lama dengan blog yang kita punya. Lamanya halaman terbuka juga menurut ahli blogger berpengaruh terhadap indeks blog di search engine goole. Karena itu blogger juga perlu koleksi gambar bagus untuk dipersembahkan kepada pengunjung, selain mempercantik dengan cara lain misalnya memasang jam di blog atau posting dengan gaya huruf capital di setiap postingan.

Kali ini Tsalma tutorialblog akan membagikan informasi tentang cara memanipulasi gambar sehingga gambar tersebut mempunyai link dan mempunyai tuah tersendiri bagi blog kita.

Sebelum upload gambar perkecil ukuran gambar dengan photoshop atau dengan picture manager agar tidak membebani loading blog. Kalau loading berat yang nunggu keburu kabur. Setelah itu posting artikel anda lihat saja panduan posting terlebih dahulu, kemudian di sana tersedian tool untuk mengunggah gambar, nanti kalau sudah di unggah maka akan ada dua hal yang perlu diperhatikan. Antara Edit HTML sama Compose, kalau kompose berupa gambar sedangkan kalau HTML akan berupa kode berikut sesuai dengan gambar

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" /></a>

Kode yag di blocked itu adalah kode gambar, jika ingin memberikan nama supaya, kursor yang menyentuh ada title/tulisannya maka tambahkan kode
.....alt=tulis keterangannya di sini ” (ingat dengan membubuhkan titik atas dua seperti (“) kurungnya jangan disertakan ya. Misalnya kalau dalam blog ini gambar tersebut saya beri nama tiara goes to school maka kode tersebut akan berubah menjadi:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" alt="tiara goes to school"/></a>


sedangkan untuk memberikan link pada gambar, seperti pada blog ini, ya besok akan kita posting lagi. Sekarang udah ngantuk he he he

No comments:

Post a Comment