Membuat Daftar Isi Galery Pada Blog

Diposkan oleh Imron fhatoniLabel: Widgeddi 07.25

Pada kesempatan ini saya akan share sedikit mengenai cara membuat daftar isi galery keren di blog pada dasarnya kode yang digunakan cukup simple dan ringan jika agan berminat lansung saja ikuti langkah langkahnya dibawah ini...

Masuk blog agan

pilih menu Laman/Laman Kosong

Lalu pada Kolom postingan Pilih Mode Html

Jika Sudah Letakan kode dibawah ini pada laman yang telah tersedia

<link href="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/theme/light.css" media="screen" rel="stylesheet" type="text/css"></link>

<div id="dte-masonry-container">
<span id="json_loading">Loading...</span></div>
<div id="dte-masonry-nav">
<a href="https://www.blogger.com/null" id="json_prev-nav">Sebelumnya</a><span id="json_total-posts">Halaman # dari #</span><a href="https://www.blogger.com/null" id="json_next-nav">Berikutnya</a></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script src="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/js/jquery.masonry.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
// JSON...
var viewMode         = "summary", // Widget mode ? "summary" : "thumbnail"
    jm_homePage      = "http://informasibloger.blogspot.com",
    numposts         = 9,
    numchars         = 270,
    showThumbnails   = true,
    squareImage      = false,
    newTabLink       = false,
    jm_columnWidth   = 200,
    jm_subHeaderText = ["Diposting oleh", "pada"],
    jm_monthNames    = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    jm_commentLabel  = "",
    jm_postCategory  = null,
    jm_fallbackThumb = "http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/img/meee.png",
    jm_loadedText    = "Loaded.";

// MASONRY...
var $jm_container    = $('#dte-masonry-container'),
    $jm_itemSelector = '.json_post',
    $jm_nav          = $('#dte-masonry-nav'),
    $jm_prev         = $('#json_prev-nav'),
    $jm_next         = $('#json_next-nav'),
    $jm_totalPosts   = $('#json_total-posts'),

    jm_fadeSpeed   = 400,
    jm_resizeSpeed = 1000,
    jm_isAnimated  = true,
    jm_animateWithTransition = false,
    jm_animationOptions = {
        queue: false,
        duration: 600,
        easing: null
    }
    jm_isFitWidth  = true,
    jm_gutterWidth = 0,
    jm_isRTL       = false;
//]]>
</script>
<script src="http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/js/post.brick.js" type="text/javascript"></script>

Catatan : silahkan anda ganti  kode berwarna merah dengan Url blog anda

Selesai Terakhir silahkan di Publikasikan gan....

Selamat mencoba semoga bermanfaat.....

readmore :http://dte.web.id/

Penulis : Imron fhatoni Lokasi : NTB, SUMBAWA

Artikel Membuat Daftar Isi Galery Pada Blog, ditulis oleh Imron fhatoni. Semoga artikel ini dapat menambah wawasan Kita. Silahkan tinggalkan jejak pada form Komentar untuk mempermudah Imron fhatoni berkunjung kembali ke blog sobat.(Wassalam)

Share This article
FacebookGoogle+TwitterDigg

Share on Google Plus

About Unknown