Membuat Widget Galeri Foto Di Blogspot
Minggu, 06 November 2011
Digg0Stumble0 0 2
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
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
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:
- Cara Membuat Recent Post Thumbnail Widget Blogger
- Cara Membuat Slider Banner Ads Di Blog
- Cara Membuat Dhiti - Rondom Post Thumbail Multi Column
- Pasang Widget Total Comment dan Total Post
Jangan asal copy paste! baca aturannya disini
Post By Kang Salman
0 komentar:
Posting Komentar