Cara Pasang Feed Di Blog

Mengutip sebuah permintaan yang saya kutif dari shoutbox yang kira-kira seperti ini : 

"aku mau tiap ada artikel baru di blog ni aku bisa tahu diblog aku" 

Permintaan tersebut melukiskan keinginan untuk selalu mengetahui apakah ada artikel baru atau tidak di blog ini dengan tidak harus bercape ria bolak-balik membuka browser. Bila ada pertanyaan apakah bisa kita memasang sesuatu di blog milik sendiri agar mengetahui perkembangan atau update terbaru dari blog yang kita senangi? jawabannya bisa, bahkan banyak cara yang bisa di tempuh. 

Agar tidak terlalu memakan space, saya akan menerangkan hanya dengan satu cara yaitu memakai RSS feed. Apa itu RSS? RSS singkatan dari Rich Site Summary atau jika dalam bahasa indonesia adalah ringkasan dari isi sebuah situs (blog juga termasuk di dalamnya). Tapi dalam postingan kali ini saya tidak akan menerangkan secara gamblang tentang RSS feed tadi, bagi yang ingin tahu lebih jauh tentang ini sobat bisa baca di wiki indonesia

Dari mana kita mengetahui alamat RSS feed blog milik kita? biasanya untuk alamat di blogger ditambah dengan --> atom.xml , jadi alamat feed untuk blog ini adalah : 

http://kolom-tutorial.blogspot.com/atom.xml 

Sekarang bagaimana cara memasang kode feed di blog milik kita? bagi sobat yang menggunakan template baru alias new blogger template cara nya sangat mudah. Silahkan ikuti langkah-langkah berikut ini : 

  1. Sig in di blogger dengan id sobat


  2. Klik menu layout


  3. Klik menu Elemen Halaman


  4. Klik tulisan Tambahkan sebuah Elemen Halaman


  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed


  6. Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml


  7. Klik tombol SIMPAN PERUBAHAN


  8. Pindahkan elemen yang baru saja di buat pada tempat yang sobat kehendaki


  9. Klik tombol SIMPAN


  10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat


  11. Selesai



Untuk melihat contoh, judul postingan terbaru pada blog ini bisa muncul di blog lain, silahkan klik di sini !

Ada satu lagi bagi sobat yang lebih mengutamakan penampilan, spring widget telah membuat suatu panel yang sangat unik sehingga akan bisa di jadikan sebagai aksesori blog. Contoh dari panelnya adalah seperti di bawah ini :



















Bagaimana lebih menarik bukan di banding dengan tadi yang hanya menampilakan judul artikel saja. Bila tertarik memasang ini silahkan ikuti langkah-langkahnya.

Untuk template klasik :

  1. Sign in di blogger dengan id sobat


  2. Klik menu Template


  3. Klik menu Edit HTML


  4. Copy kode berikut, lalu paste pada sidebar
      1. <object allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" type= "application/x-shockwave-flash" id="" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version= 7,0,0,0" width="180" height="318" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"><br>
        <param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" /><param name="flashvars" value="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param_ style_borderColor=000000&amp;param_style_brandUrl=&amp;" /><br>
        <param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /> <param name="allowFullScreen" value="true" /><param name="bgColor" value="0x000000" /> <br>
        <embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess= "always" src="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" flashvars="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param _style_borderColor=000000&amp;param_style_brandUrl=&amp;" quality="high" wmode=" transparent" width="180" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><br>
        <div style="font:11px/12px georgia;width:180px;margin-top:2px;"></div>
      Sedikit clue, untuk bagian sidebar. jika template asli buatan blogger biasanya seperti ini : 

      <!-------- Begin#sidebar----------> 
      <div id="sidebar"> 


      ....................... 


      ....................... 


      ....................... 


      </div> 
      <!-------- End#sidebar----------> 

      nah pasang kode tadi diantara kode diatas. 

    1. Klik tombol Pratinjau, lihat hasilnya. jika sudah OK klik tombol Simpan Perubahan Template


    2. Selesai.




    Untuk yang template baru :

    1. Sign in di blogger


    2. Klik menu layout


    3. Klik menu Elemen Halaman


    4. Klik tulisan Tambahkan sebuah Elemen Halaman


    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript


    6. Copy kode berikut, lalu paste pada kotak yang ada :

      1. <center>
        <object allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" type= "application/x-shockwave-flash" id="" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version= 7,0,0,0" width="180" height="318" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"><br>
        <param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" /><param name="flashvars" value="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2F blogtutorial&amp;param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" /><br>
        <param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgColor" value="0x000000" /><br>
        <embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess= "always" src="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" flashvars="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp; param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" quality="high" wmode="transparent" width="180" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><br>
        <div style="font:11px/12px georgia;width:180px;margin-top:2px;"></div></center>

    7. Klik tombol SIMPAN PERUBAHAN


    8. Pindahkan elemen yang baru saja di buat pada tempat yang sobat kehendaki


    9. Klik tombol SIMPAN


    10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat


    11. Selesai.


    Untuk contoh bisa di lihat di sini !



    Ada satu hal penting yang saya lupa, sobat harus mengatur menu setting agar bisa di menampilkan feed. Langkah-langkahnya yaitu :

    1. Sig in


    2. Klik menu layout (untuk template baru), atau klik menu Template (untuk template klasik)


    3. Klik menu Pengaturan


    4. Klik menu Feed situs


    5. Klik menu dropdown di samping tulisan Ijinkan Feed blog


    6. Pilih yang Penuh


    7. Klik tombol Simpan Setting


    8. Selesai.




    Bagaimana sobat? mudah-mudahan dengan ini sobat tidak perlu bolak-balik karena setiap ada postingan terbaru akan langsung bisa di lihat di blog milik sobat sendiri.

    Selamat mencoba !!!
    sumber : kolom-tutorial

    Tidak ada komentar

    Diberdayakan oleh Blogger.