cara Membuat Widget Populer Post Terbaru Beserta Label




cara Membuat Widget  Populer Post  Terbaru  Beserta Label
Cara Membuat Widget  Populer Post  Terbaru  Beserta Label
Bagi anda yang ingin membuat Populer post terbaru ada baiknya saya jelaskan sedikit mengenai populer post terbaru ini, mari simak penjelasanya. Widget Ini bisat mempunyai kemampuan yang dapat menggandakan diri agar dapat menampilkan sebuah daftar posting terbaru yang lebih dari satu buah dan berdasarkan label yang spesifik.

Sekarang widget ini tidak hanya untuk berfungsi menampilkan sebuah daftar posting dari satu feed blogger, tetapi bisa juga untuk menampilkan daftar postingan dari feed blog Blogger yang lainya.

bagi anda yang ingin sudah tidak sabar lagi unutk memasang widget post terbaru ini, maka anda simak langkah- langkah tutorial di bawah ini.

# Cara Memasang Widget populer post terbaru
  1. Pastikan Anda sudah masuk di Akun blogger anda atau klik disini
  2. Masuk pada bagian Layout/ Tata letak dan anda klik ADD widget Html/ Java Script
  3. Dan anda Copas kode di bawah ini ke dalam kolom Html/ java script tadinya.
  4. <link rel="stylesheet" type="text/css" scoped="scoped" href="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.css"/>
    <style type="text/css" scoped="scoped">
    /* Custom CSS */
    .list-entries {
      margin:5px;
      width:270px; /* Lebar widget */
      float:left;
      font-size:11px;
    }
    </style>
    
    <div id="feed-list-container"></div>
    <div style="clear:both;"></div>
    
    <script type="text/javascript">
    var multiFeed = {
        feedsUri: [
            {
                name: "Judul Widget 1",
                url: "http://nama_blog-1.blogspot.com",
                tag: "JQuery"
            },
            {
                name: "Judul Widget 2",
                url: "http://nama_blog-2.blogspot.com",
                tag: "CSS"
            },
            {
                name: "Judul Widget 1",
                url: "http://nama_blog-3.blogspot.com",
                tag: "Widget"
            }
        ],
        numPost: 4,
        showThumbnail: true,
        showSummary: true,
        summaryLength: 80,
        titleLength: "auto",
        thumbSize: 72,
        containerId: "feed-list-container",
        readMore: {
            text: "Selengkapnya",
            endParam: "?max-results=20"
        }
    };
    </script>
    <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>
  5. Opsi feedsUri: [ merupakan array objek yang mana  pada setiap objek akan mewakili sebuah masing-masing widget:
    // Tiga objek = tiga widget
    feedsUri: [{}, {}, {}]
  6. Untuk Setiap objek ada terdapat berisi beberapa data yang di pakai untuk menentukan sebuah judul widget, sumber URL dan tag/kategori posting spesifik:
    feedsUri: [
        {
            name: "Judul Widget 1",
            url: "http://nama_blog-1.blogspot.com",
            tag: "Blogger"
        },
        {
            name: "Judul Widget 2",
            url: "http://nama_blog-2.blogspot.com",
            tag: "WordPress"
        },
        {
            name: "Judul Widget 3",
            url: "http://nama_blog-3.blogspot.com",
            tag: "SEO"
        }
    ]
  7. Nah jika Setelah semua konfigurasi telah diatur dengan baik dan benar 
  8. Maka anda klik Save Widget. dan anda modifikasi tampilan dapat anda lakukan di dalam tag <style> yang Saya tambahkan pada widget di atas.
Note: untuk menegedit code yang point no 3 lihat keterangan di bawah ini.
FeedsUri ==> Ini  berupa array objek dimana di dalamnya ada terdapat beberapa data yaitu berupa nameurl dan tag: name digunakan untuk menentukan sebuah judul widget, url digunakan untuk menentukan URL feed, dan tag digunakan untuk menentukan sebuah tag/label posting yang ingin ditampilkan.

NumPost ==> Yang ini digunakan untuk menentukan beberapa jumlah posting yang akan kita tampilkan.

ShowThumbnail ==> Untuk Show Thumbnail Anda ganti nilainya menjadi false tujuannya agar bisa menyembunyikan gambar posting.

ShowSummary ==> Anda ganti saja nilainya menjadi false agar bisa menyembunyikan ringkasan posting.


SummaryLength ==> Ini digunakan untuk  memotong sebuah karakter judul Artikel yang terlalu panjang. Dan bisa anda gantikan nilainya menjadi angka untuk memotong karakter sebanyak angka tersebut, atau bisa juga anda set sebagai "auto" tujuannya agar pada judul postingan sebagai apa adanya.

ThumbSize ==> Kalau thumbsize digunakan untuk menentukan ukuran thumbnail Artikel kita.

ContainerId ==> Fungsinya untuk menentukan sebuah ID kontainer yang akan digunakan untuk memuat widget

ReadMore ==> Ini terdiri dari text dan endParam. text adalah untuk digunakan menentukan label tautan “Baca Selengkapnya” yang letaknya di bawah masing-masing widget, dan sedangkan endParam fungsinya digunakan untuk menentukan parameter akhir tautan tersebut [ anda abaikan saja  jika memang tidak perlu menurut anda].

Demikian penjelasan saya mengenai cara membuat widget populer post terbaru Beserta Label, jika ada yang kurang jelas bisa di tanyakan, semoga bisa bermanfaat untuk anda selamat mencoba dan berhasil. thanks

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect