Bloggerhelper

talk about blogging, content, music and design

Cara membuat index photos gallery

Cara membuat Index photos gallery

Blogger Trick - Guna dari index photos gallery ini untuk memudahkan kita menampilkan konten andalan di halaman depan. Sekaligus menimbulkan first impression bagi blog Anda. Bagi visitor yang kurang suka membaca konten panjang, keberadaan indeks foto ini bisa memberi alternatif baru. Dulu Youtube menggunakan model  ini untuk menarik visitornya. Terbukti berhasil. Kini youtube duduk di urutan ketiga dunia setelah google dan facebook. 



Karena blogger bukan youtube, maka ada baiknya kita ambil strategi dan modelnya saja. Agar lebih jelas, sebaiknya kita lihat dulu index photo yang dimaksud itu seperti apa. Voila, seperti ini...

Cara membuat index photos gallery

View Sample
Caranya...
  • Sign in Blogger
  • Klik Blog yang ingin Anda pasang gallery 
  • Klik Design > Page Elements > Add a Gadget > Klik HTML/ Java Script
  • Copy Code di bawah ini , lalu paste di box HTML yang telah Anda buka



<table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh3.ggpht.com/_K1GqW6yVGRA/S3OtSgB1PDI/AAAAAAAAFFI/4D4H-4CDECA/s128/Elizabeth%20Hurley.jpg" name="liz hurley" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/"> Blogger Tips - Available answers about How questions. Almost all the tricks Completed with the pictures. Easier to practice</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh6.ggpht.com/_K1GqW6yVGRA/S1fPZkMsWDI/AAAAAAAAELw/pQmNSLPYNKs/s128/aiswarya%20ray%20hairstyle.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Facebook Tricks - Optimize your facebook. Use it for fun and for enlarging your bussines. Avoid human error or unwanted users.</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh3.ggpht.com/_K1GqW6yVGRA/S3O0Qz1IjZI/AAAAAAAAFHk/XIiMA9UiRV8/s128/Madonna.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Twitter Power - Helping you to optimize your twitter account. Make your twitter profiles as your own blog. You can trade and you got a lot of friends with twitter</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh4.ggpht.com/_K1GqW6yVGRA/S3O1HJxsMmI/AAAAAAAAFIo/WrgIcaNG1MI/s128/rebecca%20romijh%20stamos.jpg" name="liz hurley" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/"> Blogger Tips - Available answers about How questions. Almost all the tricks Completed wit the pictures. Easier to practice</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><a href="http://www.andreavailable.com/"><img src="http://lh5.ggpht.com/_K1GqW6yVGRA/S3O1G-AeanI/AAAAAAAAFIc/mtEs7eZ2MQg/s128/Norika%20Fujiwara.jpg" alt="andreavailable" name="bloggerhelper" id="image" width="80" border="0" height="60" /></a><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Facebook Tricks - Optimize your facebook. Use it for fun and for enlarging your bussines. Avoid human error or unwanted users.</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh6.ggpht.com/_K1GqW6yVGRA/S3OzwxDPN-I/AAAAAAAAFHI/cCK0ksYy8QI/s128/Julia%20Roberts.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Twitter Power - Helping you to optimize your twitter account. Make your twitter profiles as your own blog. You can trade and you got a lot of friends with twitter</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh5.ggpht.com/_K1GqW6yVGRA/S3O005XWJsI/AAAAAAAAFII/Dr18gZObw5g/s128/Mellanie%20Griffith.jpg" name="liz hurley" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/"> Blogger Tips - Available answers about How questions. Almost all the tricks Completed wit the pictures. Easier to practice</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh3.ggpht.com/_K1GqW6yVGRA/S3OzgwxU3UI/AAAAAAAAFGo/qqtImyrTSnI/s128/Janet%20Jackson.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Facebook Tricks - Optimize your facebook. Use it for fun and for enlarging your bussines. Avoid human error or unwanted users.</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh4.ggpht.com/_K1GqW6yVGRA/S3Ozgy4R4iI/AAAAAAAAFGw/1Kk0O-RyxE4/s128/Jennifer%20Lopez.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Twitter Power - Helping you to optimize your twitter account. Make your twitter profiles as your own blog. You can trade and you got a lot of friends with twitter</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh5.ggpht.com/_K1GqW6yVGRA/S3OzwiiDRgI/AAAAAAAAFG8/aukbWx7SXPU/s128/JK%20Rowling.jpg" name="liz hurley" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/"> Blogger Tips - Available answers about How questions. Almost all the tricks Completed wit the pictures. Easier to practice</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh6.ggpht.com/_K1GqW6yVGRA/S3OzwteUPKI/AAAAAAAAFHA/csd9H25SKmQ/s128/Joddie%20foster.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Facebook Tricks - Optimize your facebook. Use it for fun and for enlarging your bussines. Avoid human error or unwanted users.</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh6.ggpht.com/_K1GqW6yVGRA/S3OyjmW4IQI/AAAAAAAAFFw/GIvIM5USO0Q/s128/Dolly%20Parton.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Twitter Power - Helping you to optimize your twitter account. Make your twitter profiles as your own blog. You can trade and you got a lot of friends with twitter</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh3.ggpht.com/_K1GqW6yVGRA/S1fJlF5TgdI/AAAAAAAAELs/6E1V6bSAe_o/s128/Megan%20fox%20.jpg" name="liz hurley" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/"> Blogger Tips - Available answers about How questions. Almost all the tricks Completed wit the pictures. Easier to practice</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh6.ggpht.com/_K1GqW6yVGRA/S3OyNju0LTI/AAAAAAAAFFU/pQPAg9M01YE/s128/Cher.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Facebook Tricks - Optimize your facebook. Use it for fun and for enlarging your bussines. Avoid human error or unwanted users.</a></div></td> </tr> </tbody> </table> <table width="350" border="0" bordercolor="#666666" cellpadding="1" cellspacing="2"> <tbody> <tr> <td width="80" height="60"><img id="image" alt="andreavailable" src="http://lh4.ggpht.com/_K1GqW6yVGRA/S3O1Z3vtsJI/AAAAAAAAFI4/6yMUUGgLjJ0/s128/Sandra%20Bullock.jpg" name="bloggerhelper" width="80" height="60" /><a href="http://www.andreavailable.com/" target="_blank" title="Link Image 1"></a></td> <td width="300" height="70"><div class="kanan" align="justify"><a href="http://www.andreavailable.com/">Twitter Power - Helping you to optimize your twitter account. Make your twitter profiles as your own blog. You can trade and you got a lot of friends with twitter</a></div></td> </tr> </tbody> </table>
 
Tahap Mengganti foto dan link ...
Untuk mengenali link Gambar, silakan klik disini
Untuk mengganti link, dapat Anda lakukan langsung dengan mengklik Rich Text.

----------

Artikel terkait...

Share this:

ABOUTME

Hi all. This is deepak from Bthemez. We're providing content for Bold site and we’ve been in internet, social media and affiliate for too long time and its my profession. We are web designer & developer living India! What can I say, we are the best..

JOIN CONVERSATION

    Blogger Comment