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


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 Yuk Tawa, Published at 12.45 and have 24 komentar

24 komentar:

  1. lightview yg didemo nya itu sedikit kerenn..
    bagusan lagi lightview yg ada di di blog ini.. kerennn

    BalasHapus
  2. Balasan
    1. inyaallah nggak, CSSnya udah di bungkus

      Hapus
  3. wihihi, blognya kerenn bgtt cuyy :D
    btw, akhirnya ketemu jug lightboxnya ^_^ nice share cuyy..

    BalasHapus
  4. . . emmmmmmmmmmmmmmm,, -{_SambilGarukGaruk_}- . .

    BalasHapus
    Balasan
    1. hiiiiiiiiiikkk,, (sambil gigit jari)

      Hapus
    2. . . jarinya jangan digigit. langsung telan aja. he..86x . .

      Hapus
    3. iya lagi lapar semua di telan

      Hapus
    4. . . waduch,, kasihan nya. sini,, sini,, disebelah rumah aq banyak rumput ne. he..86x . .

      Hapus
    5. . . males nya. ya km lah yg kesini. he..86x . .

      Hapus
    6. haha..
      gak apa apa lah untuk mbak aja semuanya

      main main kesini ya mbak http://blog-jasri.blogspot.com/

      Hapus
    7. . . aichhhhhh,, huhh. gak sopan ne. aq gampar ne. plaaaakkkk,, plaaaaaakkkk,, upzZz,, banyak nyamuk nya ne. huhh. he..86x . .

      Hapus
    8. . . aichhhhhhhhhhhhhh,, kok malah ke enakan sich. huhh . .

      Hapus
    9. Ya gamparannya seperti orang dikasi makan Bakso

      Hapus
    10. . . he..86x. untung aja aq udah kenyang. coba klo pas lagi laper. aq pasti langsung mminta traktir bakso ma km. he..86x . .

      Hapus
    11. Iya saya traktir Bakso basi

      Hapus
    12. . . jahat nya. huhh. oia aq mau tanya ne. disini ada cara bikin kayak kolom comment km ne gak?!? cz penempatan balas dan hapusnya bagus. ada kolom nya. gak kayak punya aq. huhh . .

      Hapus
    13. Style threaded komment ku, chat di facebook aja

      Hapus