Tutorial Upload Gambar di Dalam Postingan

Untuk 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

Tutorial Membuat Huruf Capital di Blogspot

B

logger membuat tulisan besar bergaya koran seperti ini, memang tidak berpengaruh terhadap traffick blog anda, tetapi yang namanya blogger itu suka yang aneh aneh dan unik unik kalau memang tulisan ini termasuk unik. untuk membuat gaya seperti ini tidak repot seperti membuat script warna  tapi cukup simple dan tidak bertele tele. silahkan ikuti langkah langkah dibawah ini:

1. Login dengan blogger eccount anda
2. Pilih setting, kemudian klik Edit HTML.demi keamanan template silahkan download, atau kalau sudah yakin ya langsung aja. Tapi saya tetap sarankan di download dulu, kali aja nanti ditengah edit terus lampu mati. yups selanjutnya

copas kode berikut ini
/* Huruf Capita ala Koran
-------------------------- */

.capital {

float:left;

color: #000000;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}

float: letaknya
color: warnanya, untuk mencari warna silahkan klik di sini
line-height: Jarak baris
padding-top: Jarak dengan judul
padding-right: Jarak dengan teks disekelilingnya
font-family: Jenis huruf yang akan di pakai
font-size: Ukuran besar kecilnya huruf
}

cari kode ]]></b:skin> 
untuk mencarinya biar mudah pakai ctrl+f kudian tulis ]]></b:skin>  di jendelanya langsung akan mengarah ke yang di maksud. Kemudian copy paste kode di atas di atas kode]]></b:skin> 
Jadi kira kira nanti akan terlihat seperti ini

.capital {

float:left;

color: #000000;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}

]]></b:skin> 

kemudian SIMPAN

cara pemakaian kode tersebut adalah sebagai berikut:, anak anak perhatikan ya... he he he

<span class="capital"> T </span> iara blog tutorial ingin memberikan sedikit hasil yang pernah di baca dan dipraktekkan dan ternyata benar adanya maka hasilnya adalah sebagai berikut

T

iara blog tutorial ingin memberikan sedikit hasil yang pernah di baca dan dipraktekkan dan ternyata benar adanya maka hasilnya adalah sebagai berikut, tapi blog ini tidak menggunakan size-font: 100px