Posted by : Stiker Jalingkut


Apa kabar sobat sobat hari2 hujan terus sob di tempat kami
dari pada gak bisa keluar ngopi mending bikin Postingan
sederhana dengan menggunakan Css Tutorial ini sedikit lumayan hehe
Kita langsung sajah pada topiknya sob  

Cara Resize Semua Gambar Secara Otomatis di Blogger

Dari waktu ke waktu orang mengirimkan email yang meminta pertanyaan yang sangat umum, tidak ada cara untuk mengubah ukuran semua gambar dari blog blogger mereka? Kadang-kadang gambar aliran berkekuatan besar dari konten ini tidak hanya mengecewakan pembaca Anda, tetapi juga mempengaruhi reputasi online Anda. Blogger menyediakan pilihan dasar untuk mengubah ukuran gambar, tapi ini bukan pendekatan praktis dan tidak sesuai dengan desain blog dengan baik. Untungnya, CSS langsung men-tweak memungkinkan untuk secara otomatis mengubah setiap gambar di situs Anda. Pada artikel ini, kami akan menunjukkan Cara Resize Semua Gambar di Blogger?

Mengubah ukuran gambar satu-per-satu secara manual dapat diterima, tapi apa yang akan Anda lakukan, jika situs Anda memiliki ribuan foto dan screenshot. Apakah Anda masih mengeditnya secara manual? Bahkan jika Anda memutuskan untuk melakukannya akan mengambil bulan atau bahkan lebih dari itu. Oleh karena itu, adalah penting untuk mengubah ukuran secara manual melalui langsung CSS coding. Melalui pendekatan ini, Anda juga dapat mengembalikan ukuran gambar kembali ke ukuran aslinya.

Hal pertama yang perlu Anda lakukan adalah pergi ke Blogger >> situs Anda >> Template >> Edit HTML. Sekarang dalam baru Blogger HTML Editor mencari]]> </ b: skin> tag dan di atasnya paste CSS coding berikut. (Quick Tip: Jika Anda tidak dapat menemukan tag kulit, maka pertama klik di mana saja pada Editor HTML dan Tekan CTRL + F untuk mengoperasikan dibangun pada pilihan pencarian terhubung ke Editor HTML).


Silakan Ambil Kodenya bos 


Sekarang mengubah nilai-nilai Lebar dan tinggi, sesuai dengan kebutuhan Anda. Anda bahkan dapat menambahkan perbatasan untuk gambar Anda melalui (border: 1px solid # d2d2d2) perintah CSS perbatasan sederhana. Setelah menyesuaikan, tekan tombol "Simpan Template" tombol dan itu semua.

Kami berharap teknik ini akan membantu Anda dalam mengubah ukuran gambar lama Anda. Jika kita telah melewatkan sesuatu atau Anda tahu cara yang lebih sederhana untuk mengatasi masalah ini maka, bagian komentar di bawah ini adalah milikmu hahahahahahah...........?



{ 39 comentários... read them below or Comment }

  1. makin mudah aja ni menggunakan blog setelah baca artikel ini
    terima kasih mas infonya

    BalasHapus
    Balasan
    1. sma2 sobat trmksih juga dah mampir kesini sobat

      Hapus
  2. betul tu BL, kalau gambar besar akan memberatkan londing blog, atau BL mahu bawa lagi blog mbak kalau berat hehehhee..

    asik mandi hujan...

    BalasHapus
  3. Mantap gan. Tapi kalo bisa memperkecil gambar besar. Misal gambar yang besar jadi 500px. Apa gambar yang kecil juga jadi 500px ?

    BalasHapus
    Balasan
    1. iya bos kalu di buat besar jadi di setiap img jadi besr kususnya di postingan. bisa,s sebenarnya tapi harus merubah dikit ko

      Hapus
  4. menurutku ituh yg lebih penting hanya width nya saja...

    BalasHapus
    Balasan
    1. aduh si bos bisa sajah,ni emang yang di perlukan width nya ko hahah

      Hapus
  5. wah ternyata sangat gampang nih mas, makasih ngopi dulu...

    BalasHapus
  6. makasih banyaak mas , bnyak dapet pelajaran coding nih dsni ane mas

    BalasHapus
    Balasan
    1. sma2 sob aq pun trmksih banyak yang aq dpt info dri sobat

      Hapus
    2. saya juga sangat berterimakasih.karena mas bos, stock kopi aman surahman xixi

      Hapus
    3. surahman apa surahmin bos hahaha.

      Hapus
  7. Hehe langsung kena tag img nya.. Tapi kalo gini semua gambar gede ato kecil akan diresize ke ukuran yg sama.
    Kalo aku biasanya manual, pilih sizenya pas setelah upload gambarnya.

    BalasHapus
    Balasan
    1. eamng,s sob manual juga bisa tapikan gak bisa sesuka kami kalu pas umpload gambar besar bisa tapi yang sudah lama ituloh heheh

      Hapus
  8. wah tips sederhana namun sangat bermanfaat kang,terima kasih infonya ya kang.

    BalasHapus
    Balasan
    1. trmksih kang kunjungannya dan kopinya semoga bermanfaat buat sobat semuah

      Hapus
  9. munteppp buanget nih.. hehehehe,,,, tahnks gan....

    BalasHapus
  10. coba akan saya praktekan, biar lebih jelas hasilnya.

    BalasHapus
    Balasan
    1. ssilakan kang di praktekan biar tau hasilnya mlm kang

      Hapus
  11. Boleh2 tar bisa coba di pasang di blog saya .nuhun Bos!

    BalasHapus
  12. Wew .. keren kang ... ngopi dulu yuk kang .. :D

    BalasHapus
  13. Selama ini, ªķku̶̲̥̅̊ secara manual resizenya, small, medium, large. Nah ketemu artikel ini tatkala [m̲̅][a̲̅][u̲̅] ngopi, jadi mudah kayaknya. Karena resize otomatis. Terima kasih sharenya.

    BalasHapus
    Balasan
    1. sma2 akang iya sob jdi gk usah bingung2 cari kopi wkwkwkwk

      Hapus
  14. wah iya nih sobat.. apa lagi saya ngeblog via hp, waduh.. gambarnya sudah nggak saya pikirkan lagi nih.

    oke saya save dulu tips cemerlangnya.. makasih ya sobat..?

    BalasHapus
    Balasan
    1. slakan sob d smpat d tmpt yng lbh aman biar gk d ambil tikus hehehe.

      Hapus
  15. met malem mas, saya hadir kembali ... hehehe

    wah mksih ilmunya, simpel bnget >.<

    BalasHapus
  16. wah enak nih, ndak pakai edit lewat sotosop. ijin praktek mas

    BalasHapus
  17. izin praktek ahh..

    makasih CSS nya

    BalasHapus
  18. absen pagi bang..... salam sukses terus ya...
    triks simple tinggal ganti ukuran nya

    BalasHapus
  19. selama ini saya sering manual saja kang, semanual cara ngaduk kopinya hehe...
    bisa dicomot ini , terima kasih

    BalasHapus
  20. Akhirnya nemu juga disini kang.. thanks banget ya..

    BalasHapus
  21. ternyata ada cara yang lebih simple untuk meresize ukuran image,terima kasih mas tutornya sangat membantu ( di bungkus dulu ya) :)

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -