Bagi bloger pemula yang dihadapkan masalah tampilan gambar posting ada bayangan foto sekarang tidak usah khawatir lagi dengan masalah itu. Karena sejak hari ini blogger akan dapat menyiasatinya dengan trik yang diperkenalkan ini. Awalnya saya mendapatkan trik ini pada waktu awal mengenal dan mengelola media online internet blog gambar yang tampil pada halaman posting berbayang. Setelah saya utak atik kode templatenya akhirnya ketemu juga dini hari ini.
Sebelum masuk pada detail langkah menghilangkan bayangan foto/gambar dalam postingan blog ada hal yang perlu diperhatikan dan pahami agar tidak menimbulkan kecurigaan negatif atas artikel ini. Foto atau gambar berbayang dalam postingan tidak mutlak ada pada setiap template blog.
Hal itu terjadi karena memang template blog tidak dirancang oleh satu perusahaan, agen tertentu saja akan tetapi oleh ribuan designer.
Okey sekarang kita menuju pada langkah-langkah untuk menghilangkan bayang Foto atau gambar dalam postingan. Langkah tersebut dapat diempuh sebagai berikut:
1.Sign in di blog
2. Klick Template
3. Klick Edit HTML
4. Klick Lanjutkan
5. Cari kode .post-body img {. Untuk pencarian otomatis gunakan Ctrl F. Letak kodenya akan terlihat seperti di bawah ini
Sebelum masuk pada detail langkah menghilangkan bayangan foto/gambar dalam postingan blog ada hal yang perlu diperhatikan dan pahami agar tidak menimbulkan kecurigaan negatif atas artikel ini. Foto atau gambar berbayang dalam postingan tidak mutlak ada pada setiap template blog.
Hal itu terjadi karena memang template blog tidak dirancang oleh satu perusahaan, agen tertentu saja akan tetapi oleh ribuan designer.
Okey sekarang kita menuju pada langkah-langkah untuk menghilangkan bayang Foto atau gambar dalam postingan. Langkah tersebut dapat diempuh sebagai berikut:
1.Sign in di blog
2. Klick Template
3. Klick Edit HTML
4. Klick Lanjutkan
5. Cari kode .post-body img {. Untuk pencarian otomatis gunakan Ctrl F. Letak kodenya akan terlihat seperti di bawah ini
.post-body img {
padding: 8px;
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(image.border.radius);
-webkit-border-radius: $(image.border.radius);
border-radius: $(image.border.radius);
}
Keterangan:
Ganti angka 2 dengan angka 0 (nol)
6. Klick simpan template setelah mengganti angka yang disarankan di atas. Langkah ini untuk menyimpan perubahan
Selamat mencoba dan mendapatkan hasil terbaik.
Ganti angka 2 dengan angka 0 (nol)
6. Klick simpan template setelah mengganti angka yang disarankan di atas. Langkah ini untuk menyimpan perubahan
Selamat mencoba dan mendapatkan hasil terbaik.
Artikel lainnya
Cara Membuat Site Map ke Google, MSN dan Yahoo Untuk Blog
Cara Mendapatkan Headline Animator Blog Pada Google FeedBurner
Cara Menampilkan Kotak atau Box Peta Lokasi Pada Halaman Posting Blog
Cara Cepat Edit Artikel Posting Blog
Cara Menghilangkan Tombol Berbagi Pada Footer Posting Blog
Cara Menghilangkan Tanggal Judul Posting Blog
Cara Merubah Teks Email Address Widget Follow By Email
