Pages

Thursday, September 5, 2013

CARA MEMBUAT FOTO GALLERY DENGAN TITTLE DAN DESCRIPSION



Membuat dan Menyusun Foto Gallery dengan Tittle dan Descripsion


Foto gallery biasanya digunakan untuk mereka yang sedang membuat toko online, guna memperkenalkan produk mereka pada pengguna internet. Ini juga tidak menutup kemungkinan digunakan bagi mereka yang suka menampilkan gambar foto guna menambah semarak tampilan sebuah blog.

Khususnya bagi Anda yang sedang membuat toko online di blogspot, mungkin foto gallery ini bisa menjadi salah satu solusi untuk menampilkan dagangan atau produk Anda secara online.

Anda bisa memasukkan kode foto gallery ini dimana saja terserah Anda. Bisa di halaman posting, bisa di sedebar maupun di header.
Jika ingin tampil di sedebar atau header Anda tinggal menambahkan gatget html/javascript, kemudian memasukkan kode ini di dalamnya beserta alamat gambar foto anda.


Dengan MenDesaign gambar atau gallery photo yang rapi dan menarik untuk di pandang, tetapi tidak membutuhkan tempat yang banyak? Mungkin inilah Solusi yang anda cari.

Cara Mudah Membuat Gallery Photo di Blog, jika anda tertarik anda bisa Mengikuti 7 cara yang saya posting pada blog atau pada halaman lainnya dalam artikel terkait berikut dibawah ini :

Silahkan anda lihat dan coba satu persatu Tips mana yang cocok dengan selera anda ...

- Cara Mudah Menyusun Gallery Photo di Blogspot
- CARA MEMBUAT FOTO GALLERY DENGAN TITTLE DAN DESCRIPSION
- CARA MEMBUAT GALLERY FOTO DENGAN EFEK ZOOM
- CARA MENYUSUN GAMBAR BANYAK DIDALAM POSTINGAN AGAR RAPI
- Trik Cara Mudah Membuat dan Pasang Gambar-Image Berderet Horizontal
- CARA MEMBUAT GALLERY IMAGE DENGAN CSS3
CARA MUDAH MEMBUAT GALERI FOTO PADA BLOGSPOT
- 7 Cara Mudah Membuat dan Menyusun Gallery Photo pada Posting Blog


Anda sekarang berada dihalaman
CARA MEMBUAT FOTO GALLERY DENGAN TITTLE DAN DESCRIPSION



Langkah-langkah atau cara membuat foto gallery untuk toko online bisa Anda lihat caranya di bawah ini.
Sebelumnya hasil dari foto gallery yang akan kita buat nanti akan seperti ini:

TEST IMAGE
Contoh gambar berikut link yang dituju





=================

Untuk contoh cara membuat dan menyusun gambar diatas kode Sciftnya adalah ;

....<style type="text/css">
/*--------------------------------*/
div.img { margin:2px; border:1px solid #bc3f74; height:250px; width:auto;
float:left; text-align: left; background-color:#829598;}
div.img img { display:inline; margin:3px; border:5px solid #829598;}
div.img a:hover img { margin:3px; border:5px; solid #bc3f74;}
div.descriptions { text-align:left; font-weight:normal; width:112px; margin:5px;}
</style>
<div align="left" class="img" style="height: auto; padding: 10px; width: auto;">
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/annamaria-rakosi-miss-world-2013_9854.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLd_2MbdBQGmNpuRTzH36HetqGj24j23Mg_pauVUcLN6XjlyCLwMg85tFHD3MJnajGm8PTPFyLQoHSOEc18j0dztnoxrlBuXma-mKtGUnQ0hCNy1CMtlQHtgl3Yo211YgWQVMPve7zlzpA/s1600/Annamaria+Rakosi16.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> HONGARIA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/annamaria-rakosi-miss-world-2013_9854.html" target="_blank"><b><span style="color: blue;"> Annamaria Rakosi </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/sarah-baderna-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcoU6L9ImxgaUsem-ZKpfaRIHO5QdqizbIJVP9exwAwfwMedUFoic0q_M1DnQvMjC6gIGpDujPqy1gojIAP3N8AGpNMPDnn0TDqyfMzHPdpNOv_GZEoNp29EoocmmHp9XDcfQt0IGCW6S-/s1600/Sarah+Baderna9.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> ITALIA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/sarah-baderna-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Sarah Baderna </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/gina-hargitay-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlKZAPCJiA5mmAGUdJCvmqR9OEizXeyr8g9ZC7y3O3Eb2lUNO6DvB-tKgAkpT40uivPpZPGvL5LxaNgciYK3kqtU2JQ6BP8A2MN1-srmBflUxF_zK8-mpYN2TpzAjHNZWVIHahA4wyE2z/s1600/Gina+Hargitay5.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> JAMAIKA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/gina-hargitay-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Gina Hargitay </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/michiko-tanaka-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLVs07VbAqnoBRap8Qvqn_XpqFAD9mqXaB6L4ZRRUYqipLbFPEnzHuoN52L9LHYQ6uLcDXLWcBX-Y2yNy9OzcQ4XZEfODaG8Mmxp-dSfHVKVmROuvWoi5_d7Gr0S05Hj0SYnQUCyrg4emm/s1600/Michiko+Tanaka2.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> JEPANG </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/michiko-tanaka-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Michiko Tanaka</span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/sarah-lorraine-riek-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJBpzvc1vzIhTiS7wiceS75ITSTmpZ_c7M21tkwSQ8kfvgXvnmmCKXIUmMeM-oYy8jB2nkGeKEtZTYdTeE_gDLHuHCZ6aNrA68pYtcaNG9fFHA1pgKPt446iq-u0QsSuXPR8a5mwMmdTP/s1600/Sarah-Lorraine+Riek2.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> JERMAN </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/sarah-lorraine-riek-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Sarah Lorraine Riek </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/camille-munro-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DJ6YHLpahdIyiOE1kQNXGSXtGl9vOy6gLb3BSUwK5XdL0jSxzJs-_qK7wZ2BrpJYBCnL7iSlKZkJQ5NLs-8gMVMKupohMBxR17ExtUFwKwdWB82wpkbBzfGygxANF28SSi26E9n193gJ/s1600/Camille+MUNRO6.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> KANADA</span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/camille-munro-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Camille MUNRO
</span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/daniella-ocoro-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9kLaRyzvXGsGQVpREGSTk5qtk54sZkDMeOlnY2NnrtDawjdLmsrW9Gl-xZEbxogJSS-BVeuXgnfKGBluBg46idN1hz9LBkj7-9ho0NrawPnZ3x_XcEoA5HE1sZEgsw6mqc1vPvONY-6T1/s1600/Daniella+OCOR%C3%935.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> KOLUMBIA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/daniella-ocoro-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Daniella OCORÓ</span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/eva-dombrovska-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEing_CJNRQ3LbI1PUblakYfz1G05aNmbFYzAXrLu6ShoPVVS4z4VnKJwYe57Js9-3OLs59vm_Nvw_ljwls6NYxZ9A1KjBvemFq9s-SYf1W-xULOUR_AYLPKSbYchHXrvb6miA0FQgH0cBWa/s1600/Eva+DOMBROVSKA7.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> LATVIA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/eva-dombrovska-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Eva DOMBROVSKA </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/melinder-bhullar-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYkUfgm_Ic7xF1g7g5iebkoEX0IkHzt6GYTjXrQNrlhTMY5vBV_3XFjUNdpUGiTMn17Q2Yfko3mFwCsTzZo5roEYwLFwQkVKKcivTs9YuIzg0qxXr8axqbLZL_fxDJ6DxWbTcNS_Hv8R4/s1600/Melinder+Bhullar6.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> MALAYSIA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/melinder-bhullar-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Melinder Bhullar </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/ivana-milojko-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxn1mHdmfWfa01N1VGcoA8Wdmi3LK5ScT2ZmgxPHx3sZNef3uxXmC4-jp59BfxCBKIhaj5jfyHO2qcU0a_UXsdzcwyhvgvM0RpeI99f9W5eu15Tn-THQrthenliqmA2qhHnF-H784_jFH/s1600/Ivana+MILOJKO15.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> MONTENEGRO </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/ivana-milojko-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;">Ivana MILOJKO </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/08/luz-mery-decena-rivera-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLq9Nij7RULrz5r0agZBRCX2izAK3gHFr3ULBXccug17PMtfS_xB60Ek9iOTGx9TkMu1LB-PzeOTAt8hvGq1Y33DXbJD5fv7RLlVHneiV5WFB9NIeo5X7r4Za4BuybY6inQyEg9Gfw5J5e/s1600/Luz+Mery+DECENA+RIVERA6.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> NIKARAGUA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/08/luz-mery-decena-rivera-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Luz Mery Decena RIVERA </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/coral-ruiz-reyes-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfb06PY4Mw5lX0kF1XhrYLag96f1SBM7u9OvjOHcIrzRE4uqKiqejPLl6a3f3dC3Ad0-glv6jhZPONIUe7VR1R6Lw5cN14nVVcOTREnMWhu92SsA6V5k7dsxesm-UR4r43aPQv005Qgdg/s1600/Coral+RUIZ+REYES2.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> PARAGUAI </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/coral-ruiz-reyes-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Coral RUIZ REYES </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/elba-fahsbender-merino-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgybyuD8YGxuIVxFsIgxVSORixoGtXVxbC4S5SuBe8z-E2qYgCLcL5G8I1KEUKTc5UlLvwSZokVfwpK4GAocTF-pz0Dq7g9H1jGqoJuwadUWpIKdWYEf9grsPZ3Qi5H0zVwgCd97mxF5YB1/s1600/Elba+FAHSBENDER+Merino9.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> PERU </span>&nbsp;</b></span></a>
<a elba-fahsbender-merino-miss-world-2013.html="" href="https://www.blogger.com/blogger.g?blogID=1523039433234140620" http:="" target="_blank" waones-sbm.blogspot.com=""><b><span style="color: blue;"> Elba FAHSBENDER Merino </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/megan-young-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUN_RN5AdsuQQqNKe3cSAeT0RdpCBb9f0vMNren5O8SorVoSU4eWALSDbi8FWPIj7MDJ6HyUMgGAh_jYsWeMuOaGf04Qb9KDkuLkn3ywVOdUayOjd19O3jek_4MT4ORs61CvSnD9rtPjMJ/s1600/Megan+Young24.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> PHILIPINA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/megan-young-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Megan YOUNG </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/joely-bernat-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCs78CXR4zN3dbkEFME6OVx9ejHSChQmrQ6pmGV3vXIugZ_wz7ReAJGUq3QYxIRbp-WnMK6vi8BPrkwS6-CFBhKJ9tSYIel_qHa9A8GH1mHdq01KtpPPVE_OpCYuQp2tImfrQxVoexDJs5/s1600/Joely+Bernat16.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> REPUBLIK DOMINIKA </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/joely-bernat-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Joely Bernat </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/ella-langsford-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOdjnlSju9KQHnjXWJeJUoi8Lu6GRnwJ2FCzaan6_9jU8G8bZgtVzNirsfH9U5-X2pnzA5crnpb9v5GQ-bAzoQkhl5Z_H7zobfRM9GoEgEKHJPEq5PciPaObdnaRiCiZ8ck1dmXUpJYDs0/s1600/Ella+LANGSFORD7.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> SELANDIA BARU </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/ella-langsford-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Ella LANGSFORD </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/kristy-marie-agapioy-miss-world-2013.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOqz35m3YTPvGBZzk9cEmjSXzw3NY_fvZ1bj5qSuouOf2YxLoAK0Z3-0E9Ym7mzzBc_PrtGRPJhbJ2qQuQaz1eMiuD_nEJKd_QbR8dho8LR7eZZw6i2v094h8oZ1poONelsTRUmkTCaHo6/s1600/Kristy+Marie+AGAPIOY.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> SIPRUS</span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/kristy-marie-agapioy-miss-world-2013.html" target="_blank"><b><span style="color: blue;"> Kristy Marie AGAPIOY </span></b></a></div>
</div>
<div class="img">

<a href="http://waones-sbm.blogspot.com/2013/09/jamey-bowers-miss-world-2013-kontestan.html" target="_blank"><img alt="gallery" height="110" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh26m9iF7II3iUJC0GzpuuQdUWiBZ_fz9D6coxHJcMSo5jPRgSKunboGXtxSukeI-mZCd0XqXDoiy2t_IrgNzKHiTrKcrluhUrsSIw170TdjB64wd6kMzIYyUwtaQ6GRVFb85YXxRa2rVZA/s1600/Jamey+BOWERS8.jpg " width="112" /></a>
<div class="descriptions">
<a href="http://waones-sbm.blogspot.com/" target="_blank"><span style="font-size: large;"><b><span style="color: red;"> KAMERUN </span>&nbsp;</b></span></a>
<a href="http://waones-sbm.blogspot.com/2013/09/jamey-bowers-miss-world-2013-kontestan.html" target="_blank"><b><span style="color: blue;"> Jamey BOWERS </span></b></a></div>
</div>
</div>


Anda bisa otak-atik sendiri kode di atas agar tampilannya bisa LEBIH BAGUS menurut selera Anda.
Ganti alamat link halaman dan alamat gambar atau YANG BERWARNA MERAH dengan link dan deskripsi milik Anda.

---------------
Sampai disini postingan Cara Membuat Foto Gallery dengan Title dan Deskripsinya sebagai salah satu kunci kesuksesan blog yang bisa anda terapkan khususnya yang baru terjun di dunia blogger pemula seperti saya,

Setelah anda mengerti Cara Membuat Foto Gallery dengan Title dan deskripsinya, mungkin anda tertarik untuk bisa memasang Gambar dengan menggunakan CSS pada blog anda, silahkan anda baca pada artikel CARA MELIPAT GAMBAR DENGAN MENGGABUNGKAN CSS3 DAN JQUERY

Semoga postingan CARA MEMBUAT FOTO GALLERY DENGAN  TITTLE DAN DESCRIPSION diatas dapat bermanfaat untuk anda, salam sukses selalu ...

Edit; wawansurya
Sumber Mitra terkait;
http://wwbisnis.blogspot.com
www.affiliate-waones.com
http://waones-sbm.blogspot.com
http://mitra-sbm.blogspot.com
Terima kasih sudah Mau Berkunjung Keblog Ini – jika ada yang kurang puas ... Comment aja .. yah!!!

merchant 
Search Engine

4 comments:

  1. SAYA SANGAT TERBANTU, SEBAGAI PEMULA SANGAT BAIK DAN MUDAH UNTUK DIPAHAMI.
    THANKS

    ReplyDelete
  2. SANGAT BERMANFAAT, TERIMAKASIH GAN

    ReplyDelete
  3. terima kasih ilmu nya sangat bermanfaat

    ReplyDelete
  4. yang punya saya kenapa ada bayangan putih pada description fotonya gan

    ReplyDelete