Lightview Untuk Blogspot

Sangking Semangatnya langsung posting lagi posting kali ini tentang lightview ini sejenis iframe dengan tampilan yang elegant dengan popup  gitu sih menurut ane tapi biar lebih jelasnya ni ane kasi screenshoot dan demonya sekalian biar aman ni pikiran. hehehe

DEMO

nah sekarang ke cara pembuatannya
Loggin Blogger >
Cari kode </head> dan letakkan ini diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='https://sites.google.com/site/jasridm/template/spinners.js' type='text/javascript'/>
<script src='https://sites.google.com/site/jasridm/template/lightview.js' type='text/javascript'/>
<script src='https://sites.google.com/site/jasridm/template/excanvas.js' type='text/javascript'/>
<script src='https://sites.google.com/site/jasridm/template/lightview.css' type='text/javascript'/>

NB: Kode yang berwarna kuning jika ditemplate anda sudah ada tu nggak perlu di tambahin lagi

Sekarang untuk kode pemanggilnya (letakkan di mana saja asal jangan di hatiku)

<a class="lightview" data-lightview-group="mixed" data-lightview-options="width: 1200, height: '100%'" data-lightview-title="isi postingan" data-lightview-type="iframe" href="http://www.cyber-jm.blogspot.com/"><img alt="1" src="http://i1089.photobucket.com/albums/i344/djasrie/dicoba.png" /></a>

NB:
 Untuk kode yang berwarna kuning adalah url tujuan
 Untuk kode yang berwarna hijau adalah url gambar 

Bagikan Artikel Ini ke: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 12.45 and have 24 komentar