Sangking Semangatnya langsung posting lagi, posting kali ini tentang
lightview ini sejenis iframe dengan tampilan yang elegant dengan popup
gitu sih.
nah sekarang ke cara pembuatannya :
Loggin Blogger >
Cari kode </head> dan letakkan ini diatasnya
Sekarang untuk kode pemanggilnya (letakkan di mana saja asal jangan di hatiku)
NB:
Untuk kode yang berwarna kuning adalah url tujuan
Untuk kode yang berwarna hijau adalah url gambar
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>NB: Kode yang berwarna kuning jika ditemplate anda sudah ada tu nggak perlu di tambahin lagi
<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'/>
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://sandana-bhl.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
Posting Komentar