-->
IBX5824722692B28

Cara membuat gambar di Blog membesar ketika disentuh kursor

Cara membuat gambar di Blog membesar ketika disentuh kursor - Pada tutorial artikel kali ini akan membahas tentang gambar yang ada dalam blog,sebagaimana kita ketahui bahwa gambar adalah bagian yang menjadi pelengkap dalam sebuah artikel, dimana gambar dalam artikel tersebut memiliki fungsi sebagai bagian yang memperjelas tentang maksud dari sebuah artikel dan informasi yang ingin disampaikan kepada pembaca. Pada sebagian artikel gambar yang terlihat kecil dan sulit untuk membaca tulisan yang ada pada gambar, hal ini membuat pengunjung blog sobat memilih untuk keluar dari artikel anda. Untuk mengatasi hal tersebut kita bisa membuat Gambar  yang ada di Blog kita membesar ketika disentuh Kursor.Contoh DEMO-nya diblog ini.

Cara membuat gambar di Blog membesar ketika disentuh kursor
Cara membuat gambar di Blog membesar ketika disentuh kursor
Berikut cara membuat gambar di Blog membesar ketika disentuh kursor :

1. Masuk ke Dashboard Blogger > Klik Template > Klik Edit HTML
2. Gunakan Ctrl+F  untuk menemukan kode ]]></b:skin> atau </style>
3. Setelah ketemu, Copy dan Paste script berikut diatas kode ]]></b:skin> atau </style>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s; }

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 0px 0px;
-moz-border-radius: 0px / 0px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
 Cat : Ubah ukuran Maksimal Perbesaran Gambar 560px;

5. Simpan Template dan Lihat Hasilnya

Setelah anda menerapkan langkah-langkah diatas anda bisa cek menuju gambar dan arahkan kursor maka gambar pada artikel anda akan membesar sperseikian persen. Membuat gambar membesar pada artikel diyakini mampu meningkatkan CTR dan SEO di Blog maka tidak ada salahnya menerapkan cara ini karena sangat terasa manfaatnya bagi pembaca .

Demikian Cara membuat gambar di Blog membesar ketika disentuh kursor, Semoga berhasil dan bermanfaat buat sobat Blogger sekalian.

Judul: Cara membuat gambar di Blog membesar ketika disentuh kursor; Ditulis oleh Unknown; Rating Blog: 5 dari 5

0 Response to "Cara membuat gambar di Blog membesar ketika disentuh kursor"

Post a Comment