2011-11-06
Oleh - Kang Salman

Membuat Widget Galeri Foto Di Blogspot

Membuat Widget Galeri Foto Di Blogspot
Advertisement:
Widget Galeri Foto Di Blogspot. adalah sebuah widget blogspot yang menampilkan galeri foto terbaru untuk blogspot, skema kerjanya adalah Anda harus membuat posting khusus dengan nama katagori foto, namun Anda tidak perlu kuatir terikat aturan karena widget ini sangat fleksibel dan catik. sebagai Demo silakan lihat gambar di bawah ini atau Anda dapat melihatnya secara langsung Liihat Demo


Yang kang salman suka dari widge ini adaah bila kita mengarahkan mouse ke arah gambar akan muncul sebuah title atau bahasa lainnya ask javes secara otomatis sehingga kita tidak perlu repot-repot lagi untuk membuat titlenya.

Jika Anda tertarik untuk mencoba silakan ikuti tutorial di bawah ini :
1. Login Blogger > Rancangan > Tambah Widget > Piih HTML/Javascript
2. Copy paste kode dibawah ini
<div style="padding:3px 0px 0px 45px;">
<style>
    /*** Labels Thumbs ***/
    img.label_thumb{
    float:left;
    border:1px solid #ccc;
    width:85px;
    height:70px;
    margin-right:10px;
    margin-bottom:10px;
    }
 </style>

    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
    var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
    else thumburl='';}
    document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
    if(i!=(numposts-1))
    document.write('');}
    document.write('</div>');}
    //]]>
    </script>

    <script type='text/javascript'>var numposts = 9;</script>
    <script type="text/javascript" src="/feeds/posts/default/-/Foto?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
</div>

Keterangan:
Tulisan yang berwarna merah, adalah jumlah foto yang ingin di tampilkan
Tulisan yang berwarna biru Isi sesuai dengan katagori yang ingin Anda tampilkan foto-fotonya. Bila nama katagori itu lebih dari 1 kata tambahkan %20. contohnya seperti ini : Foto%20Unik

Nah sahabat kucoba, mudah bukan? selamat mencoba Membuat Widget Galeri Foto Di Blog

Baca Juga:

Jangan asal copy paste! baca aturannya disini
Post By Kang Salman


Mau punya template kostom dan beda dari yang lain? Order segera Jasa Pembuatan Blog > Jasa Pembuatan Banner Iklan > Jasa Pembuatan Logo Blog Order asksalman19@gmail.com 
Dapatkan update artikel  terbaru kami langsung ke email anda.  
Advertisement:
Judul : Membuat Widget Galeri Foto Di Blogspot Deskripsi : Admin : Terbit Rating : 5 stars

  • Lifestyle