Tampilkan postingan dengan label Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Blogging. Tampilkan semua postingan

Membuat Widget Random Post Untuk Blog

Menampilkan keseluruhan isi blog kita pada halaman beranda sepertinya sangat tidak mungkin untuk dilakukan. Nah, bagaimana tipsnya agar semua posting bisa ditampilkan? Kita gunakan teknik random post. Cara ini akan menampilkan postingan atau konten blog secara acak, mulai dari postingan lawas hingga yang terbaru.

Selain berfungsi sebagai link cepat agar pembaca / pengunjung bisa mendapat informasi, widget ini akan mempercantik blog kita. Bisa dipasang di sidebar blog / header atau footer. Yuk kita praktekan caranya...


  1. Login ke Blogger
  2. Pilih Tata Letak
  3. Pada tampilan tata letak. silahkan klik Tambahkan Gadget pada sidebar, header atau footer (disesuaikan dengan desain blog Anda)
  4. Pilih HTML/Javascript atau fungsional pihak ketiga atau kode lainnya ke blog Anda.
  5. Copy and paste kode dibawah ini :


    <style>#random-posts img{border-radius: 50px;float:left;margin-right:5px;width:75px;height:75px;background-color: #FFFFF;padding: 3px;transition: all 0.2s linear 0s;}#random-posts img:hover{opacity: 0.6;}ul#random-posts {list-style-type: none;padding: 0px;}#random-posts a {font-size: 12px;text-transform:capitalize; padding: 0px auto 5px;}#random-posts a:hover {text-decoration: none;}.rp-snippet {font-size: 10px;background: none; padding: 5px; margin-right: 8px;}#random-posts span {}#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}</style><ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=5;var rdp_snippet_length='120';var rdp_info='no';var rdp_comment='comment';var rdp_disable='Comments Disabled';var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"></script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};</script><script type='text/javaScript'> function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-PPTJQCe-atQ/U4ca2QTr_5I/AAAAAAAAEEc/TRrKNK1fqQY/s1600/no-image-available.jpg"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span><div class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<div class="rp-snippet">'+rdp_snippet+'</div><div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"></script>')};</script>
    </ul>

  • Simpan dan lihat hasilnya.



  • Keterangan :


    • #random-posts img{border-radius: 50px;float:left;margin-right:5px; width:75px;height:75px ; Ukuran image yang ingin ditampilkan / ubah angka 75 sesuai tampilan blog teman-teman.
    • var rdp_numposts=5; Jumlah post yang ingin ditampilkan
    • var rdp_snippet_length=120; Jumlah karakter isi posting, rubah sesuai kebutuhan, bila ingin dihilangkan ganti 120 dengan 'no'
    • var rdp_info='no'; ubah dengan 'yes' bila ingin menampilkan keterangan posting ( tanggal dan jumlah komentar )


    Previewnya bisa Anda lihat pada blog ini. Terima Kasih
    Semoga Bermanfaat

    Cara Sederhana Mengatasi Komentar Spam di Blogspot

    Senang rasanya melihat artikel di blog banyak pengunjung yang komentari, itu artinya tulisan kita laris manis dan bermanfaat. Sama halnya dengan blog ini, sekian lama gak dibuka, tidak terurus karena kesibukan ternyata banyak yang beri komentar. Luar biasa. Tapi aneh bin ajaib, Rasa senangku tiba-tiba berubah menjadi rasa kaget dan sedih ketika melihat betapa banyak komentar spam yang tidak relevan dengan isi tulisanku. Apa yang sedang terjadi?

    Ternyata masalahnya ada di kolom komentar blogku. Gak ada filternya, sehingga dengan leluasa di bombardir oleh Spammer. Macam-macam deh isinya mulai dari ajakan berkunjung balik ke blog atau hanya sekedar meninggalkan jejak dengan tujuan untuk mengalirkan back link ke blog visitor.

    Sebenarnya kategori Spammer ini gak terlalu mengganggu, malah asyik buat diajak berteman. Silaturahmi sesama blogger kan indah dan banyak membawa manfaat.

    Yang memprihatinkan adalah Spammer yang sengaja menempelkan sederatan link aktif berupa promosi bisnis online. Bahkan yang lebih parah lagi komentar spamnya ditempelkan link yang mengarah ke situs dewasa dan link judi online. Parah kan jadinya.

    Untuk mengatasi "bejatnya" para Spammer, aku atur lagi settingan komentar di blog dan sedikit menambahkan kode-kode di Edit templateku. Masalah teratasi.



    Untuk teman-teman blogger yang membutuhkan Cara Sederhana Mengatasi Komentar Spam ini, berikut aku bagikan Tipsnya :

    1. Pada halaman dashboard blogger pilih menu Settings > Posts and Comments seperti gambar di bawah ini:


      • Lakukan pengaturan untuk mengizinkan siapa saja yang dapat memberikan komentar di blog Anda. Saranku sebaiknya menggunakan pilihan User with Google Accounts, agar visitor yang dapat memberikan komentar hanya yang memiliki Account Google.
      • Atur bagian Comment Moderation, Pilih Always agar setiap komentar yang diberikan oleh pengunjung akan terbit setelah ada persetujuan dari Anda.
      • Aktifkan kode chaptca saat pengunjung memberikan komentar.
      • Save

    2. Langkah Kedua adalah Menghilangkan Link Aktif di Komentar Blog, Caranya :

      • Cari Kode </head>
      • Copy kode di bawah ini dan paste di atas kode </head>

        <!-- Menghilangkan Link Aktif di Komentar -->
        <script src='http://yourjavascript.com/14561981101/linkspamhidden-bloganakbangsa.js' type='text/javascript'></script>
        <script type='text/javascript'>
        $(function() {
        $('#comments p').find('a').remove(); });
        </script>
      • Save Template
    3. Jika Langkah kedua tidak berfungsi maksimal, dikarenakan trouble dengan javascript yang ada pada blog Anda, silahkan pakai cara ini :

      • Cari kode </body>
      • Sisipkan kode dibawah ini tepat di atas </body>

        <script type='text/javascript'>
        //<![CDATA[
        function blockLinks(parentID, children) {
        var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
        for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
        content[i].innerHTML = "Terima Kasih telah berkunjung ke Blog ini dan memberikan komentar. Sayangnya komentar Anda tidak relevan dengan Artikel Blog dan dihapus secara otomatis. By: Admin";
        content[i].className = "spammer-detected";
        }
        }
        }
        blockLinks('comment-holder', 'p');
        //]]>
        </script>

      • Silahkan Anda ganti tulisan berwarna merah dengan kalimat yang Anda inginkan
      • Save Template
    Semoga Bermanfaat


    Membuat ID Aplikasi Facebook Untuk Blog

    Apa Kabar kalian? Smoga tetap sehat slalu, ceria bersama keluarga dan teman-teman. Artikel kali ini akan membahas tentang Cara Mudah Membuat ID Aplikasi Facebook Untuk Blog sesuai pengalamanku saat memodifikasi kolom komentar dan membuat ID Facebook untuk Komentar Blog milik istri tercinta. He..he..he... ID aplikasi facebook apaan sih? ID aplikasi Facebook adalah kode unik yang disediakan oleh facebook. ID ini berbeda dengan ID akun facebook. Bila ID akun facebook hanya digunakan untuk mengatur profil dan berinteraksi dengan sesama pengguna facebook, maka ID Aplikasi facebook digunakan untuk selain pengguna facebook. Dalam hal ini adalah menghubungkan facebook dengan blogger.

    ID Aplikasi facebook terkadang kita butuhkan jika kita akan membuat like facebook pada blog atau ingin menambah kotak komentar blog kita supaya terdapat ruang buat facebooker untuk komentar, maka kita di haruskan mempunyai ID tersebut. Aku yakin sobat semua sudah paham, jadi tidak usah di jelaskan panjang lebar lagi tentang manfaatnya, Lanjut ke Cara Mendapatkan ID Aplikasi Facebook untuk Blog aja ya.?

    1. Langkah Pertama, Siahkan Anda kunjungi link ini https://developers.facebook.com/apps. Anda harus log in dengan akun facebook Anda.


    2. Jika sudah masuk dengan akun Facebook Anda, langkah selanjutnya klik tulisan "Create New App" atau "Buat Aplikasi Baru"


    3. Akan keluar kotak dialog Buat ID Aplikasi Facebook seperti pada gambar dibawah ini :


    4. Silahkan isi kolom Nama Tampilan dengan nama yang Anda inginkan, misal nama blog Anda. Kolom email kontak dilewati karena sudah otomatis terisi email facebook Anda. Trus pilih kategori blog Anda dan klik Buat ID Aplikasi.


    5. Jika berhasil, Anda langsung masuk ke Dasbor Aplikasi.


    6. Klik Dasbor, ID Facebook Anda akan terlihat dan siap untuk digunakan.

    7. Selesai

    Mudah bukan? Semoga bermanfaat...

    Membuat Hari dan Tanggal di Header Blog

    Sebenarnya hari dan tanggal pada header blog atau website tidak terlalu penting, karena sudah ada di komputer user, sebagaimana jam, musik, dan lain sebagainya. Fungsi tanggal pada header blog atau website hanya sekedar pemanis saja, seperti yang ada pada blog ini. Jika sobat blogger tertarik untuk memasangnya, berikut Cara Membuat Hari dan Tanggal di Header Blog atau Website. Hanya butuh 4 langkah dan jreng.. jreng... Hari dan Tanggalnya udah ada di bagian yang kita inginkan.

    Yuk ikuti langkah - langkahnya :

    • Login ke Blog
    • Pilih Template >> Edit HTML
    • Copy kode berikut ini dan paste di bagian header atau bagian mana saja yang Anda inginkan.

      <!-- Widget Tanggal Start ->
      <script type='text/javascript'>
      now = new Date();
      if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
      else (a=now.getTime());
      now.setTime(a);
      var tahun=now.getFullYear()
      var hari=now.getDay()
      var bulan=now.getMonth()
      var tanggal=now.getDate()
      var hariarray=new Array(&quot;Minggu&quot;,&quot;Senin&quot;,&quot;Selasa&quot;,&quot;Rabu&quot;,&quot;Kamis&quot;,&quot;Jum&#39;at&quot;,&quot;Sabtu&quot;)
      var bulanarray=new Array(&quot;Januari&quot;,&quot;Februari&quot;,&quot;Maret&quot;,&quot;April&quot;,&quot;Mei&quot;,&quot;Juni&quot;,&quot;Juli&quot;,&quot;Agustus&quot;,&quot;September&quot;,&quot;Oktober&quot;,&quot;November&quot;,&quot;Desember&quot;)
      document.write(hariarray[hari]+&quot; &quot;+tanggal+&quot; &quot;+bulanarray[bulan]+&quot; &quot;+tahun)
      </script>
      <!-- Widget Tanggal End -->
    • Save template, Selesai



    Selamat berkreasi, Salam Blogger

    Tips Membuat Iklan Banner Berganti Secara Otomatis

    Banner merupakan akseoris WAJIB bagi sebagian blogger, terutama yang menjadikan blognya sebagai pendulang dollar. Selain menjadikan pendapatan tambahan dari iklan - iklan yang di promosikan lewat blog, banner bisa membuat blog Anda semakin cantik dan menawan. Untung - untungan jika template blognya menyediakan banyak slot untuk tempat banner. Jika slot bannernya terbatas, ini nih yang masalah...

    Terkadang blogger sering memaksakan struktur template blognya untuk tempat banner yang tidak seharusnya dilakukan. Akibatnya, blog semakin berat dan lambat untuk di akses pengunjung. Solusinya? Buatkan Iklan Banner Berganti Secara Otomatis, Maksudnya gimana nih? Penempatan iklan banner di satu tempat dan banner tersebut akan saling berganti secara otomatis. Tujuannya tak lain untuk menghemat tempat di ruang halaman blog Anda.

    Cara membuatnya juga tidak terlalu sulit. Yang terpenting anda sudah membuat banner iklannya dan telah menentukan lokasi banner yang disesuaikan dengan struktur template.. Yuk kita mulai saja bagaimana cara membuat banner berganti otomatis di satu tempat.
    • Login ke Blogger
    • Pilih Tata Letak => Tambah Gadget
    • Pilih HTML/JavaScript
    • Masukkan kode dibawah ini kedalamnya

      <script type="text/javascript">
      var imgs1 = new Array("URL Banner-A","URL Banner-B","URL Banner-C","URL Banner-D");
      var lnks1 = new Array("URL Tujuan-A","URL Tujuan-B","URL Tujuan-C","URL Tujuan-D");
      var alt1 = new Array("Teks Iklan-A","Teks Iklan-B","Teks Iklan-C","Teks Iklan-D");
      var currentAd1 = 0;
      var imgCt1 = 4;
      function cycle1() {
      if (currentAd1 == imgCt1) {
      currentAd1 = 0;
      }
      var banner1 = document.getElementById('adBanner1');
      var link1 = document.getElementById('adLink1');
      banner1.src=imgs1[currentAd1]
      banner1.alt=alt1[currentAd1]
      document.getElementById('adLink1').href=lnks1[currentAd1]
      currentAd1++;
      }
      window.setInterval("cycle1()",5000);
      </script>
      <a href=""link iklan-1"" id="adLink1" target="_blank">
      <img src="link gambar iklan-1" id="adBanner1" border="0" width="350" height="250" /></a>

      Keterangan :
      1. URL Banner (warna Merah) merupakan alamat atau link gambar banner;
      2. URL Tujuan (warna Biru) merupakan URL tujuan, apabila diklik akan menuju link yang menjadi tujuan;
      3. Teks Iklan (warna Hijau) merupakan teks uraian singkat mengenai banner iklan Anda;
      4. Angka 5000 merupakan kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya;
      5. Width 350 dan Height 250 merupakan lebar dan tinggi banner. Silahkan Anda ganti dan disesuaikan dengan struktur template Anda.
    • Setelah semua setingan dilakukan dan sudah sesuai dengan selera Anda, klik Save
    • Selesai

    Mudah bukan? Info tambahan, tips ini juga boleh diterapkan pada blog wordpress. Nah.., silahkan dicoba dan dipasang di blog anda, semoga tips singkat tentang Membuat Iklan Banner Berganti Secara Otomatis ini dapat bermanfaat untuk sahabat blogger semuanya. Salam Blogger Indonesia....!!!

    Menghubungkan Postingan Blog Otomatis ke Akun Twitter dan Facebook

    Bosan juga rasanya, kalo selesai update postingan blog, trus log in ke Akun Twitter dan Facebook untuk sharing artikel baru secara manual. Terkadang kita harus direpotkan bahkan sampai malas bila harus memposting wallpost baru jika ada artikel baru di wall/fanpage kita. Untuk memecahkan problem ini, Aku coba lagi tips yang sudah "kadaluarsa" tentang sharing artikel blog otomatis ke Akun twitter dan halaman fanpage Facebook. Tips ini sudah aku coba di akun blogku yang lain.

    Kali ini aku coba untuk BLOG ANAK BANGSA dan sekalian share infonya ke teman-teman biar ada manfaatnya untuk blogger lain yang belum menerapkan teknik ini.

    Ada banyak cara untuk mempromosikan postingan blog ke akun twitter. Gak Percaya? Silahkan cari di rumahnya Paman Google dengan menggunakan kata kunci Menghubungkan Postingan Blog Otomatis ke Akun Twitter dan Facebook. Trik ini di daulat oleh sebagian yang telah mencobanya, mampu meningkatkan jumlah pengunjung blog melalui jejaring sosial Twiter dan Facebook.

    Mau tahu caranya? Untuk sharing Postingan Blog Otomatis ke Akun Twitter dan Facebook dengan memanfaatkan situs web Twitterfeed. Kok twitterfeed? buat twitter dong? Memang..! Syarat utamanya harus ada akun twitter dulu, karena selain bisa mengupdate postingan baru secara otomatis ke timeline twitter, situs ini juga bisa melakukan sharing postingan dengan akun fanpage facebook kita.

    Langsung saja ke cara membuatnya :

    1. Masuk ke twitterfeed.com
    2. Klik Sign Up dan lakukan registrasi. Cara daftarnya cukup mudah, hanya perlu memasukkan sedikit informasi.
    3. Pada kolom registrasi, Anda akan diarahkan pada Step 1, masukkan Feed Name dan URL Blog yang ingin Anda sharing postingannya.
    4. Pada Step 2, lakukan Configure Publishing Services, yakni masuk ke konfigurasi dengan jejaring social milik Anda, pilih Twitter dan Facebook.
    5. Pada langkah ini anda akan diminta untuk memasukkan layanan sasaran anda. Untuk Twitter, pada Available Services klik Twitter. kemudian, klik pada button “Authenticate Twitter Using Oauth” maka anda akan diarahkan ke situs twitter untuk meminta konfirmasi. Setelah selesai pilih akun yang akan digunakan kemudian klik “Create Service. akan keluar konfirmasi Service created successfully.


    6. Untuk Facebook, pada Available Services klik Facebook kemudian klik pada button Connect with Facebook. Anda akan diarahkan ke halaman konfirmasi untuk mengizinkan aplikasi twitterfeed mengakses akun facebook Anda. Kemudian pada dropdown pilih akun Fanpage yang Anda miliki. Jika hanya ingin menggunakan akun biasa maka pilih “No Page. Publish to my wall"

    7. Setelah akun Fanpage facebook dan twitter anda ditambahkan, klik tombol “All Done!” Maka anda akan diarahkan ke halaman yang menunjukkan bahwa pembuatan feed sudah sukses. Klik Go to Dashboard yang ada di bawahnya.

    8. Selesai.


    Kini anda sudah bisa memposting update baru di fanpage facebook dan akun twitter anda tanpa perlu memposting manual. Kini setiap postingan baru yang di publish, akan langsung di post kembali di fanpage facebook dan twitter anda. Selamat Mencoba....


    Membuat Daftar Isi Blog Otomatis

    Pentingkah daftar isi pada sebuah blog? Jawabannya mungkin Anda sudah tau. Disamping untuk menaikkan Page View suatu halaman artikel atau postingan yang diakses oleh pengunjung, sebuah daftar isi menjadikan sebuah referensi bagi pengunjung dalam mencari keseluruhan informasi dalam blog kita. Ibarat sebuah rumah makan, ketika ada tamu yang berkunjung dan ingin menikmati jenis-jenis menu, tentu melihat daftar menu terlebih dahulu. Kita sebagai pelayan restoran apakah harus terpaku untuk menyodorkan pada satu jenis menu makanan saja? Jawabannya Tentu tidak! Padahal masih banyak menu-menu menarik lainnya yang bisa kita sodorkan.

    Nah, agar menu - menu tersebut terlihat komplit maka kita harus menyodorkan menu lainnya agar si tamu tadi tidak jadi pindah ke restoran lain, lalu apa yang kita lakukan? Kita sodorkan saja Daftar Menu tersebut pada tamu tadi agar mereka bisa memilih sesuka hati menu apa yang ingin mereka cari.

    Untuk sebuah blog, Fungsi Daftar Isi ini akan memberi kebebasan untuk para pengunjung atau pembaca untuk menikmati semua artikel yang ada di dalam blog layaknya memilih makanan di daftar menu restoran. Manfaat lainnya dengan membuat daftar isi untuk blog, yakni :

    1. Artikel pada suatu blog akan lebih populer;
    2. Artikel yang lama akan lebih mudah ditemukan lagi
    3. Para pengunjung akan lebih bebas menemukan artikel tanpa harus mengetikkan keyword
    4. Blog akan terlihat lebih profesional dan lebih atraktif

    Menarik bukan? dengan menambakan kode javascript pada halaman posting. Daftar isi atau sitemap akan berfungsi untuk membantu pengunjung agar mereka tidak kesulitan dalam mencari artikel yang mereka butuhkan. Langsung saja ke cara membuat daftar isi blog otomatis ya?

    1. Membuat Daftar isi Berdasarkan Label atau Kategori

      • Cara membuat daftar isi pertama ini dilengkapi dengan scroll, jadi mudah ditempatkan di widget sidebar atau dalam postingan Laman. Daftar isi akan berurut berdasarkan Kategori Artikel. Terdapat tambahan notice, New!! apabila postingan masih baru.
      • Buatlah sebuah posting kosong, beri judul "Daftar Isi" atau "Sitemap"
      • Copy kode dibawah ini kemudian paste pada postingan tersebut (paste kodenya pada edit html, bukan compose)

        <div style="background: transparent url(#) no-repeat; border: 1px solid white; height: 400px; overflow: auto; padding-left: 5px; width: 95%;">
        <script language="javascript">
        numposts=9999;
        home_page="URL_BLOG_ANDA";
        explanpost="new";
        </script>
        <ul><script src="http://yourjavascript.com/29102305526/sitemapblog-anakbangsa.js">
        </script></ul>
        </div>

      • Pada post option jangan ijinkan komentar, agar halaman daftar isi tidak dipenuhi komentar yang akan memberatkan blog anda.
      • Jangan lupa mengganti Tulisan tebal berwarna merah (URL_BLOG_ANDA) dengan alamat blog anda
      • Publish Post, Selesai
      •  
        Demo dari Daftar isi berdasarkan Label dapat Anda lihat disini

    2. Membuat Daftar Isi Berdasarkan Tanggal Postingan Menu Dropdown

      • Cara membuat daftar isi yang kedua ini makin komplit fiturnya, Selain berdasarkan tanggal postingan, ada menu pilihan dropdown untuk Kategori Artikel dan Pilihan Urutan. Selain itu tersedia rangkuman artikel jika di klik icon panah di depan judul. Menarik bukan? Gunakan kode dibawah ini. Copy dan paste kodenya pada edit html, bukan compose.

        <div id="cl_option">Loading... </div>
        <div id="cl_content_list"></div>
        <script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script><br />
        <script src="http://yourjavascript.com/71312621930/sitemapdropdown-bloganakbangsa.js"></script><br />
        <script src="http://URL_BLOG_ANDA/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script>

      • Pada post option jangan ijinkan komentar, agar halaman daftar isi tidak dipenuhi komentar yang akan memberatkan blog anda.
      • Jangan lupa mengganti Tulisan tebal berwarna merah (URL_BLOG_ANDA) dengan alamat blog anda
      • Publish Post, Selesai

      Demo dari Daftar isi berdasarkan Tanggal Postingan, ringkasan artikel dan fasilitas menu dropdown dapat dilihat di Sidebar blog ini, pada menu Arsip Blog

    Beda antara cara pertama dan cara kedua yaitu pada hasil sitemap yang dihasilkan, tapi berfungsi sama. Dua-duanya menginformasikan isi dari Blog Anda. Mudah bukan?


    Semoga Bermanfaat....

    Masalah Posting Ganda Blog dan Cara Mengatasinya

    Barusan aku mengalami hal aneh seputar ngeblog. Baru kali aku dibuat berkeringat dalam mengatasi masalah utak atik template blog. Bermula dari permintaan istriku untuk mengganti template blognya (DIARY NAYA) yang sering trouble shooting, sudah ketemu template yang pas, ketika di install terjadilah kegalauan pada diriku. Halaman posting blognya jadi dua pada tampilan tata letak blogger, seharusnya hanya satu. Padahal aku belum mengutak atiknya.

    Mungkin templatenya yang salah kali, pikirku. Untung ada template cadangan hehe, di install lagi tetap tampilan posting di halaman awalnya menjadi ganda. Wuihhh.. apa yang sedang terjadi ya..?? Ini screen shoot halaman yang mengalamani masalah konten duplikat


    Langsung search di Google Cara Mengatasi Duplicate Posting pada halaman blogger. Ternyata masalah ini telah dialami teman – teman blogger lainnya, dan sudah cukup lama sejak masih ada tampilan blogger lawas.

    Nih, aku repost lagi Panduan Cara Mengatasi Posting Ganda Di Blogger. Semoga bias membantu teman – teman blogger lainnya. Sekarang meskipun tidak dirubah ke tampilan blogger lama sudah bisa kok, karena sekarang tidak ada pilihan lagi beralih ke tampilan lama. Banyakan tutorialnya mengharuskan kita bernostalgia lagi ke tampilan blogger lawas. Capek dehh..

    1. Login ke akun blogger Anda
    2. Klik template, pilih edit HTML
    3. JANGAN CENTANG Expand Template Widget. Ingat.!! Jangan di CENTANG
    4. Cari kode berikut ini:
      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
      Atau kode ini :
      <b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>
    5. Anda akan menemukan kode diatas sudah tersusun, yang penting jangan dicentang Expand Template Widgetnya, lihat gambar:

    6. Hapus <b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>
    7. Selanjutnya Preview dulu untuk melihat hasilnya. Jika sudah benar lalu SIMPAN / SAVE template
    8. Jika terjadi Galat atau template tidak bisa disimpan, maka periksa kembali Expand Template Widgetnya. Ingat..!! JANGAN ANDA CENTANG.

    Jadi deh.. halaman blog sudah normal kembali…. Saatnya tinggal mendesain template. Semoga bermanfaat. Happy blogging…


    Cara Membuat Tabs di Blogspot


    Cara membuat tabs di blogspot atau di blogger adalah hal yang sangat perlu di terapkan. karena hal ini akan memberikan daya tarik sendiri untuk penampilan blog kita, yang kelihatannya lebih simpel dan menarik untuk di lihat. nah tentunya akan menjadi daya pikat bagi pengunjung, agar pengunjung betah berlama-lamaan di blog kita. Seperti kebanyakan blog lain, dimana kita lihat di sidebar mau pun di fotter atau di header blog mereka banyak terdapat widget - widget, yang memungkin kan akan lama nya proses loading suatu blog tersebut. Nah untuk mengatasi terjadi nya kelamaan loading adalah dengan cara menambah Tabs. kita hanya cukup memerlukan satu widget untuk menempat kan isi content yang terdapat di widget-widget yang banyak tadi.

    Nah untuk anda yang ingin blog nya kelihatan simple dan menarik untuk di lihat anda bisa menambahkan Aplikasi ini untuk blog anda. Berikut langkah-langkah cara menambah tabs ke dalam blog anda :

    Langkah Pertama :

    • Login ke blogger
    • Klik Template >> Edit HTML
    • Cari kode ]]></b:skin>
    • Kemudian letakkan kode di bawah ini tepat di bawah ]]></b:skin>

      <!-- Tab Halaman Start -->
      <script type='text/javascript'>
      //<![CDATA[
      function tabtampil_oom(TPID, id)
      {
      var Tabtampil = document.getElementById(TPID);
      var TTs = Tabtampil.firstChild;
      while (TTs.className != "TTs" ) TTs = TTs.nextSibling;
      var TT = TTs.firstChild;
      var i = 0;
      do
      {
      if (TT.tagName == "A")
      {
      i++;
      TT.href = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";
      TT.className = (i == id) ? "Active" : "";
      TT.blur();
      }
      }
      while (TT = TT.nextSibling);
      var Halamans = Tabtampil.firstChild;
      while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
      var Halaman = Halamans.firstChild;
      var i = 0;
      do
      {
      if (Halaman.className == 'Halaman')
      {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display = (i == id) ? 'block' : 'none';
      }
      }
      while (Halaman = Halaman.nextSibling);
      }
      function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);
      }
      function tabtampil_inisial(TPID) { tabtampil_oom(TPID, 1);
      document.write('');}
      //]]>
      </script>

      <!-- Tab Halaman End -->

    • Kemudian klik Simpan Tamplate
    Langkah Kedua :
    • Klik Tata Letak >> Tambahkan Gadget
    • Pilih HTML/JavaScript

    • Copy paste kode dibawah ini ke dalamnya

      <style type="text/css">
      div.TabTampil div.TTs
      {height: 24px; overflow: hidden; }
      div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
      { background-color: #eee; }
      div.TabTampil div.Halamans
      { clear: both; border: 1px solid #dcc9ba; overflow: hidden; background-color: #dcc9ba;}
      div.TabTampil div.Halamans div.Halaman
      { height: 100%; padding: 0px; overflow: hidden;}
      div.TabTampil div.Halamans div.Halaman div.Alas
      { padding: 3px 5px; }
      div.TabTampil div.TTs a
      { border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left;
      display: block; width: 120px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;
      font-size: 11px; font-weight: 900; color: #000000}
      </style>
      <form action="tabtampil.html" method="get">
      <div id="TabTampil" class="TabTampil">
      <div style="width: 480px;" class="TTs"> <a>Judul Tab 1</a> <a>Judul Tab 2</a> <a>Judul Tab 3</a></div>
      <div style="width: 480px; height: 300px;" class="Halamans">
      <div class="Halaman">
      <div class="Alas">
      <br/>

      Taruh content Tab 1 disini

      </div>
      </div>
      <div class="Halaman">
      <div class="Alas">
      <br/>

      Taruh content Tab 2 disini

      </div>
      </div>
      <div class="Halaman">
      <div class="Alas">
      <br/>

      Taruh content Tab 3 disini

      </div>
      </div>
      </div>
      </div>
      </form>
      <script type="text/javascript">tabtampil_inisial('TabTampil');</script>


    • Untuk Tulisan berwarna merah letakkan kode konten yang ingin Anda tampilkan
    • Kemudian simpan dan lihat hasilnya

    Silahkan Anda berkreasi mengganti besar kecilnya tampilan tab serta warna yang pasti menyesuaikan dengan warna default blog Anda. Pengaturannya ada di style CSS kode script diatas.

    Semoga Bermanfaat

    Memasang Lencana Facebook Di Blog

    Jika sebelumnya, Aku pernah menuliskan cara Memasang Banner Blog pada Facebook, maka artikel kali ini akan menjelaskan bagaimana cara memasang lencana facebook pada blog. Tujuan pemasangan lencana Facebook pada blog atau web Anda adalah untuk menambah jumlah pengunjung blog kita. Selain itu dapat menambah pertemanan pada situs jejaring sosial yang paling populer saat ini. Buat para facebookers yang ingin facebooknya punya banyak temen dan laris manis, Kalian harus tau tips yang 1 ini, Selain dapat mempercantik blog atau web Anda, juga berfungsi sebagai iklan. Jika tertarik, silahkan ikuti tipsnya berikut ini.

    • Login ke akun facebook Anda.
    • Kemudian pilih Profil, seperti gambar di bawah ini.


    • Kemudian scroll ke bawah, klik “Buat Lencana Profil” yang ada di bagian kiri bawah.

    • Akan tampil halaman untuk pengaturan “Lencana Profil”, seperti di bawah ini.

    • Klik “Buat Lencana Baru” untuk membuat lencana facebook.
    • Lakukan pengaturan sesuai selera Anda. Tata letak dapat dipilih di antara “Tegak”, “Mendatar”, “2 Kolom”. Isi dapat dicentangi beberapa atau semua opsi yang ada, seperti “Photo Profil”, “Nama”, “Jaringan”, “Kota Asal”, “Kota Sekarang”, dan lain-lain. Setelah selesai melakukan pengaturan, kemudian klik “Simpan

    • Setelah itu, kita akan mendapatkan kode scriptnya, seperti gambar di bawah ini.

    • Langkah selanjutnya adalah menempatkan script tersebut pada blog atau website milik Anda.
    • Login ke blogger / wordpress, hingga masuk Dasbor >> Tata Letak >> Tambah Gadget / Widget >> Tambahkan HTML/Javacript. Kemudian pastekan kode script lencana facebook yang telah Anda buat. Simpan perubahan. Selesai

    • Semoga Bermanfaat

    4 Tools SEO Gratis

    Jika kita bicara tentang tools SEO, akan ada selalu banyak pilihan, baik yang berbayar maupun yang gratis. Dalam melakukan kegiatan SEO, tools sangat diperlukan, baik itu untuk checking ataupun building.

    Jika anda mengatakan SEO itu mudah, lebih baik anda tidak perlu meneruskan membaca artikel ini, karena artikel ini akan memberikan beberapa tools dasar yang akan membuat kegiatan SEO anda yang terasa sulit jadi lebih mudah dan terang.

    SEO adalah kerja cerdas dan kerja keras, tidak bisa disebut susah, tapi akan berat mengatakan kegiatan SEO itu mudah. Berikut aku hanya ingin berbagi tentang teknik SEO (Search Engine Optimization) yang simple banget. Trik ini didukung oleh 4 (empat) tools SEO gratis yang menurut aku pribadi sayang jika tidak Anda gunakan.

    Sudah gratis kok gak digunakan? sayang kan? Tools - tools SEO ini dapat membantu web dan blog Anda mendapatkan backlink, mengecek pagerank, mensubmit ke 70 search engine sekaligus dan melakukan Ping secara otomatis ke berbagai situs - situs penyedia Ping. Selain mudah digunakan, tools - tools ini aman bagi web dan blog Anda. Menarik gak? Berikut ke 4 tools - tools SEO yang aku maksudkan.



    Screaming Frog SEO Spider


    Screaming frog SEO Spider merupakan salah satu software SEO terbaik sebagai fundamental yang dapat digunakan untuk optimasi link, struktur, dan konten website Anda. Membuat website atau blog tidak begitu saja mulus, Anda wajib cek website Anda dengan alat ajaib bagus dan keren dengan kualitas terbaik ini. Banyak fitur yang dapat Anda manfaatkan dari screaming frog ini karena ada dua plan sebenarnya, edisi gratis dan berbayar. Namun, memakai edisi gratis pun sudah memenuhi syarat dan dapat digunakan untuk website Anda.

    Manfaat Screaming Frog Spider
    • Memferifikasi Crawl Error
    • Membuat Sitemap
    • Memeriksa Kesalahan Sitemap
    • Periksa Migrasi Situs yang Sukses


    Xenu Link Sleuth


    Pasti Anda takut ketika lihat icon logo Xenu link sleuth di samping. Ini salah satu software SEO terbaik buat website Anda menjadi lebih SEO Friendly. Dengan menggunakan Xenu Ada dapat mengecek link yang mati, yang sudah update, tidak terbaca dan lain sebagainya. Tampilan software SEO ini ringan dan sederhana sehingga orang awam pun dapat menggunakannya.


    Manfaat Xenu Link Sleuth
    • Cke link broken atau bermasalah dengan cepat dan mudah
    • Detek semua link redirect
    • Buat sitemap
    • Laporan real time bisa dikirim ke email dan di compress dengan Zip


    SEO Panel


    SEO Panel salah satu alat SEO gratis yang dipakai oleh para master SEO untuk mengembangkan websitenya menjadi lebih baik dengan teknik SEO yang disematkan pada fitur SEO Panel ini. SEO Panel di desain oleh developernya dengan mudah, Anda tidak perlu capek-capek install di localdrive komputer Anda. Cukup upload ke web hosting Anda. Maka, semua fitur dapat Anda gunakan dengan mudah dan cepat. Selain itu klien Anda pun dapat menggunakan layanan serta fiturnya, dengan mengaktifkan fitur pendaftaran untuk para pengunjung website Anda.


    Manfaat SEO Panel
    • Alat otomatis submission ke directory dan search engine
    • Cek posisi kata kunci di search engine
    • Site Uditor
    • Google dan Alexa rank checker
    • Backlink checker
    • Meta tag generator
    • Plugin auto share sosial media dan submission


    Scrape Box Link Checker



    Srapebox lnk checker merupakan software portable terbaik yang harus dimiliki untuk mengecek keberhasilan backlink website Anda pada semua website backlink target. Anda bisa dengan mudah submit dan check juga ping semua website Anda disini selain itu hasilnya bisa Anda export langsung ke notepad pada local drive Anda. Desain simple dan mudah digunakan oleh siapapun tanpa ribet dan hasil checkernya akurat.

    Manfaat Scrape Box Link Checker
    • Cek backlink broken
    • Multi site checker
    • Portable mudah digunakan dengan backlink tertarget

    4 Tools SEO Gratis dengan manfaat banyak sekali di atas merupakan software SEO gratis pilihan yang sengaja dipilihkan untuk Anda. Buat website Anda seringan dan sebagus mungkin strukturnya serta mudah ditemukan di search engine atau mesin pencarian.



    Semoga Bermanfaat

    Membuat Blog Di Wordpress

    WordPress adalah salah satu blog platform yang banyak digunakan saat ini. Seperti halnya blogspot, platform Wordpress pun merupakan penyedia blog yang online secara gratis.

    WordPress memberikan banyak kemudahan dan kebebasan bagi blogger untuk memodifikasi dan menginstal pluggins. Mungkin ini yang menjadi salah satu faktor yang membuat blog WordPress banyak disukai oleh para blogger.

    Apa sebenarnya perbedaan antara WordPress dan Blogspot, dimana letak kelebihan dan kekurangan masing-masing? Untuk mengetahuinya, silahkan baca di sini. Bila Anda ingin menulis secara online di wordpress, berikut cara mudah membuat blog di wordpress.



    1. Ketik : www.wordpress.com
    2. Klik Sign Up Now, (di sebelah kanan atas)
    3. Isi form
      • Username: -> isi nama blog sesuai dengan keinginan (paling sedikit empat huruf/angka)
      • Password: Isi password/kata sandi (sedikitnya enam huruf/angka)
      • Confirm: Ulangi password yang sama dengan di atas.
      • Email Address: Isi email Anda (apabila belum punya email, buat dulu di gmail.com atau yahoomail.com)
      • Legal flotsam: beri tanda tik di kotak yang tersedia sebagai tanda “setuju” dengan perjanjian.
      • Beri tanda tik pada menu “Gimme a blog” (biasanya sudah otomatis ada tanda tik di sini).
      • Klik Next
    4. Isi Form
      • Blog Title -> Isi judul yang sesuai.
      • Language -> Pilih Bahasa Indonesia.
      • Privacy -> Kasih tanda tik (biasanya sudah ada otomatis).
    5. Klik Sign Up. Buka Email dari wordpress.com dan klik link di email tersebut untuk verifikasi akun.
    6. Akan muncul pesan sebagai berikut :

      Your account is now active!
      You are now logged in as (username Anda).
      An email with your username, password, Akismet API key and important links has been sent to your email address.
      Write a post, change your template or visit the homepage.
    7. Itu berarti Anda sudah berhasil membuat blog. Silahkan login ke blog Anda. Berikut alamat penting untuk Anda :
      • Untuk login, buka: http://namabloganda.wordpress.com/wp-login.php
      • Isi username (=nama blog) dan password.
      • Klik “Write” atau “Tulis” untuk mulai membuat posting.
      • Klik “Publish” atau “Tampilkan”

    8. Selesai


    Catatan :

    • Di wordpress.com, satu account bisa untuk membuat lebih dari satu blog. Ini sama dengan blogger.com/blogspot di mana satu account bisa untuk membuat beberapa blog.
    • Kelebihan wordpress.com dibanding blogger.com adalah (1) comment friendly: pengunjung mudah berkomentar karena kotak komentar langsung terbuka di bawah posting. Bagi Anda yang suka dikomentarin, wordpress cocok untuk Anda; (2) Posting terbaru akan muncul beberapa saat di Dashboard (Menu Utama) seluruh pemakai wordpress.com, apabila posting Anda cukup menarik Anda juga berkesempatan masuk BOTD (best of the day) yakni 10 posting terbaik hari itu dan akan muncul selama sehari di Menu Utama (Dashboard) seluruh pemakai wordpress.com. Untuk BOTD ini diklasifikasi berdasar bahasa. Pastikan Anda memilih Bahasa Indonesia pada saat mendaftar (lihat poin 3.i.)
    • Kekurangan wordpress.com dibanding blogger.com/blogspot adalah javascript tidak berfungsi (disabled) artinya Anda tidak bisa memasang iklan apapun–AdSense, Adbrite, dll–di wordpress.com. Tidak masalah buat blogger yang memang betul-betul ingin ngeblog saja, tanpa ada niat untuk iseng-iseng pasang iklan. Bagi yang ingin pasang iklan, dapat juga di blog gratis yang pakai software wordpress juga seperti blogsome.com, blogs.ie., . Sayangnya, kedua penyedia blog gratis ini masih memakai software wordpress lama (tak ada fasilitas widget, dan lain-lain). Ada juga blogdetik.com, dan dagdigdug.com milik orang Indonesia yang memakai mesin wordpress terbaru.
    • Lebih lengkap tentang Wordpress dan Blogspot, silahkan baca di sini


    Selamat nge-blog di Wordpress.com



    Referensi : belajarngeblog

    Kelebihan Wordpress Dibanding Blogspot

    Dunia blogging tak dapat lepas dari dua platform engine terbesar yang kita kenal selama ini. Blogspot dan Wordpress. Dan tulisan ini bukan bermaksud untuk mengadu domba atau memilih yang terbaik di antara keduanya.

    Tapi sebagai pengguna dari kedua platform ini, (Blogspot untuk Blog Anak Bangsa dan Wordpress untuk Visit Gorontalo), Akhirnya aku dapat menentukan kelebihan - kelebihan serta kekurangan dari Blogspot dan Wordpress.

    Sebenarnya artikel seperti ini banyak sekali di temukan dimana - mana dan mungkin juga sudah basi, tapi mengapa Aku suka menulis artikel ini? Karena persoalan di atas tadi, kedua mesin ini sangat membooming di dunia blogging di banding yang lain.



    Saking membooming, aku ingin membagi pengalamanku seputar ngeblog di Blogspot dan Wordpress. Kalau membahas soal keunggulan wordpress kayaknya ngga ada habisnya deh... Karena wordpress merupakan cms yang power full dan mempunyai berjuta keunggulan dibanding yang lain. Dan bagi yang master, keunggulan wordpress bisa di maksimalkan semaksimal mungkin. Dan kayaknya keunggulan blogspot ngga bakal ada apa apanya di banding keunggulan wordpress makanya wordpress lebih cepat ke index search engine dibanding blogspot

    Berikut keunggulan Wordpress di banding Blogspot, sesuai dengan pengalamanku selama ngeblog.

    • Di Wordpress, Anda dapat membuat halaman page yang tidak termasuk dalam daftar postingan. Dan menu ini tidak ditemukan di blogspot. Kalaupun ada di blogspot, itu merupakan halaman posting yang di modifikasi dan dijadikan page di blog oleh usernya. Kalau di Wordpress halaman page dan postingan terpisah.
    • Wordpress dilengkapi akismet atau spamfree, yakni plugin untuk memblokir komentar spam. Dijamin aman dari spam, kecuali akismet atau spamfree di wordpress tidak di aktifkan.
    • Mengedit HTML di Wordpress sangatlah mudah, karena di halaman tema, masing - masing bagian, misal header, footer, sidebar tampilannya tidak seperti yang ada di blogspot yang masih tergabung ketika Anda mengedit HTML.
    • Read more yang lebih mudah, tanpa membubuhi atau mengedit lagi script java/html seperti yang ada di blogspot.
    • Wordpress di dukung oleh ribuan plugin untuk mendukung kinerja blog. Bahkan banyak master yang berpendapat, kekuatan wordpress terletak pada pluginnya.
    • Wordpress dilengkapi auto ping, jadi setiap mempublish post baru wordpress akan secara otomatis melakukan ping, memberitahukan layanan penyedia ping bahwa ada postingan terbaru
    • Comment Friendly, pengunjung mudah berkomentar karena kotak komentar langsung terbuka di bawah posting. Bagi Anda yang suka dikomentarin, wordpress cocok untuk Anda. Sekarangpun sebenarnya juga sudah ada thema dari blogspot yang kolom komentarnya di bawah postingan, akan tetapi masih akan melakukan pengeditan jika temanya tidak mendukung komentar langsung di bawah artikel. Kalau masalah komentar, Wordpress lebih unggul.
    • Tema yang disediakan banyak. Anda tinggal memilih saja sesuai dengan selera Anda.
    • Wodpress dapat di gunakan atau di instal di hosting sendiri lewat control panel, sedangkan blogspot hanya dapat mengganti domainnya saja, dengan tetap menggunakan google sebagai hosting.
    • Permalink yang seo friendly dan sesuka hati. Untuk pemakai wordpress dengan hosting sendiri bisa menyeting permalink sesuai dengan keinginan, tidak seperti di blogspot, yang paten dan tidak dapat di ubah - ubah.
    • Dapat digunakan lebih dari satu orang. Platform blog ini bisa dikelola oleh beberapa orang dengan berbagai kewenangan. Seperti administrator, editor, author dan contributor. Walaupun di blogspot pun telah dapat menambahkan lebih dari satu penulis, cara registrasinya yang beda. Di wordpress lebih mudah dibanding blogspot.
    • Posting terbaru akan muncul beberapa saat di Dashboard (Menu Utama, dibagian bawah) seluruh pemakai wordpress.com, apabila posting Anda cukup menarik Anda juga berkesempatan masuk BOTD (best of the day) yakni 10 posting terbaik hari itu dan akan muncul selama sehari di Menu Utama (Dashboard) seluruh pemakai wordpress.com. Untuk BOTD ini diklasifikasi berdasar bahasa. Pastikan Anda memilih Bahasa Indonesia pada saat mendaftar
    • Menurut sebagian blogger yang seneng blogwalking di Handphone (misal, lewat opera mini), mereka lebih senang komentar di blog ber-wordpress karena tidak terlalu ribet memberikan komentar
    • Worpress sangat cocok untuk para blogger pemula, yang belum paham dengan bahasa - bahasa HTML,
    • Gravatar/icon yang mudah tanpa mengupload ke file hosting dan kemudian membubuhi scriptnya.
    • Dapat dibuat offline, sehinga Anda tidak perlu koneksi internet. Dengan dibuat offline, menjadikan waktu dan biaya internet Anda menjadi lebih hemat.
    • Tersedianya fasilitas export dan import, sehingga Anda dapat mensinkronkan website yang Anda buat baik di online maupun offline.
    • Pengguna WordPress akan selalu mendapatkan update mesin, berupa pemutakhiran mesin wordpress ke versi terbaru.
    • Terakhir, rasakan sendiri deh bedanya menggunakan wordpress dan blogspot.

    Tiada yang sempurna di dunia ini, begitu juga dengan Wordpress. Kekurangan wordpress pun banyak di banding blogspot. Salah satunya adalah javascript tidak berfungsi (disabled) artinya Anda tidak bisa memasang iklan apapun seperti AdSense, Adbrite, kalau di indonesia seperti KumpulBlogger. Tapi juga bisa pasang referal misalnya, ataupun kalau kita yang suka upload, yah di ziddu biar kita juga bisa dapat uang. tapi memang sepertinya Wodpress ini ditujukan untuk user yang bener - bener hobby ngeblog, tanpa ada niat untuk pasang iklan dan mencari tambahan penghasilan.

    Membuat Gambar Melayang di Blog


    Ternyata ada juga blogger yang masih bingung tentang cara membuat gambar melayang di blogspot. Buktinya ada pesan di buku tamu dari Sdr.Ucup (kimura_cs@yahoo.com). "Maaf mau tanya, klo nampilin gambar bendera itu gmn? boleh minta codenya. Kirim ke email saya ya..?". Gambar bendera pada blog ini maksudnya gambar melayang yang ada di sudut bawah blog. Jadi, inti yang ditanyakan gimana cara membuat gambar melayang di blog. Padahal tutorialnya banyak ya?, dari yang berbahasa inggris, hingga berbahasa indonesia. Mungkinkah bahasa tutotialnya kurang di mengerti? Atau si Ucup enggan mengunjungi rumahnya Paman Google? Entahlah.. Yang pasti berikut tutorial ulangnya yang di ambil dari berbagai sumber.


    Gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh oleh scrool mouse. Maksudnya kita dapat membuat gambar seperti melayang di kanan, kiri, bawah, atas walaupun Scrollbar ditarik kemana-mana. Dan bukan hanya gambar yang bisa Anda pakai di posisi gambar melayang ini, tapi counter, Status YM, iklan dan lain-lain.

    Sebelumnya back up dulu template Anda, agar jika terjadi kesalahan dan template blog Anda tidak rusak. Berikut step-step yang harus sobat lakukan :

    1. Login ke Acount blogger anda.
    2. Masuk pada Pengaturan.
    3. Pilih Tata letak.
    4. Pilih Edit html.
    5. Cari kode ini ]]></b:skin> truz copy paste kode di bawah ini di atas kode ]]></b:skin>

      #melayang {
      position:fixed;_position:absolute;bottom:0px; left:0px;
      clip:inherit;
      _top:expression(document.documentElement.scrollTop+
      document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    6. Berikutnya cari lagi di dalam template anda kode </body> Kemudian copy pastekan code dibawah ini dan letakkan diatas kode </body>.

      <div id='melayang'>
      <a href='http://ifoell.blogspot.com/'>
      <img border='0' src='http://i437.photobucket.com/albums/qq96/bloganakbangsa/benderamerahputih.gif'/></a></div>
    7. Simpan, Selesai deh....


    Keterangan :
    • Pada langkah 5 : Kode yang tercetak merah (bottom dan left) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan Anda.
    • Pada langkah 6 : Kode yang berwarna merah silahkan diganti dengan url blog Anda sebagai link dan url tempat gambar anda disimpan, misal : di photobucket, di imageshack, di flickr, dll.



    Semoga Bermanfaat ya Sobat..?? Happy Blogging

    Cara Back Up Isi Blog


    Seberapa pentingkah pilihan memback up blog kita? Sangatlah penting tentunya ya? Untuk mengantisipasi hilangnya blog kita atau terjadinya trouble shooting akibat kesalahan meng klik ketika kita mengedit blog. Atau google mendelete account blog kita, entah di sengaja atau tidak. Dalam hal memback up blog, khususnya di blogspot ngga sulit kok, dan fasilitas yang disediakan blooger pun ada, yaitu export blog. Dengan “Export Blog” kita dapat dengan mudah menyimpan seluruh file dan postingan ke media hard drive seperti harddisk, cd atau usb stick. Langkah-langkah melakukan back up data posting di blogspot, sederhana saja. Berikut langkahnya :



    1. Masuk ke dashboard blogspot.
    2. Pilih tab Settings.
    3. Pada Settings, pilihlah sub tab Basic.
    4. Di baris Blog Tools, pilih link Export blog. Pada menu window yang muncul, klik tombol DOWNLOAD BLOG.
    5. Tunggu proses downloading data hingga selesai. Jika selesai, silahkan cek lokasi di harddisk dimana segala hasil download disimpan. Ciri-ciri filenya adalah tanggal download dilakukan dan berekstensi xml. Contoh nama file seperti ini: blog-01-04-2010.xml.

    Setelah proses back up selesai dan jika suatu saat anda membutuhkannya lagi, cukup gunakan fasilitas “import”, blog akan kembali normal. Jadi, jangan lupa untuk mem-backup blog kita, sehingga kalau kejadian blog tanpa sengaja terhapus atau sengaja dihapus oleh blogger masih ada cadangan/backup yang terselamatkan. Semoga Bermanfaat.



    referensi ; tips-trik blogging

    Seberapa Berat Blog Anda?


    Dalam membuat blog tentunya kita ingin agar blog kita tampil semenarik mungkin. Terkadang saking semangatnya kita dalam mempercantik blog, kadang kita sampai melupakan sesuatu yang penting, yaitu masalah berat (size) dan kecepatan (speed) berapa lama waktu yang dibutuhkan untuk membuka blog kita. Apalagi jika kita ingin menambah widget sebagai hiasan dalam blog. Tetapi karena kebanyakan widget, blognya malah menjadi berat atau malah ngga bisa di buka dalam waktu yang singkat. Walaupun blog kita bagus tapi kalo blog kita lama untuk di akses, maka pengunjung pun jadi enggan untuk singgah di blog kita.


    Anda tentu pernah membuka suatu web / blog yang aksesnya lama, saking lamanya kita akhirnya tidak jadi membuka web / blog tersebut. Nah tentu Anda tidak ingin blog Anda jadi miskin pengunjung gara - gara loading banget.

    Nah, dibawah ini ada widget dari www.iwebtool.com untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya. Namanya widget Website Speed Test Untuk menggunakan alat dibawah ini Anda tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB.

    Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah - ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak - pernik yang kurang begitu berguna seperti jam, kalender, dan lain sebagainya. Dengan widget ini Anda juga dapat membandingkan dengan web atau blog kepunyaan orang lain. Selamat mencoba.



    Your domain(s): Enter each address on a new line (Maximum 10)
    (contoh : ifoell.blogspot.com)


    Tips Cari Blogger Satu Daerah


    Semua blogger pasti ingin berkomunikasi dan berinteraksi dengan blogger lainnya, entah itu berasal dari luar negeri, dalam negeri bahkan satu daerah (satu kota). Beruntung para blogger yang daerahnya telah memiliki komunitas - komunitas online, seperti komunitas blogger. Tapi bagi blogger yang daerahnya belum memiliki satu komunitas sebagai wadah berkunmpulnya para blogger, Anda dapat mendeteksi atau mencari para blogger yang satu daerah atau satu kota dengan Anda dengan cara yang sangat mudah. Siapa tahu, ada tetangga di samping atau di depan rumah kita pun ternyata blogger juga. iya kan..?? atau kita ingin mengetahui blogger dari kota lainnya.


    Caranya? Anda hanya cukup mencopy kode URL di bawah ini dan silahkan pastekan pada address bar browser anda dan Enter.

    Mencari blogger seluruh Indonesia :

    http://www.blogger.com/profile-find.g?t=l&loc0=ID

    Mencari blogger dalam satu wilayah provinsi :

    http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Sulawesi+Utara

    Mencari blogger dalam satu kota/ kabupaten :

    http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Sulawesi+Utara&loc2=Kotamobagu


    Keterangan :
    Silahkan Anda ganti huruf yang bercetak warna merah sesuai dengan kode negara, nama provinsi dan nama kota yang ingin Anda cari.

    • ID : kode untuk Indonesia.
    • Sulawesi+Utara : nama provinsi. Tanda + berfungsi sebagai spasi pada nama provinsi dengan dua kata atau lebih. Jika Provinsi Anda hanya terdiri dari satu suku kata, misal : Gorontalo, Jambi, Maluku, Riau maka di tumbahkan kata provinsi di depan nama daerahnya, menjadi : Provinsi+Gorontalo
    • Kotamobagu : nama kota atau kabupaten.

    Semoga Bermanfaat

    Optimasi Keyword Di Blog

    Anda pasti berharap bahwa blog Anda akan dikunjungi oleh pengguna internet lain. Namun setelah beberapa minggu nge-blog ternyata masih sangat sedikit atau malahan tidak ada orang yang mengunjungi blog Anda. Kemudian berusaha untuk men-submit blog ke beberapa mesin pencari, namun hasilnya masih sama.

    Selanjutnya, kamu berusaha lebih extra powerfull dengan mengoptimalkan kata kunci atau "keyword" utama dan sekarang hanya difokuskan pada satu mesin pencari. Tetapi lagi-lagi jawabannya masih "Anda belum beruntung". Sampai disini mungkin Anda menyerah dan memutuskan membuat blog lain yang berbeda sasarannya atau bahkan berhenti nge-blog. Ganti blog sih agak mending, tapi kalau sampai berhenti nge-blog gimana.?

    Mudah-mudahan hal tersebut jangan terjadi pada kita, karena kegagalan itu merupakan kesuksesan yang tertunda. So, don't give up...

    Diatas merupakan gambaran tentang "betapa berharganya sebuah SEO". SEO adalah adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma mesin pencari tersebut.



    Kembali ke keyword, langkah awal dalam membuat suatu blog adalah menentukan judul yang tepat. Ini penting dilakukan sebelum kamu mulai mengisi blog dengan berbagai konten, seperti posting dan widget/gadget/elemen halaman.

    Judul blog semestinya mempunyai keterkaitan/korelasi dengan keyword utama, sedangkan keyword merupakan satu atau serangkaian kata yang menjadi dasar dalam pencarian di search engine. Untuk mengetahui sumberdaya keyword tersebut silakan download secara gratis tool "Good Keywords" atau kunjungi www.adwords.google.com/select/KeywordToolExternal.

    Sekarang coba masukkan keyword Anda ke dalam pencarian Google, berapa total hasil pencariannya (result)? Semakin banyak result, maka semakin tinggi pula tingkat persaingannnya. Artinya sangat kecil peluang blog Anda akan dikunjungi orang, apabila kamu tetap memaksakan judul dengan keyword yang ada.

    Analisa keyword yang berperingkat sedang dan masih berhubungan erat dengan blog yang akan Anda buat. Jika sudah menemukannya, pilih dan masukkan "Words" tersebut dalam judul blog selama masih tersedia pada website blog yang Anda inginkan. Adalah lebih baik memasukkan serta keyword lain yang masih berhubungan dengan blog, bahkan keyword yang memiliki rangking tinggi contoh : SEO | Blog mudah terdeteksi, mesin pencari, SEO blog, dan seterusnya.

    Bagaimana menambah judul blog (title) dapat kamu baca di Rahasia dibalik "Meta Title Tag" blogger dari O-OM atau SEO | Analisa Kode HTML, "Source Code" dari Suka-Suka.com. Lakukan pula langkah di atas, ketika Anda ingin membuat judul posting dan tag posting.

    Bagaimana cara mengetahui rangking blog?

    Demikian banyak tool atau add-on atau plugin yang dapat Anda gunakan untuk mengetahui rangking blog, namun dalam pembahasan ini kita batasi hanya pada penggunaan "Page Rank". Page Rank adalah cara Google memberi suatu nilai yang spesifik kepada situs web mengenai kepopuleran dari situs web itu sendiri.

    Hal tersebut didasarkan pada banyaknya "suara-suara" situs web lain bersesuaian dengan situs web mu. Sedangkan pengertian "suara" itu sendiri adalah ketika situs web lain menempatkan link-nya di situs web mereka yang menunjuk ke situs web mu. Secara umum, semakin banyak "suara-suara" atau link yang menunjuk ke situs web mu, maka Page Rank akan lebih tinggi (PR).

    Agar web browsing dapat melihat Page Rank Google blog Anda, maka perlu meng-install "Google Toolbar". Toolbar tersebut dapat diunduh secara bebas di www.toolbar.google.com.



    referensi : optimasi-blog.blogspot.com

    Memasukkan Artikel Blog Ke Facebook

    Mungkin di antara teman - teman semua sudah ada yang tahu bagaimana caranya memasukkan rss blog ke facebook, agar secara otomatis apa yang kita tuliskan dalam blog akan keluar sebagai catatan dalam halaman facebook. Tapi tak apalah. siapa tahu ada yang masih belum paham dengan tekniknya atau barangkali ada yang iseng datang ke sini dan baru tahu kalau blog bisa dimasukkan ke Facebook. weleh.. weleh.. hari gini..? Banyak dari teman - teman kita yang memanfaatkan keberadaan blog ini sebagai media untuk berekspresi. Entah dengan membuat macam-macam tulisan, berjualan, atau hanya untuk sekadar berbagi cerita tentang kegiatan yang mereka alami. Nah, sayang kan, jika tulisan yang Anda buat di blog hanya di simpan untuk diri sendiri. Padahal, Anda juga eksis di Facebook.


    Setiap artikel yang anda posting di blog akan ditampilkan otomatis sebagai update status anda di facebook, jadi tidak perlu lagi mempromosikan tulisan kita dengan cara manambahkan tautan. Teknik ini support terhadap banyak penyedia blog gratis seperti Windows Live Space, WordPress.com, blogspot.com, WordPress powered blogs.

    • Login ke akun Facebook yang Anda miliki. Setelah itu, klik logo bergambar buku tulis (notes) yang ada pada bagian kiri bawah pada halaman Facebook Anda.


    • Setelah masuk ke halaman manajemen Notes, klik tulisan Import a blog yang ada pada bagian kanan atas.

    • Copy terlebih dahulu feed RSS blog yang Anda ingin lampirkan. Cara mengcopynya tekan icon rss pada toolbar sebelah kanan

    • Setelah di copy, pastekan url blog. Setelah memasukkan url blog Web URL, centang opsi yang ada di bawahnya, lalu klik tombol Start Importing.

    • Setelah sukses meng-import blog, kamu akan dihadapkan pada halaman preview Notes. Bila sudah pasti bahwa isi Notes tersebut sama dengan postingan blog Anda, tekan tombol Confirm Import yang ada pada bagian kanan atas.

    • Sekarang bila kita masuk ke dalam My Notes, semua postingan yang sebelumnya ada di blog, telah muncul sebagai kumpulan Notes di Facebook, lengkap dengan link ke halaman post aslinya.


    Perlu diperhatikan bahwa mulai sekarang Notes dan postingan blog asli akan berjalan secara independen. Jadi bila sebuah postingan telah masuk dalam Notes Facebook, perubahan atau penghapusan postingan di blog asli tidak akan terjadi pada Notes. Semoga Bermanfaat.