Secara default, seluruh foto yang ditampilkan pada blog mempunyai garis tepi disetiap sisinya, atau sanggup disebut juga dengan border (batas) yang memisahkan antara foto dan goresan pena artikel yang ada di halaman blog, fungsinya hanya sebagai garis penanda batas pada setiap sisi foto yang ditampilkan di halaman artikel blog. Dengan adanya garis pembatas ini sering menjadi problem bagi sebagian blogger yang ingin menampilkan fotonya apa adanya, sesuai hasil foto yang beliau edit. Misalnya, kalau foto tersebut berformat .PNG atau mempunyai background transparan, tentunya dengan adanya garis border atau pembatas foto pastinya akan sangat mengganggu nilai estetika dari foto tersebut. Saya sendiri mengalami hal yang demikian, beberapa foto aku edit sedemikian rupa supaya foto yang aku tampilkan di blog nantinya terlihat indah di mata pengunjung blog saya. Biasanya aku bikin transparan namun kalau aku sedang males ngedit, fotonya hanya aku buat dengan background berwarna putih, maksudnya supaya saat aku tampilkan di dalam artikel blog sanggup menyamai warna background dari template blog aku yang berwarna putih juga, namun lantaran adanya border atau garis pembatas menciptakan foto jadi agak absurd dan gak yummy dilihat.
Pada gambar di bawah ini aku akan memperlihatkan kepada sobat, perbedaan antara gambar yang menggunakan garis border, dan mana gambar yang tidak menggunakan garis border. Namun, mata teman harus jeli melihat perbedaanya, lantaran gambar yang menggunakan border kurang begitu terang terlihat. Perhatikan dengan seksama ya sob, klik saja gambarnya untuk memperbesar tampilan fotonya:
Gambar diatas merupakan screenshot penampakan foto artikel saya, pada gambar yang sebelah kanan ialah screenshot saat sebelum garis border dihilangkan, pada screenshot sebelah kiri border nya sudah aku hilangkan, bagaimana berdasarkan sobat? Terlihatkah perbedaanya? Jika terlihat, kira-kira lebih manis yang mana? Memakai border atau tidak? Kalau aku sih jelas, mending gak make border. Jika teman sependapat dengan saya, aku akan memperlihatkan tips perihal bagaimana cara menghilangkan garis border foto tersebut dengan satu langkah yang sederhana, teman tinggal memasukkan isyarat CSS pada HTML template sobat. Masuk ke Editor Template blogger > Pilih Edit HTML > ketikan CTRL+F untuk mencari kode
]]></b:skin> Jika kodenya sudah ketemu, copy isyarat dibawah ini dan paste kan isyarat CSS tersebut sempurna diatas kode
]]></b:skin> tadi..post-body img, .post-body .tr-caption-container, .Profile img, .Image img,.BlogList .item-thumbnail img { padding: none !important; border: none !important; background: none !important; -moz-box-shadow: 0px 0px 0px transparent !important; -webkit-box-shadow: 0px 0px 0px transparent !important; box-shadow: 0px 0px 0px transparent !important;}Sekarang, coba teman save template nya, dan cek apakah border foto nya sudah menghilang atau belum, kalau belum, berarti ada isyarat yang perlu dihapus terlebih dahulu dari template teman hal ini terjadi lantaran tidak semua template mempunyai pengkodean yang sama. Coba cari isyarat dibawah ini dan hapus dari HTML template sobat:
border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);Jangan lupa save kembali templatenya sesudah isyarat diatas dihapus. Seharusnya sih kini border fotonya sudah gak nampak lagi, namun kalau ternyata masih belum sanggup juga, teman sanggup tanyakan masalahnya pada kolom komentar di bawah artikel ini, aku akan coba membantu dengan bahagia hati. Mungkin hanya ini saja, semoga sanggup diterapkan juga pada template sobat. Terima kasih sudah berkunjung, jangan lupa subscribe blog aku yah. Sampai jumpa di artikel lainnya.
