Cara Membuat Gallery Foto Cantik Dengan CSS
Assalamualaikum warahmatullahi wabarakatuh.
Salam ceria selalu buat sahabat blogging yang tercinta. Semoga pada pertemuan ini Anda baik dan sehat selalu amin.. Untuk terus menghiasi hari hari yang menyenangkan. Pada hari ini saya akan sedikit berbagi yang saya ketahui salah satunya seperti apa yang saya tulis pada post ini, Mengenai Tips dan trik cara "Cara Membuat Gallery Foto Cantik Dengan CSS" Sebetulnya tanpa rekayasa dengan Kode CSS yang saya akan bagikan nanti. Mengunggah gambar/foto pada blog tetap bisa tampil dan muncul, Namun dengan standar yang tersaji oleh Blogger hanya tampilan standar pada umumnya. Setelah kemarin saya publikasikan tentang : Waspadalah Dengan Popok Bayi Rekondisi. Maka kesempatan yang baik ini saya akan berbagi cara membuat tampilan gambar atau gallery foto diblog akan semakin menarik dan cantik tentu kesanya agar enak dan nyaman untuk di lihat oleh semua pengunjung blog anda, Agar kesanya bisa memikat visitor yang sengaja datang ke blog Anda, Ataupun yang tidak sengaja mengunjungi blog anda. Gimana Sob penasaran..? Mari silahkan membaca artikelnya lebih lanjut dibawah ini.
Baca Juga Artikel Lainya : Selurunya Label Effects Blogger
Gallery Foto yang Cantik :
Bagi anda yang suka dengan berbagai koleksi gambar atau foto, atau juga background dan wallpaper lainya yang anda koleksi. Namun anda ingin di simpan disuatu situs atau blog agar moment atau gambar kesenanganya bisa tersimpan dengan aman dan rapi tidak ada salahnya penyimpananya dihiasi dengan tampilan yang menarik agar tidak bosan mata memandangnya. Disini saya akan memberikan tutorial cara membuat gallery foto sekaligus sedikit foto moment crew saya saat mentas pada salah satu tempat. Itu sebagai figuran saja sebagai pelengkap contoh pada tutorial ini. Jika gambar foto nya kurang cakep maklum ya,, itu semata hanya figuran saja.
Membuat Gambar-Foto lebih Menarik :
Ada beberapa cara agar gambar postingan atau kumpulan foto diblog menjadi lebih menarik. Contohnya seperti yang saya posting ini. Dengan serangkaian kode CSS Sebagai penghias agar gamabar foto tersebuat terkesan punya nilai lebih. Seperti pada web situs besar penyedia Gallery foto itu nanti jika trik ini bisa anda pasang. Karena saya terinfirasi dengan tampilan foto foto di situs tersebut maka saya ingin mencobanya di pajang pada blog saya. Dan dari pengalaman itu saya dapatkan maka pada hari ini saya ingin berbagi apa yang pernah saya ingin dan saya dapatkan.
Cara memasang Gallery foto dengan CSS :
Seperti biasa masuk Dashboard blog anda jangan lupa sign in : Setelah dashboard terbuka silahkan buka template selanjutnya pilih edite template. Selanjutnya Anda cari kode : ]]></b:skin> atau kode : </style> Tekan pada keyboard pc/laptop anda Ctr + F untuk memudahkan pencarian kodenya. Setelah ketemu kodenya, Selanjutnya copy kode dibawah ini dan pastekan tepat diatas kode : ]]></b:skin> atau kode : </style> Dibawah ini kode CSS nya :
.ribbon-gallery { position: relative; color: #fff; display: inline-block; padding: 7px; overflow: hidden; font: bold 16px Arial; text-shadow:0 0 3px #f2f2f2 inset; width:260px; }
.ribbon-gallery img { width:250px; height:300px; border:5px solid #ffff00; }
.ribbon-gallery img:hover { border:5px solid #52e052; }
.ribbon-gallery p { display: inline; }
.ribbon-gallery p span { position: absolute; display: inline-block; right: -40px; top: 20px; text-align: center; text-transform: uppercase; background: #CC0000; border: 2px solid #ffff00; outline: 5px solid #CC0000; width: 150px; padding: 5px 10px; transform: rotate(45deg); }
.ribbon-gallery p:before { content: ""; width: 0; height: 0; position: absolute; top: -7px; right: 108px; z-index: 1; border: 7px solid; border-color: transparent transparent #CC0000 transparent; }
.ribbon-gallery p:after { content: ""; width: 0; height: 0; position: absolute;
Sampai pada tahap ini save/simpan dulu template blog anda, dan lanjutkan tahap berikutnya.
Cara memasang URL Foto pada halaman postingan :
Setelah kode CSS diatas sudah tersimpan pada template anda. Maka agar gambar atau Foto anda bisa membentuk sebuah Gallery foto yang cantik dan menarik. Silahkan Masukan kode HTML dibawah ini pada area postingan, berikut dengan URL foto yang hendak anda pajang pada gallery tersebut. Pada kolom postingan pilih HTML jangan di kolom Compose, Dan saat Anda mempublikasikan artikelnya juga harus ada pada Kolom HTML. Di bawah ini kode Html nya :
<div class="ribbon-gallery">
<a href="http://karristaent.blogspot.com/"><img alt="NAMA FOTO1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyAAMVrjvoxQfzlXWR86cEGnp7bs28053tdD2Wy6IofXEjqld_nkPz2Gag4LLguQ8t4dDjSThQp9MZC2_qvQfmqjVDNyytPJDY2uJnquhkbGZDEb2rnBfmk0DOHPEHo_dMRlVu7AqMuI/s1600/Gadizz+Melodyz+Mega+pwdTATI+KARRYSTA.jpg" /></a><p>
<span>NAMA FOTO1</span></p>
</div>
<div class="ribbon-gallery">
<a href="http://karristaent.blogspot.com/"><img alt="NAMA FOTO2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcz7yqyD7-hTVLjG_t1cDm2FEkiqXkeAX_-7OO37fZgxEuaQH9VHvVRdmzxtu4sM1f0iem55XTz56nxrRZl1jiiTy6tF7G5f74qhMa5bLoWVxVfykZQXdHLUEURMIHZTHrmWVFIgpfSBM/s1600/A.WINDA+S.JPG" /></a><p>
<span>NAMA FOTO2</span></p>
</div>
<div class="ribbon-gallery">
<a href="http://karristaent.blogspot.com/"><img alt="NAMA FOTO3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CWZQyFiB2ra6cx9LtmSKe-4pDGesiJc_rOAlRsSzOBqX60KS_jkJqUkjX3OKrgveIWe-eEMtG1Ylphbmd8tGc_oc3M5pxceCj9bYnnV-28TP9-1Z0u3dUotPb45XSeXyNRE3vIw3kWN_/s1600/NADA+KARRYSTA.jpg" /></a><p>
<span>NAMA FOTO3</span></p>
</div>
<div class="ribbon-gallery">
<a href="http://karristaent.blogspot.com/"><img alt="NAMA FOTO4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvss3wiEsHiqv466HcanQdTZ0azI1kzcIwcSY6WJp72tjfVoGdGgLf94Qko3v_gFDKtTULdugZ1a4oVzqBlUhy5elrlhC4CJQ1kd-hO0GvBYEVfwtMXxXaFyCBhLdVRe0w3W1ZaUFgeRU/s1600/Ade+Tati-The+Shoreline-10R-+print.jpg" /></a><p>
<span>NAMA FOTO4</span></p>
</div>
Keterangan :
01. Yang perlu anda edit dan diganti agar sesuai dengan blog juga foto yang anda posting, Maka Ganti yang berwarna MERAH Dengan Url blog anda dan URL Foto yang akan di pasang pada galerry. 02. Ganti tulisan yang berwarna BIRU dengan Nama Foto/Gambar yang akan anda pajang. 03. Contoh Kode HTML diatas hanya berjumblah 4.foto saja. Jika anda ingin menambahkan foto lebih banyak lagi pada Gallery foto anda. Copy paste Kode yang berwarna ORANGE pastekan dibawah kode </div> yang terakhir. Jangan lupa kasih nama pada masing masing foto yang terpasang agar captionya bisa menampilkan selendang pading yang menyamping di sudut kanan atas pada setiap tampilan foto pada Gallery anda. Setelah semuanya diterapkan sesuai petunjuk. Yang Terakhir publikasikan artikel anda. Dan ingat saat mempublikasikan posisinya harus ada pada area posting di kolom HTML jangan di Kolom Compose.
Buka halaman ini untuk melihat : DEMO GALLERY 1
Atau halaman ini untuk melihat : DEMO GALLERY 2
Haturan :
Demikianlah kiranya yang bisa saya hadirkan buat anda semua. jika ada kesulitan silahkan diskusikan lewat form komentar dibawah ini. Mohon maaf jika ada kesalahan pada semua isi tulisan pada artikel ini. Jika anda bersedia melengkapi post yang saya bagikan ini. silahkan taburi dengan teks komentar. Semoga bisa di pahami, Selamat mencoba semoga berhasil "Cara Membuat Gallery Foto Cantik Dengan CSS" ini. Salam santun yang saya haturkan Salam Ceria yang saya bawa. Semoga sukses dan keberhasilan selalu bisa anda raih.. Happy Blogging...
136 komentar
hanya dengan penambahan CSS ribbon saja ya mas, biasnya disana bertuliskan NEW.
Takut blog nya berat mas..
Petromax buat ronda nanti malam di ambil sama mbak Devy, hadehh hadeehhh :SK
Memang sangat mengagumkan ya mas berkreasi dengan CSS Corner Ribbon, apalagi jika dipadukan dengan gallery foto seperti yang Mas Saud buat, pasti akan tambah menarik lagi ya Mas hasilnya.
sebagai tambahan disana harus kita sisipkan kode pendukung vendor all peramban browser agar efek ribbon dapat bekerja.
sebagai contoh, jika gambar ini dibuka pada windows XP dengan mozilla, maka efek ribbon akan tampil mendatar, tidak ada efek.
tambahkan css seperti ini:
-moz-transform:rotate(45deg);//untuk mozilla
-webkit-transform:rotate(45deg);//chrome dan safari
-ms-transform:rotate(45deg);//microsoft
-o-transform:rotate(45deg);//opera
karena tidak semua browser mendukung elemen CSS yang valid all in for CSS.
hapus link pada gambar, atau ganti perintahnya dengan elemen <input ....> lalu kompres gambar pada picasa untuk mengambil format png. selanjutnya copy urlnya, lalu sisipkan disana, speed blog akan hemat 70% jika itu alasan mas imron pada loading yang berat.
Betul Mbak Devy hanya penambahan kode CSS ribon saja, tidak memakai plugin jadi gak begutu memakan load blog. Sabar saja ya Mas Imron.. :)
Yang jelas upload foto nya jangan terlalu besar pixel dan rosulusinya Mas Imron, agar blognya gak berat. kalau CSS ribon yang di pakai pada tutorial ini. tidak berat koq Mas. Tuh bener kata Mbak Devy jika fotonya di kompres agar bisa menghemat loading blog. mkasih atas kunjunganya Mas Imron + Mbak Devy
Masukan yang positif nih Mbak Devy,, saya belum coba tuh Mbak agar effects ccs ribon ini support pada semua browser.. tapi pada validasi HTML 5 Lolos gak tuh css itu Mbak.? jika bisa lolos dan valid html5 saya coba deh. sementara pada windows 7-8 masih nyaman nyaman saja Mbak
Yah sedikit sedikit belajar saja saya Mas Arie, ini pun masih nunggu rekomendasi dari sobat semua agar saya lebih memahami CSS dan lainya
sampai saat ini chrome yang dapat membaca validasi css tanpa kita menambahkan CSS seperti itu, jadi bukan tergantung pada perangkatnya, tetapi sahabat lain yang sedang online saat ini menggunakan browser apa, bisa saja mozilla, opera, atau internet-expoler. jika itu terjadi maka mereka tidak dapat melihat tampilannya sesuai dengan gambar yang mas jelaskan diatas.
kalau vadilasi kode itu terletak pada nilai value, misalnya seperti ini:
width: 0px,
text-decoration:none.
sudah jelas kode ini tidak valid, yang artinya tanpa kita menyisipkan kode tersebut, tidak akan berpengaruh pada tampilan
wah efeknya bagus sekali, apalagi model-model di fotonya.. keren letak nama fotonya
wah para master ccs sedang berunding.. saya ikut nyimak ya...
terus menambah wawasan aja nih postingannya, bagus buat album ya mas..? oya perbedaan galeri 1 sama 2 apa mas..? makasih ya
saya maunya yang sudah mateng mas, tinggal pake, kalo urusan kode aku serahin deh sama yang berwenang hehe
kalo gallery foto ganteng bisa gak mas ??? hehe
mas saud kok pinter banget ya
masih kalah dong ama klepon
iketan karetnya dilepas, pasti gak berat deh
Ide bagus utk BLog Photgraphy nih,,, btw demonya tuh mirip artis Dangdut, hehe..
Okelah kalo begitu, smoga manfaat dan terus gali tips tips yg bagus Om...
salam.
keren banget gan,
terlihat lebih rapi dan juga simpel
Kalo soal ccs gini ane nyerah kayaknya mas
idih...demonya menarik banget mas
sumpah,keren deh,oleh karena itu saya kasih nilai 100 mas saud...
ditunggu traktirannya
Berkunjung Disini Mas,, follow jg dgn Akun ini yaa...
saya duduk disini aja ah...sambil nyimak orang2 pinter pada ngobrolin css
tp kenapa saya masih nggak mudeng sih mas
beda nomer urutannya teh.kwkwkw
entar biar dijelasin sama mas saud deh
baru tau yamas
Saya juga sama mas Yan, belum mudeng. Saya juga ikut duduk deh
Hanya dengan css kita bisa membuat foto menjadi lebih menarik, wah keren itu mas. Mau coba ah
kalo denger ada yang traktir aku peka yah, ikut dong
ah jangan mas, rusak albumnya kalo foto mas dipajang wkwk..
Ternyata bisa juga ya dibuat dengan CSS :) waahh kerenn nih
Karena saya juga masih belajar, jadi saya temani Mas Yanto, Mas Abdur Mas Pur. Dan Mas Emas, Mas perak perunggu. eeh Sama Mbak nya juga deh hheh :ng
Ya udah Teh Santika nanti saya kirimnya yang sudah matang ya,, jam berapaan siapnya,, Jam 12 malam oke.? hhehe =D Mas Pur kalau iketan karetnya dilepas berantakan dong?
Lumayan dikit ya Mas Achmad. buat yang seneng ngedasain gallery Mas
Pada dasarnya sama aja Teh, uma pada DEMO 1 Markup css ribon nya saya tarus di postingan Dengan memakai link URL out blog kebetulan saya pakai Blog Demo saya,. Dan pada DEMO 2 markup css nya saya taruh pada edite template>>sesuaikan>> tingkat lanjut dan masukan css ribonya. lalu save template trik tersebut akan menimpa pada bagian yang semestinya akan membeikan effects ribon jika HTML nya pemanggilnya terpasang pada area posting atau pada bagian blog lain selain pada page post.
Mas Yanto + Teh Santika maaf bukan menggurui sebatas berbagi
Naaah tuuhh dengan Tulus Teh Santika yang Ngebalesnya,, Mas Fiu, jadi jangan emberutnya sama saya yah hheheh =D
Masih belajar koq Mas Pur + Mas Yanto, ini pun masih butuh masukan dan pencerahan dari Mas Mas dan Mbak semua :mn
Silahkan Mas Hadi.. siapp barusan saya main ke ruamah Mas dan follow back ke blog Sampean Mas Hadi. makasih kerja samanya :-bd
Waduh saya belum dapet uang bajet Ngamen saya Mas Yanto..?
Nahh kalau Teh Santika yang mau di Traktir saya bela belain ngroggoh kroscek card MTA deh hehhehe :ng yuk jalan ya Teh? hhh :joged
Jangan mudah nyerah coba aja Mas. kalau saya mampu bantu siap saya akan bantu demi berbagi antar blogging Mas :) makasih kunjunganya.
ihh tertarik nih saya
nyimak mbak santika ah
tumben mbak devy dpt pertamax
Lumayan aja gan,, iseng sambil berbagi aja
Silahkan Mas Abdur semoga berhasil, menggunakanya
sama siapa
Yah mas, manfaatin css yang ada agar tampilan foto gak monoton
nyimak saja kang saud soalnya saya ga ngerti dan yg pasti artikelnya sangat bermanfa'at
bener-bener keren tuh pak, gallery-nya
cantik2, neng artisnya mas saud :)
ohya jadi lupa sama tutornya, makasih neh, ntar cari foto yg cantik2 juga ah
Tampilannya jd menarik dan elegance ya mas :)
Pongin jg nyoba :)
Wah ini dia yang saya cari-cari dari dulu kang, berbagai keyword dah saya coba cari di google tapi hasilnya gak sesuai dengan apa yang saya inginkan, padahal yang kayak ini lho yang saya pengenin... Kenapa baru sekarang coba disharenya? Urang tos lila milarian cara bikin galeri foto di blog teh kumaha? Ada lagi yang saya suka kang yang tampilannya misalkan di atasnya foto nah terus untuk menuju foto berikutnya kita klik page 1, 2, dst. itu gimana cara bikinnya ya? saya sering banget liat tampilan galeri foto yang seperti itu, kalo pake page kan jadi gak makan tempat gitu kang... ini juga dah keren banget sih, pokona mah engkin dicobian lah mudah-mudahan saya bisa ngikutin cara-caranya, haturnuhun kang :)
saya ikutan nyimak aja kang, seru banget bacanya...
kayaknya enak banget kalo sama-sama ngerti masalah dunia blogging mah, pengen rasanya saya bisa...ciyuuusss :)
Saya memang suka melihat gambar-gambar yang cantik...
Saya masih sedang belajar-belajar mengedit gambar. Terima kasih ya Mas Saud atas perkongsiannya...
Bagus banget mas tapi kira2 di blog saya baguis ndak ya jika saya pasang dan apakah efek berat loading
Apa yang mau di rekomendasikan coba kalau begini, orang sudah jos gini kok :)
ikutan nyimak sambil belajar dari Mbak Devy ah
Selama kode tersebut tidak berpengaruh pada validasi saya akan cba pakai,paling solusinya kita di tuntut mengotak atik lagi nilai value setara manual. dan tidak semua pemblogging itu bisa. tapi bisa saja nilai value tidak di rubah. tapi jika sobat yang peduli dengan html5 mungkin itu tidak akan dicobanya. alangkah baiknya kita lebih memudahkan semua pengunjung tapi masukanya sangat bermanfaat sih Mbak Devy. cuma saya mah belajar bijak saja ambil tengah tengah saja. antara sobat yang peduli dengan validasi html5 dan yang gak.
Keren jadinya.. :D
Buyseyyyyyyyyyyttt banyak komentarnya
Heihiehiehiee Memang makjleb nih blognya mas Saud. TOp markotopssssssssss
Hiheiheih
Mas Marnes + Mas Arie. saya juga lagi belajar, namun kemudahan dan kenyaman pengunjung saya selalu belajar di utamakan dengan mengurangi tuntutan, agar lebih mudah di pahami, intinya jika ada penambahan script yang Mbak Devy utarakan. agar support pada semua brouwser nantinya trik ini. namun kaidah validasi HTML 5 Tetap di pertahan bagi sobat yang memakai Validasi html5. :-bd
Kalau saya belum master Mas Achmad. malah masih belajar lho?
Demo photonya biasa aja Mas Arjuna. hanya pandangan mata Mas aja yang baru melihatnya hingga terpukau, bener singers band/dangdut saya Mas. oke deh kalau begitu makasih atas apresiasinya Mas *senyum :)
Belum seberapa koq Pak Asep di banding sama blognya Bapak yang nyentrik dan elegance itu. terima kasih atas motivasinya ya Pak Asep
Maaf Sahabat blogging semua saya off dulu Insya Allah sore saya balas semua komentar Bapak/Ibu/Mas/Mbak/Mbak/Kakak/Abang/Mpok/Ncang/Ncing/Nyak/Babeh Sekalian saya blogwalking pada semua komentar yang masuk dan yang tidak masuk pokonya. semua sahabat blogging saya tanpa terkecuali :-bd
Silahkan Kang Mas Marnes di coba semoga sajian ini yang bener Mas cari. Mangga di cobian mumpung haneut keneh. Untuk tutorial gallery foto elegance yang memakai next prev insya Allah postingan berikutnya. sabar menanti aja dulu ya Mas? Mugia Mas Marnes berhasil nerapkeun tutorial gallery foto nu geulis ieu nya. wileujeng rawuh ka waktos siang salam ti abdi hum ka sapara kanca +top
Saya juga lagi belajar Kak Fidah. mari sama sama belajar ya Kak
Insya Allah BW Ke Rumah blog Kakak nanti sore ya Kak..?
Kalau foto Mbak Beby ikutan di pajang di blog saya bisa nambah Cantik dan imut kaya nya ya Mbak Beb..? *senyum :)
Yah dikit lumayan bagus Mas. gak begitu berat koq Mas asal fotonya di kompres secukupnya agar load blog gak terlalu terbebani.
tadi saya buka galery 1 dan woww pada kece kece yah gan :D
oh iyaaa gan ssaya mau jawab pertanyaan agan yang di zgas-pc itu tuhh hehe semua komentar yang ada selalu saya tampilkan gan tapi jarang saya balas hehe soalnya kali ini saya sedang serius dengan Blogg yang Cinta teknologi hehe maap yaahh gan komentarnya ata OOT :D
kayaknya lebih kepada album berjajar ya bro....tapi menarik juga. tinggal kasih sentuhan sedikit dengan jquery akan lebih menarik kayaknya sob. ane pelajari dulu ya bro. ok makasih atas pencerahannya.
pada beberapa kasus pengkodean vendor seperti
-moz-transform:rotate(45deg);//untuk mozilla
-webkit-transform:rotate(45deg);//chrome dan safari
-ms-transform:rotate(45deg);//microsoft
-o-transform:rotate(45deg);//opera
malah tidak diketahui ekstensinya ketika di validasi. maka akan timbul peringatan warning seperti di bawah ini. sekarang tergantung pengguna, mau memakainya atau tidak. saya rasa solusinya tetap pada css sederhana, memang tampilannya akan sedikit kurang pas pada masing-masing web browser. semua punya kelebihan dan kekurangan. ini contoh warning di w3c ketika menggunakan ekstensi browser.
Property -webkit-box-shadow is an unknown vendor extension
Property -moz-box-shadow is an unknown vendor extension
mohon maaf, bukanmenggurui...namun sekedar berbagi.
hasilnya jadi lebih cantik yah :)
cantik, maju mundur petromax
Bagus nih tipsnya, kapan-kapan boleh dicoba :)
Silahkan Abie,,disimak saja. jika Abi Rama mau mencobanya kapan kapan bisa juga deh :)
Akh Mas Arie bisa aja.. tetep saja saya masih belajar Mas :)
Oke deh gan makasih atas infonya :)
Bisa berjajar bisa juga tidak Mbah tergantung penerapan pada css nya yang kita inginkan. jika di poles lagi denganjquery mungkin bisa lebih menarik namun bebabn load takutnya akan membuat kurang nyaman. makasih atas masukanya Mbah
Yah begitulah Teh lumayan buat mempercantik tampilan foto pada blog gallery...
Silahkan Mbak Indi dengan senang hati :)
ah ,,, mb tika jngan pura2 ,,,, pahal teh klo di belakang layar bilang cakep ,,,, hahahahaha :D
Sepertinya @Mbah dinan paham betul dengan kode yang diatas. ya itu yang membuat tutorial ini menjadi sesederhana mungkin. karena saya peduli dengan html 5. maka saya tidak memakainya. karena menurut saya, apapun optimasi blog yang kaya gimanapun akan terasa sia sia jika seluruh content blognya masih terdeteksi error pada validasi html 5. Apalagi hanya sebatas mendesain blog yang tidak ada kaitanya dengan SEO, Yang sederhana saja asal tidak menimbulkan error. biar konsekwensi nya di tanggung tergantung pilihan masing masing, sesuai keinginan. bebas asal jangan terlalu menekan kan pada pengunjung blog kita. karena yang kita sukai belum tentu teman lain juga suka iya kan Mbah..? makasih atas masukanya :)
yg senyumannya manis ituh
Kunjungan pagi mas,,
Salam hangat blogging pagi ... ditemani dengan secangkir kopi panas semangat pagi mas
saya nggak nemenin ahh
saya tumben di ketigax
saya kapan-kapan ahh, kalo saya lagi kumat aja
kalau width pakai persen bisa jadi responsive itu mas... kalau masalah height pakai pixel tidak apa tuh mas...
ya ampun pada paham-paham ya
saya OOT nggak papa, asal hebat dan nggak OOT.
bingung kan
tapi sudah keren lah mas saud... samakin hebat saja ni mas saud.. hehe :D
saya malah nggak tau mau diapain tuh file-file foto. mau dibikin galeri malu. akhirnya saya serahin ke anak-anak saya saja, mau diapain terserah. kayaknya sih kayak yang dibilang Kang Saud ini
ternyata cukup mudah ya mas. saya kurang paham, tapi dengan artikel ini cukup terbantu, terima kasih mas.. |o|
weeeh kreen sekali, mantap, saya bisa buat galeri nie, buat donk om tutorial nambahin fonts awesome kayak dimenu header om
Tiap hari sudah kumat kamit jadi ga berat
Keren galeri potonya. tapi kalau ga punya poto yang cantik cantik tetap bisa bikin ini galeri foto cantik kaga ya?
Hebat kan Anak anak. Lah Trus Bapak bapak?
Ko aku belom pernah jadi orang pertamax di artikelnya mas saud sih selalu kaduluan orang terus :D Gpp yang penting aku selalu hadir disini hehe
Ya pasti hebat siapa dulu dong Temennya
horeee tambah wawasan, dan alhamdulillah tambah ga ngerti hehe..
ini ni ciri-ciri orang yang nenerapkan prinsip Padi :)
masang foto gallery bikin blog jadi berat/tdk mas loadingnya
biar berat, saya tetap berkunjung. keren nggak?
hadir di hati?
ohhh
foto lasmini dong
Tes
Saya jg boleh nymak kembali ya mas
Kembali nyimak juga boleh kan mas ya
terlalu berat untuk mempercantik blog... jadi suka males
Laaaah ko hadir di hati, maksudnya hadir di artikel mas saud gitu :P :D
aku nyimaknya kembalinya dibelakang aja ya mas, boleh kan..?
waduh...baru sehari ngga online...udah urutan 150 komentar
ngemeng apa sih kang lembu?
saya klimax
hayo...
mulai kumat deh ih
Saya BW di sini...
saya ngga klimak
keren deh mas gallerynya, ditambah dengan fotonya yang cantik-cantik. hehee
perlu dicoba ni,,terima kasih tips nya :)
yang penting nebeng dulu :)
kalau ngomongin efek ribbon seperti ini jadi keinget mas Andes nih mas :)
kalau dilakukan dengan ikhlas, yang berat bisa terasa enteng ya mas :D
Assalaamu'alaikum wr.wb, Kang Saud... informasi yang menarik untuk dikongsikan dan saya baru tahu tentang galeri ini kerana biasanya saya hanya guna power point sahaja untuk menampil dan mereka bentuk foto di blog saya. Kelihatannya sangat mudah sekali. Didoakan kang Saud sekluarga juga sihat. Aamiin. Terima kasih dan salam sejahtera dari Sarikei, Sarawak.
Sip siap tarik Kang Ucup Mang Lembu Mas Zach dan sobat lainya. muatanya udah banyak =D
Yah Alhamdullilha sambil belajar saya bagikan juga Mas Ehw
Kan saya belajarnya dari Mas Zach kan? masa bisa lupa sih Mas..? wahhh Ckckc Mas Zach pelupa =D
Akhh Teteh kan sudah di kasih tahu minggu kemarin,, pura pura aja deh. Biasa kalau Teh Santika orangnya suka merendah. Padahal aslinya kalah dah saya :mn
Yang penting yang mau di traktir nya mau aja hheheh
Asalkan foto yang hendak di uploadnya jangan terlalu besar rosulusi dan pixelnya aja Mas Harun, saya jamin gak berat lho. Makasih Mas Zach atas kujunganya. Insya Allah ya Kan Ucup sgala sesuatu jika dilakukan dengan IKHLAS Maka indah ya Kang
Benar juga Kang kalau gak salah mas andes pernah juga posting tutorial seperti ini. Kang Ucup namun kemasanya beda kan dengan post ini..?
you see a lot of beautiful pictures on my Facebook Lite
that is new method to development technology and we can make beautiful pictures and you can combine with music at http://laguaz.net/
Jangan Komentar Promosi, Link Hidup, Spam Karena akan terhapus
Silahkan untuk "Follower blog, atau Berlangganan Lainya" di blog ini
Untuk Mengkonversi kode dan icon Smiley silahkan Klik dibawah ini
Show Konversi KodeHide Konversi Kode Show SmileyHide Smiley Follower