Memasang Galeri Foto Artikel Diblog

Memasang Galeri Foto Artikel Diblog - Pada kesempatan kali ini Bang deni akan membagi sedikit tutorial tentang bagaimana Memasang Galeri Foto Artikel Diblog. apa itu ? Memasang Galeri Foto Artikel Diblog adalah memasang suatu widget foto - foto yang ada pada artikel kita sehingga foto-foto tersebut memiliki link ke artikel kita. penasaran bagaiman membuatnya? yuk simak dibawah ini bagaimana Memasang Galeri Foto Artikel Diblog.Lihat Demonya Disini


1. Langkah pertama login ke akun blogger temen-teman.
2. Desain > Page element > Tambah Widget pilih HTML /Java script
3. Copas Script 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/-/Mobil?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
</div>

4. langkah terkhir adalah Save / Simpan.

Keterangan :
Untuk menmpilkan berapa jumlah banyak foto , teman-teman ganti tulisan yang berwarna merah .
sedangkan untuk menampilkan gambar sesuai kategori yang diinginka ganti tulisan warna biru dengan kategori blog teman-teman yang ingin ditampilkan.Bila nama lebih dari satu kata tambahkan %20 ex : mobil%20Baru.


bagaimana teman-teman?mudah bukan? mungkin cukup sekian tutorial kali ini tentang cara Memasang Galeri Foto Artikel Diblog.mudah - mudahan bermanfat.

Kunjungi Blog ini :

      >> Download Software Gratis 

      >> Info Android