13 October 2015

Cara Menghilangkan Border pada Image di Blogspot

Cara Menghilangkan Border pada Image di Blogspot. Foto merupakan salah satu penunjang agar tampilan dan isi artikel di blog lebih menarik. Biasanya ada border yang mengelilingi tampilan foto di blogspot. Sebagian orang ada yang suka dengan tampilan ini, tapi ada sebagian lagi yang menganggapnya kurang menarik, termasuk aku hehehe. Jadi pengennya border ini dihilangkan saja. Nah aku punya cara menghilangkan border pada image di blogspot, dan cara ini mudah banget untuk diaplikasikan.

hilangkan border image di blogspot, hilangkan border image, borderless image



Pertama buka dulu dashboard blogspot, lalu klik Template. Pilih Customize, Advance, Add CSS, lalu copy paste kode di bawah ini.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
 padding: 0 !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;
}


Lalu tekan Enter dan Apply to Blog.

hilangkan border image di blogspot, hilangkan border image, borderless image


Sekarang tampilan image di blogspotmu akan berubah menjadi tanpa border. 

Happy Blogging ^_^



sumber: http://helplogger.blogspot.jp/2012/04/how-to-remove-blogger-pictureimage.html

Posted by
Labels: ,

59 comments :

Silahkan tinggalkan komentar dengan bahasa yang sopan, tidak mengandung SARA, dan tanpa link hidup
Jangan lupa follow IG @indahprimadona
Saran dan masukan ke hello.primadona@gmail.com
Terima kasih ^_^

  1. Mbul KecilOctober 13, 2015 at 9:27 AM

    Aaaaaaa pantes beberapa fotoku ada border putih2nya, makasi mb aku jd tw cara ngilanginnya

    ReplyDelete
  2. Pikiran Random - Inspirasi Hidup Dari FilmOctober 13, 2015 at 10:03 AM

    Saya copy dulu ya mbak.

    Abis ini paste di blogspot saya. :D
    makasih sharenya mbak. Salam kenal

    ReplyDelete
  3. handdriatiOctober 13, 2015 at 10:20 AM

    Sudaaahhh lama pakek hehehe...

    ReplyDelete
  4. Christanty Putri ArtyOctober 13, 2015 at 10:23 AM

    ternyata begitu simpel ya mbak...makasi tutorialnya ya :)

    ReplyDelete
  5. Titis AyuningsihOctober 13, 2015 at 10:30 AM

    Oooh gitu..nanti saya coba dulu hehe

    ReplyDelete
  6. IrlyOctober 13, 2015 at 12:48 PM

    Awww... saya kok jadi fokus ke rajutan imutnya.. lucu bangett *gagalfokus

    ReplyDelete
  7. Awen FalsOctober 13, 2015 at 1:13 PM

    Mudah juga nih, mbah indah memang semakin di depan :)
    terimakasih infonya mba, izin comot css nya :)

    ReplyDelete
  8. Ika PuspitaOctober 13, 2015 at 1:25 PM

    Yeaay...akhirnya ada juga yang ngasih tahu caranya...hehe *balada emak gaptek :p

    ReplyDelete
  9. echaimutenanOctober 13, 2015 at 2:13 PM

    Cobain ah...
    Mmaakasih makkk

    ReplyDelete
  10. Ety AbdoelOctober 13, 2015 at 2:29 PM

    Nice info... Kapan-kapan dicoba pada blogspotku

    ReplyDelete
  11. Ophi ZiadahOctober 13, 2015 at 2:36 PM

    asiik langsung dipraktekin.. and it works
    makasyiii ya sudah sharing

    ReplyDelete
  12. astin astantiOctober 13, 2015 at 2:41 PM

    iya ya..kadang juga suka lebih enak tanpa border..jadi kek nyatu ama latarnya y.

    ReplyDelete
  13. JuvmomOctober 13, 2015 at 3:29 PM

    Eh jadi keinget bikin template sendiri :D

    ReplyDelete
    Replies
    1. Indah PrimadonaOctober 21, 2015 at 11:14 AM

      enak dong mbak kalo bisa bikin template sendiri, bisa beda dari yang lain :)

      Delete
  14. Nan DjabarOctober 13, 2015 at 7:14 PM

    Sy sama kyk mb irly nih... suka sama rajutannya...hehehe..*salahfokus.... btw tfs mb...border mmg kdng2 mengganggu mata :)

    ReplyDelete
  15. sari widiartiOctober 13, 2015 at 8:19 PM

    kalau bordernya dikasi warna, caranya gmn? :)

    ReplyDelete
  16. RoosvansiaOctober 13, 2015 at 9:56 PM

    Terima kasih banyak ya mba Indah, ilmunya sangat bergunaaaaa...

    ReplyDelete
  17. Anjar SundariOctober 13, 2015 at 11:05 PM

    Sederhana ya mbak Dona...
    Tapi belum tentu saya bisa... :)
    Terima kasih infonya...

    ReplyDelete
  18. Maya SiswadiOctober 14, 2015 at 7:52 PM

    Foto2ku ada ordernya ga yaa? Ga pernah merhatiin hahaha

    ReplyDelete
  19. Ratu SikumbangOctober 16, 2015 at 7:14 AM

    Tapi saya kalau masang gambar diblog mbak, suka mood2an. Kadang pakai border, kadang nggak... HeHe

    ReplyDelete
  20. RatnasariOctober 16, 2015 at 3:07 PM

    bisa langsung praktek nih :)
    terimakasih

    ReplyDelete
  21. SarahOctober 17, 2015 at 3:22 PM

    Terimakasih mba Indah ilmunya sangat bermanfaat sekali :)

    ReplyDelete
  22. IbrahimOctober 17, 2015 at 4:52 PM

    ini utnuk template yang masih standar ya mbak, oya ndak niat untuk rubah template ya :D

    ReplyDelete
    Replies
    1. Indah PrimadonaOctober 22, 2015 at 8:49 AM

      iya mas, hehehe nanti dulu deh, ini yang sederhana aja masih suka bingung :D

      Delete
  23. Nathalia DPOctober 19, 2015 at 4:30 PM

    hooo... klo pny saya, bordernya cmn muncul di versi mobile aja...

    ReplyDelete
  24. Indah PrimadonaOctober 21, 2015 at 1:15 PM

    aku kan gak bisa HTML :D

    ReplyDelete
  25. Irwin AndriyantoOctober 28, 2015 at 11:49 AM

    ini tergantung selera sih,, kalo saya suka sama yang pake border :D

    ReplyDelete
  26. riyanOctober 31, 2015 at 8:07 AM

    kode css nya kompatibel dgn semua template?

    ReplyDelete
  27. dWiDecember 17, 2015 at 8:24 PM

    tfs mbak.....pas banget ini kalo bentuk file image'nya PNG ^^
    it works! :)

    ReplyDelete
  28. Endah AprilDecember 23, 2015 at 2:22 PM

    wah bermanfaat sekali tipsnya mak, begitu baca langsung deh diterapin ke blog ^^

    ReplyDelete
  29. UmmaJanuary 25, 2016 at 10:45 AM

    Lebih bagus bordernya dihapus emang -_-"
    makasih bu :DD

    ReplyDelete
  30. Triani Retno AOctober 29, 2016 at 4:14 AM

    Hehehe...aku malah termasuk yang suka pake border :D foto yang bukan buat di blog pun kadang ku-borderin :D

    ReplyDelete
Subscribe to: Post Comments ( Atom )