Cara Mudah Memperbesar Gambar Pada Artikel, melihat dari judulnya sebenarnya artikel ini berisikan cara memperbesar gambar pada artikel di blog kita. Cara yang digunakanpun simpel dan sederhana sehingga bisa kita terapkan kapan saja. Tentunya akan sangat berguna bagi anda yang mengedepankan detil pada gambar.
Ada banyak sekali cara memperbesar gambar, salah satunya adalah menggunakan code CSS yang di tanam pada template. Hasilnya pun setiap gambar yang ada pada blog kita akan zoom sendiri bila diarahkan kursor di atasnya, tanpa harus masuk ke halaman baru agar gambarnya jadi besar. Lebih simple kan?
Terus bagaimana caranya? Mudah atau sulit? Nah dari pada bingung-bingung gak jelas, sebaiknya anda langsung saja terapkan langkah-langkah tutorial berikut ini.
1. Pertama-tama anda harus Login terlebih dahulu ke blog anda.
 |
| Picture by Google |
2. Masuk ke dashboard dan pilih template.
3. Selanjutnya anda klik Edit HTML.
4. Menggunakan ctrl + F atau bisa juga dengan F3 anda cari kode ]]></b:skin>, sebenarnya ini cara lama. Berhubung blogger sudah menggunakan format baru, langsung saja anda cari </b:skin>.
5. Dengan langkah no. 4 nanti anda akan menemukan <b:skin>...</b:skin> nah anda klik saja ... nanti akan banyak muncul kode tersembunyi.
6. Yang harus anda laku kan adalah temukan kembali kode </b:skin>dan tempel kode berikut ini tepat di atas </b:skin>.
.post img:hover {
-O-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-O-transform: scale(1.3);
-webkit-transform: scale(1.3); }
7. Selanjutnya klik save template.
8. Terakhir lihat hasilnya pada salah satu artikel anda yang memiliki gambar.
Sekian postingana ne kali ini, semoga bermanfaat dan semakin indah blog nya ^^
0 komentar:
Posting Komentar