Latest Post

Tampilkan postingan dengan label Panduan Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Panduan Blog. Tampilkan semua postingan

Membuat Slider Image Otomatis

image slider otomatis

DEMO

Tutorial akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda.

Slider otomatis di blog saat ini menjadi aplikasi penting dalam per bloggeran. Animasi berita yang berubah sesuai keinginan pemilik blog tentunya menjadikan web blog menjadi indah dan modern.

Berikut disampaikan bagaimana membuat Slider Image Otomatis versi creatingwebsite-maskolis.blogspot.com berikut. 

Slider ini hanya memakai innerfade jquery dan cycle jquery plugin untuk melembutkan perpindahan content slider (bener nggak ya...?), pengertian Innerfade jquery kira-kira seperti ini :

InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

Source : medienfreunde.com

Wah malah bingung sendiri saya mas/mbak maklum Inggris saya dapat 6 dulu waktu sekolah, langsung saja pada cara pembuatannya :

  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

    #featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
    #featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
    #featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
    .featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
    .featuredTitle a{color:#f7441a}
    .featuredTitle a:hover{color:#000}
    .navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
    ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
    ul.pagination a { float:left; margin:0 5px; display:inline; }
    ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UVPefhDaanKbJ2zBXBgEVR3z36Fx-J3-9FUdMcXrY9P8H38kGy1G6xib5xlhUJl-3F7ANL5qEjxqRUvttasLoGktr6HITQlIL5MbujjnDqWWctZ80Gvddu-PH2w2x2HQhrjA54jdhcA/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a.activeSlide { background-position:0 -12px }
    a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn39kzi97xg_TfT5tz4mvqbxQH5OGpXL8NEKXHzSX0z2sh2t0mD-oc-CLn-Axvl0lTP_G6lHGX6mXQrbc7z_xgzAhGtlYg_tAYN_Bk-I-gZHlNyqpLENbpoddnvYcpbjLNIuGu4NYWZGE/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
    border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
    a.readmore:hover {color:#ff0}

    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.

  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode</head> :

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery.innerfade.js' type='text/javascript'/>
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/cycle.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tQML4VCnOlVXREwCX4HNhALVTqAfaqcoZ5UqGhYkoJSkRPFZ7Yc6TO4Apf7AkKBPfvz1J4P9KqJtlVbMTU1WSSbytl09vVUKStQGpbk_jiP3alRaA8vt2PAWfqHJ11jrS-8X9NsyE7U/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost = 150;
    summaryTitle = 25;
    numposts  = 7;
    function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
    function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
        document.write('<div class="slides">')
    if (numposts <= json.feed.entry.length) {
    maxpost = numposts;
    }
    else
           {
      maxpost=json.feed.entry.length;
      }
    for (var i = 0; i < maxpost; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }
    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }
    var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
    document.write(trtd);
    j++;
    }
        document.write('</div>')
    }
    //]]>
    </script>

    Keterangan :

    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

    Kode warna biru : 7 adalah jumlah slider yang ditampilkan. Sedangkan angka 340 dan 212adalah panjang dan lebar image yang ada di slider.

  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini dibawahnya :

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='featuredSlider'>
    <div class='container'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    <div class='navigation'>
    <ul class='pagination'/>     <script>
    $(&#39;.slides&#39;).cycle({
    fx:     &#39;fade&#39;,
    speed:  &#39;slow&#39;,
    timeout: 3000,
    pager:  &#39;.pagination&#39;
    });
    </script>
    </div> </div> <!--end .container-->
    </div>
    </b:if>

    Jika Anda ingin menampilkan slider per kategori atau label tinggal ditambahkan saja kode diatas :

    /feeds/posts/default?max-results
    Menjadi :
    /feeds/posts/default/-/your label?max-results
    Silahkan ganti "your label" dengan kategori yang ingin Anda tampilkan pada slider.
  8. Terakhir, save templates dan lihat hasilnya.

Sumber : http://creatingwebsite-maskolis.blogspot.com/2012/08/membuat-slider-image-otomatis-joss.html

Membuat Recent Comment Avatar Tanpa Edit HTML

Tutorial ini sebenarnya sudah banyak sekali beredar di internet, tapi karena ada salah satu teman blogger yang menanyakan via email cara membuat komentar terbaru dengan avatar, tidak ada salahnya kalau pada malam hari ini saya akan berbagi satu lagi tutorial blog mengenai cara membuat komentar terbaru dengan avatar.

Meletakkan widget recent comment akan sangat berguna jika blog yang anda kelola sudah ramai pengunjung, karena terkadang kita sulit untuk mengetahui komentar-komentar yang baru masuk. Kecuali jika pemberitahuan komentar baru atau recent commentsdiarahkan pada satu email yang sudah kita setting di bagian "Comment Notification Email". Jika sudah diatur, maka dengan sendirinya anda dapat membaca tiap komentar yang masuk hanya dengan membuka email.

Sebenarnya ada alternatif lain untuk mengetahui komentar baru di blog kita, yaitu dengan cara mengecek satu persatu artikel dan melihat komentar yang masuk. Apakah Anda sanggup dan punya banyak waktu untuk melakukan itu? Nah, cara yang ini tentu saja sangat merepotkan karena harus melihat satu-persatu artikel yang ada komentarnya. Untuk itu agar lebih mudah mengetahui komentar terbaru yang masuk ke blog, anda bisa menambahkan widget "Recent Commets" yang sudah disediakan blogger. Selain widget recent comments yang disediakan blogger, anda juga dapat membuat sendiri widget recent comment ini dengan menambahkan fitur avatar agar lebih memperindah tampilan widget tersebut.

recent comment avatar

Karena prolognya sudah terlalu panjang, sekarang bagaimana cara membuat widget recent commment avatar tanpa harus Edit HTML? Widget ini nantinya seperti gambar diatas, jika anda ingin melihat demonya disini(klik comment pada tab view)

  1. Login ke blogger dengan akun Anda.
  2. Di dashboard masuk ke layout
  3. Setelah itu anda pilih add gadget >> HTML/Javascript
  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript
    <style type="text/css">
    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
    .tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 50,
    characters  = 60,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
    <script type="text/javascript" src="http://creatingwebsite-maskolis.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

    Keterangan :
    Warna merah (5) : adalah jumlah komentar yang ditampilkan
    Warna kuning (50) : ukuran pixel avatar
    Warna hijau (60) : Jumlah karakter huruf komentar
    Warna biru : ganti dengan URL blog Anda.

  5. Terakhir save, membuat recent comment dengan avatar telah selesai.

Mudah bukan? widget ini terserah mau anda letakkan dimana saja di homepage blog. Misalnya di bagian sidebar atau footer, asalkan bisa dengan mudah dilihat oleh pengunjung blog. Widget recent comments sebenarnya adalah widget yang tidak wajib untuk sebuah blog, tapi daripada Anda kesulitan dalam mencari komentar baru yang masuk? Segitu dulu tutorial kali ini, selamat mencoba dan semoga bermanfaat.

Sumber : Johny Tamplated

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Icon Obeng dalam mengedit template dipastikan akan muncul dan tentu saja sedikit membuat kita tidak nyaman. jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :

quick-edit


Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.
Namun ternyata ada beberapa dari kita yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template berikut :

.quickedit{
display:none;
}

Cara dan tahapannya :

  1. Login ke blogger dengan ID anda tentunya.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Cari kode seperti ini :

    ]]></b:skin>

  5. Copy paste kode berikut persis di atas kode yang tadi :

    .quickedit{
    display:none;
    }

  6. Klik tombol Simpan template.

  7. Selesai.

Selamat Mencoba !!

Cara Menghilangkan Angka Dalam Label

Cara menghilangkan Angka Dalam Label adalah dengan menghapus sedikit kode di dalam kode template, dengan langkah sebagai berikut:

  • Sign in ke blogger dengan ID anda.
  • Klik Layout.
  • Klik menu Elemen Halaman.
  • Klik tab Edit HTML.
  • Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

    expand widget template

  • Tunggu beberapa saat ketika proses sedang berlangsung.
  • Silahkan anda cari kode berikut pada kode template milik anda :
    (<data:label.count/>)
  • Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.
  • Klik tombol Simpan Template.
  • Selesai. Silahkan lihat hasilnya !
Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan angka yang menyertai Label akan menghilang entah kemana.
Selamat mencoba !

Panduan Membuat blog di blogspot

Seperti halnya e-mail, dalam membuat blog langkah pertama adalah mebuat sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan blog di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com, fttp://www.xanga.com dan banyak lagi.
Contoh Tata Cara pembuatan blog khusus di http://www.blogger.com, Silahkan anda klik situs berikut untuk mendaftar.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

- Klik tanda anak panah yang bertuliskan "CIPTAKAN BLOG ANDA "
-Isilah Alamat Email dengan alamat email anda (tentunya yang valid) -Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
-Tuliskan password yang anda inginkan pada form Masukkan sebuah password
-Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
-Isi Nama Tampilan dengan nama yang ingin anda tampilkan

-Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
-Klik gambar anak panah yang bertuliskan "LANJUTKAN"
-Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
-Tulis nama situs anda pada form Alamat Blog (URL)
-Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
-Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
-Setelah keluar tulisan "Blog Anda telah di Ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

Cara Setting Blog :

Settingan / pengaturan yang harus di lakukan agar blog di kenali mesin pencari semisal Google,yahoo, Msn.

Langkah-langkahnya :

  1. Silahkan Login ke blogger.com dengan user name dan password.
  2. Klik judul blog yang mau di setting.
  3. Klik Pengaturan, trus klik Dasar.
  • Beberapa form yang harus di isi pada menu Dasar : Judul ⇒ isi dengan judul blog. Contoh : Blogspot Tutorial.
  • Uraian ⇒ isi dengan deskripsi blog. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog.
  • Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
  • Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
  • Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
  • Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
  • Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
  • Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
  • Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
  • Klik tombol Simpan Pengaturan . Selesai
  • Silahkan Login ke blogger.com dengan user name dan password
  • Klik judul blog yang mau di setting.

4. Klik Publikasi untuk mengatur menu Publikasi

  • Alamat Blog*Spot ⇒ isi dengan nama blog. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
  • Klik tombol Simpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

  • Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
  • Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
  • Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
  • Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
  • Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
  • Bahasa ⇒ Pilih bahasa yang di inginkan.
  • Tampilkan Field judul ⇒ Pilih ya atau tidakpun tidak apa-apa.
  • Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
  • Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa.
  • Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

  • Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
  • Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
  • Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
  • Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
  • Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
  • Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
  • Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
  • Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
  • Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
  • Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
  • Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
  • Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

  • Frekuensi Arsip ⇒ pilih Bulanan.
  • Aktifkan Halaman Posting? ⇒ pilih ya.
  • Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs : Izinkan Feed Blog ⇒ pilih Penuh.

  • Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
  • Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
  • Klik tombol Simpan Perubahan. Selesai.Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan

    Selamat Mencoba....

Membuat Blog

Tulisan ini mencoba menerangkan tentang Blog dari berbagai sudut pandang.
Apakah anda sudah berada di depan komputer ? kemudian apakah modem ADSL sudah terpasang dengan baik ? dan apakah anda sudah siap menjelajahi Internet ? yang jelas and so pasti : "apapun internet-nya speedy aksesnya", website apa yang sedang menarik sekarang ? Apa yang lagi nge “trend” di Internet ? Link-link apa saja yang menarik ? Jangan khawatir , , , disamping banyaknya Search Engine (mesin pencari), ada banyak Blog di Internet yang bisa memandu kita untuk menemukan website di Internet. Dan ada cukup banyak detail-detail dan komentar pribadi yang bisa anda nikmati dari tiap Blogger. Lewat Blog mereka, Blogger telah meraih pemirsa setia dan memperkenalkan kehidupan pribadi dan berbagi pengalaman mereka pada kita semua.

Apa yang dimaksud dengan Blog ?
Blog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara terus-menerus dan berisi link-link ke website lain yang mereka anggap menarik, disertai dengan komentar-komentar pemilik blog dan pengunjungnya.
Kemudian Blog berkembang mencari bentuk sesuai dengan keinginan para pembuatnya atau para Blogger. Blog yang pada mulanya merupakan “catatan perjalanan” seseorang di Internet atau “diary online”, yaitu link ke website yang dikunjungi dan dianggap menarik, kemudian menjadi jauh lebih menarik daripada sebuah daftar link. Hal ini disebabkan karena para Blogger biasanya juga tidak lupa menyematkan komentar-komentar “cerdas” mereka, pendapat-pendapat pribadi dan bahkan mengekspresikan sarkasme mereka pada link yang mereka buat.
Dari komentar-komentar tadi biasanya Blog kemudian menjadi jendela yang memungkinkan kita “mengintip” atau “mengenali” isi kepala dan kehidupan pribadi sehari-hari dari penciptanya. Blog adalah cara mudah untuk mengenal kepribadian seseorang Blogger. Topik-topik apa yang dia sukai dan tidak dia sukai, apa yang dia pikirkan terhadap link-link yang dia pilih, apa tanggapannya pada suatu isu. Seluruhnya biasanya tergambar jelas dari Blog-nya. Karena itu Blog bersifat sangat personal. Roger Yim, seorang kolumnis San Francisco Gate pada artikelnya di Februari 2001, menuliskan bahwa sebuah Blog adalah persilangan antara diary seseorang dan daftar link di Internet. Sedang Scott Rosenberg dalam kolomnya di majalah online Salon pada May 1999 menyimpulkan bahwa Blog berada pada batasan website yang lebih bernyawa daripada sekedar kumpulan link tapi kurang instrospektif dari sekedar sebuah diary yang disimpan di internet.
Perkembangan lain dari Blog yaitu ketika kemudian Blog bahkan tidak lagi memuat link-link tapi hanya berupa tulisan tentang apa yang seorang Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga menjadi Diary Online yang berada di Internet. Satu-satunya hal yang membedakan Blog dari Diary atau Jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain. Para Blogger dengan sengaja mendesain Blog-nya dan isinya untuk dinikmati orang lain.
Sejarah Blog
Kemungkinan besar Blog yang pertama adalah halaman What's New pada browser Mosaic yang dibuat oleh Marc Andersen pada tahun 1993. Kalau kita masih ingat, Mosaic adalah browser pertama sebelum adanya Internet Explorer bahkan sebelum Netscape. Kemudian pada Januari 1994 Justin Hall memulai website pribadinya Justin's Home Page yang kemudian berubah menjadi Links from the Underground yang mungkin dapat disebut sebagai Blog pertama seperti yang kita kenal sekarang.
Hingga pada tahun 1998, jumlah Blog yang ada diluar sana belumlah seberapa. Hal ini disebabkan karena saat itu diperlukan keahlian dan pengetahuan khusus tentang pembuatan website, HTML, dan web hosting untuk membuat Blog, sehingga hanya mereka yang berkecimpung di bidang Internet, System Administrator atau Web Designer yang kemudian pada waktu luangnya menciptakan Blog-Blog mereka sendiri.Pada Agustus 1999 sebuah perusahaan Silicon Valley bernama Pyra Lab meluncurkan layanan Blogger.com yang memungkinkan siapapun dengan pengetahuan dasar tentang HTML dapat menciptakan Blog-nya sendiri secara online dan gratis. Walaupun sebelum itu (Juli 1999) layanan membuat Blog online dan gratis yaitu Pitas telah ada dan telah membuat Blogger bertambah hingga ratusan, tapi jumlah Blog tidak pernah bertambah banyak begitu rupa sehingga Blogger.com muncul di dunia per-blog-an. Blogger.com sendiri saat ini telah memiliki hingga 100.000 Blogger yang menggunakan layanan mereka dengan pertumbuhan jumlah sekitar 20% per bulan. Blogger.com dan Pitas tentu tidak sendirian, layanan pembuat blog online diberikan pula oleh Grouksoup, Edit this Page dan juga Velocinews. Sejak saat itu Blog kian hari kian bertambah hingga makin sulit untuk mengikutinya. Eatonweb Portal adalah salah satu daftar Blog terlengkap yang kini ada diantara daftar Blog lainnya. Ribuan Blog kemudian bermunculan dan masing-masing memilih topik bahasannya sendiri, dimulai dari bagaimana menjadi orang tua yang baik, hobi menonton film, topik politik, kesehatan, sex, olahraga, buku komik dan macam-macam lagi. Bahkan Blogger ada Blog tentang barang-barang aneh yang dijual di situs lelang Ebay yang bernama Who Would By That?. Cameron Barret menulis pada Blog-nya essay berjudul Anatomy of a Weblog yang menerangkan tema dari Blog. “Blog seringkali sangat terfokus pada sebuah subjek unik yaitu sebuah topik dasar dan/atau sebuah konsep yang menyatukan tema-tema dalam Blog tersebut.” Secara sederhana topik sebuah Blog adalah daerah kekuasan si Blogger-nya tanpa ada editor atau boss yang ikut campur, tema segila apapun biasanya dapat kita temukan sejalan dengan makin bermunculannya Blog di Internet. Dan ya, ide itu telah terpikirkan, Blogger bahkan sekarang telah membuat Blog dari Blog, dan bahkan Blog dari Blog dari Blog.
Dari sekian banyak Blog yang ada, Blog-Blog yang menetapkan standar dari Blog dan terkenal sehingga memiliki penggemarnya sendiri diantaranya adalah Blog milik Jorn Barger, Robot Wisdom yang disebut-sebut merupakan Blog terbesar dan paling berguna dimana dia setiap harinya menyodorkan sekian banyak link yang dibentuk dari ketertarikannya pada seni dan teknologi. Camworld adalah Blog populer milik Cameron Barret seorang Desainer Interaktif dimana dia mengkatagorikan topik-topik Blog-nya pada katagori, Random Thoughts, Web Design dan New Media. Camworld dapat disebut sebagai Blog klasik dalam arti Blog tersebut mengandung dosis tepat dari karakter dan opini pribadi dicampur dengan keselektifan pemilihan link-nya.
Blog terkenal lainnya diantaranya, “Obscure Store”http://www.obscurestore.com/ milik Jim Romenesko yang menyediakan link bertemakan berita dan gosip serta hal-hal kecil yang sedikit mengarah pada underground movement, Lawrence Lee juga setiap hari mengupdate Blog-nya, Tomalak's Realm dengan link-link pada berita tentang Web Design dan Net Business. Memepool dengan pilihan koleksi link-nya yang unik disertai analisis cerdas juga digemari sebagai Blog yang istimewa. Kottke.org merupakan Blog menarik milik Jason Kottke seorang Web Designer yang tinggal di San Francisco, di Blog-nya dia menulis bahwa Blog-nya tersebut adalah caranya mengisi waktu luang untuk menyusun kembali tulisan-tulisan, desain-desain dan critical skill-nya. Tak lupa juga Blog milik Dave Winer, Scripting News, salah satu Blog pertama yang banyak memberikan link tentang pemrograman.

Siapa sih para Blogger di Internet ini? Rebecca Blood pada Blog-nya Rebecca's Pocket mengatakan bahwa para Blogger mulanya adalah mereka yang telah mengajarkan diri mereka sendiri HTML karena mereka menyenanginya, atau mereka yang setelah seharian bekerja di kantor dot.com mereka, dan kemudian menyisakan waktu luang beberapa jam setiap harinya untuk melakukan web surfing dan memasang hasilnya pada Blog mereka. Mereka adalah apa yang ia sebut orang-orang yang antusias pada web. “These were web enthusiast.” tulisnya. Evan Williams, pendiri Blogger.com berpendapat, “Mayoritas Blogger adalah anak-anak muda atau mahasiswa. Dan banyak diantara mereka yang menggunakannya untuk berkomunikasi dengan teman-temannya.”.
Setiap orang tentu saja dapat membuat Blog-nya masing-masing, tapi seperti yang dikatakan Evan, Blogger saat ini kebanyakan terdiri dari para penulis diary muda yang dinamis, offbeat dan punya opini untuk segala hal. Dalam kata lain mereka adalah generasi yang tidak takut berpendapat dan mengungkapkan pendapat mereka.
Lalu apa gunanya membuat Blog? Apa yang mungkin didapatkan oleh seorang Blogger dalam usaha mengurus Blognya? Rabecca Blood menulis bahwa setelah ia membuat Blog-nya ada dua efek samping yang terjadi yang tidak ia perkirakan sebelumnya. Pertama ia menemukan kembali minatnya semenjak ia mulai membuat Blog. Dan hal kedua yang lebih penting, ia mulai lebih menghargai cara pandangnya sendiri.
Ketika setiap harinya ia mengupdate Blog-nya ia mulai mempertimbangkan opini dan ide-idenya dengan lebih hati-hati dan ia mulai merasakan bahwa perspektifnya adalah unik dan penting untuk disuarakan.
Ketika seorang blogger menuliskan apa yang ada di pikirannya, maka ia akan sering berkonfrontasi dengan pikiran-pikiran dan opininya sendiri. Menulis Blog, atau Blogging, setiap hari akan membuat Blogger menjadi penulis yang lebih percaya diri. Dengan terbiasa mengekspresikan pikirannya pada Blog-nya, seorang Blogger dapat dengan lebih baik mengartikulasikan opininya. Blog bahkan dapat menjadi semacam terapi jiwa.
Tentu saja tidak semua orang adalah seorang Natural-Born Blogger dan dapat memproduksi Blog yang menarik. Di luar sana ada banyak Blogger yang merasa perlu mendokumentasikan diri setiap kali ia bersin, atau anak-anak muda yang menuliskan “Saya bosan” atau “School Sucks!” setiap tiga jam sekali. Amy Jo Kim seorang konsultan dan pengarang buku “Community Building on the Web: Secret Strategies for Succesful Online Communities”, menulis bahwa diperlukan beberapa syarat dasar khusus untuk menjadi seorang Blogger, yaitu kemampuan untuk mengekspresikan diri, keinginan untuk berkomunikasi dengan orang banyak dan minat pribadi pada “keterusterangan”.
Blog dengan caranya sendiri sepertinya membuat hidup, pikiran, opini dan kegiatan Bloggernya lebih mempunyai tujuan dan lebih teratur.
Komunitas Blog dan Budaya Digital
Sejalan dengan kepribadian sebuah Blog, si Blogger atau editor dari sebuah Blog biasanya menerima pula kontribusi-kontribusi link unik dari para penikmat Blog-nya. Beberapa website Blog juga menerima feedback terhadap opini dan komentar dari link suatu artikel atau suatu isu yang dimuat. Blog karenanya pula bersifat interaktif dan membentuk komunitas-komunitas para Blogger yang saling me-link-kan Blog mereka satu sama lain.
Para Blogger diwakili oleh Blog mereka mengekspresikan persahabatan, permusuhan dan seringkali melakukan perdebatan yang mereka muat dalam Blog mereka masing-masing yang kemudian mereka link-an pada opini awal yang mereka komentari. Sebuah percakapan dapat berkembang antara 3 hingga 4 Blog sekaligus sambil merujuk pada jawaban mereka di Blog lain. Kelompok pemujaan pada pribadi Blog tertentu bermunculan, beberapa nama Blogger muncul dan muncul kembali pada update harian Blog seseorang yang diidolakannya, atau nama tersebut muncul pada daftar Blog lainnya yang Blogger itu ikuti.
Blog adalah budaya digital tersendiri dan komunitas elektroniknya bertebaran di internet dan dengan sedemikian banyak Blog di Internet yang selalu mencari website-website yang menarik maka Blog menjadi unik. Seperti yang dituliskan Cameron Barret bahwa Blog saat ini adalah indikator akurat tentang apa yang sedang terjadi di Internet dan di dalam komunitas web. “Blog adalah simbol dari apa yang hebat tentang Internet.” tulisnya.
Keinteraktifan adalah hal lain yang didapatkan dari Blog. Internet bukan saja memungkinkan para Blogger memberikan opini dan komentar mereka tentang suatu isu, tapi juga memungkinkan para pembaca Blog menuliskan opininya pula tentang opini yang ia baca. Pro, kontra, link, tambahan informasi, fakta baru, semuanya kemudian terkandung dalam satu situs Blog besar. Jon Katz dalam tulisannya di Slashdot, Here Come The Weblog, May 1999, menggambarkan Blog sebagai rangkaian evolusi menuju “New Media”. Blog berhasil mendemostrasikan banyak hal tentang budaya interaktif yang disukai orang, terutama anak-anak muda, tulisnya.
Salah satu Blog yang terkenal keinteraktifannya adalah Slashdot yang terkenal dengan semboyannya “News for Nerds. Stuff that Matters” yang dikelola oleh beberapa moderator. Di Slashdot satu opini menghasilkan sekian banyak lagi komentar pro atau kontra yang didukung dengan link yang mereka kontribusikan.Salah satu Community Blog yang perlu dikunjungi pula adalah MetaFilter. Jika banyak Blog lebih bersifat personal, dikendalikan dan ditulis oleh satu orang, atau mencerminkan pribadi satu seseorang, maka katagori Community Blog, seperti MetaFilter hidup dari kontribusi banyak orang dimana setiap harinya para blogger ini sama-sama mengisi MetaFilter dengan link-link mereka dimana mereka menuliskan komentar-komentar mereka pula di dalamnya. Saat ini ada 13511 anggota aktif di MetaFilter, dimana setiap link yang didonasikan ke MetaFilter tentu saja kemudian bisa dikomentari oleh blogger lainnya lagi. Interaksi adalah salah satu daya tarik kuat dari Blog.Keinteraktifan Blog adalah salah satu faktor yang menunjang kepopulerannya. Media konvensional yang bersifat satu arah berubah bentuk menjadi tempat dimana suara semua orang mendapat tempat, walau belum tentu berharga. Blog memiliki kebalikan struktur dari media konvensional yang bersifat top-down, membosankan dan arogan, kata Jon Katz. Blog juga adalah contoh tepat evolusi komunitas eleltronik dan kemampuan orang yang secara online membuat media yang mereka kostumisasi sendiri, Jon Katz meneruskan. Media yang dikustomisasi sendiri yang dimaksud, adalah media yang lepas dari kecurigaan media sebagai corong korporasi besar. Blog kemungkinan besar adalah masa depan media yang kita saksikan sekarang.
Cameron Barret mengatakan hal yang sama, bahwa “Big Idea” dari Internet adalah kekuatan informasi yang terdistribusi dan jurnalisme gaya Blog adalah jurnalisme media online dalam tingkat yang lebih tinggi. Rebecca Blood menulis: Dengan komentar-komentar tak kenal takut dan sarkasme mereka Blogger mengingatkan kita betapa seringkali media konvensional terinfeksi oleh vested-interest dalam membuat berita.
Blog dengan kecenderungannya memilih-milih berita dan artikel serta website sesuai dengan preference personal Blogger-nya, membuat seolah The Web telah di-_filter_, The Web telah dijelajahi terdahulu (_pre-surfed_) oleh para Blogger dan kita tinggal menikmati apa yang telah disediakan para Blogger pada Blog yang kita sukai. Para Blogger memilihkan link pada website dan berita yang paling aneh, paling bodoh, hingga paling lengkap atau tidak lengkap dari Web. Jon Katz menyebut Blog, Filtered News. Blog sebagai saringan The Web telah menyelamatkan kita dari kekacauan atau kesentralan informasi online yang sekarang terjadi di Internet.
Scott Rosenberg dalam kolomnya di Salon menuliskan pendapatnya tentang Blog dan para Blogger. Blogger, tulisnya, telah menemukan ceruk (_niche_) baru yang subur dalam lingkungan informasi Web. Mereka memenuhi ramalan para visionaris internet terhadap munculnya jenis baru para jurnalis online, tetapi bedanya daripada mencari berita di dunia nyata, mereka menyiangi internet untuk mendapatkan berita.
Blogger menurut sifat dasarnya bukanlah reporter, mereka berperan sebagai editor dalam Blognya masing-masing dan dalam sebuah dunia dengan budaya media yang telah jenuh, Blog menjadi suara-suara alternatif yang menyuarakan bunyi independen dalam setiap ulasannya. Blog bukanlah obat mujarab untuk budaya yang telah jenuh dengan media, tapi mudah-mudahan Blog adalah salah satu peredanya tulis Rabecca Blood.
Memiliki Blog sendiri dan Blog Indonesia.
Cara paling direkomendasikan untuk memiliki Blog sendiri adalah dengan mendaftarkan diri kamu di Blogger.com, belajar sedikit tutorial HTML dasar dan Here you go! Kamu sudah memiliki Blog kamu sendiri. Blogger.com tidak membatasi jumlah Blog yang bisa kamu miliki, tidak membatasi kapasitas panjang dari Blog kamu. Kamu bisa memilih desain interface Blog kamu dari template yang telah disediakan, atau jika kamu sudah menguasai HTML kamu bisa merancangnya sendiri atau memodifikasinya. Blog kamu bisa ditempatkan dilayanan website gratis seperti Tripod atau Geocities atau bisa juga ditempatkan di server yang disediakan Blogger.com.
anda juga bisa mendapatkan tutorial-tutorial dan bertanya tentang Blog pada forum diskusi yang disediakan oleh Blogger.com. Cara mengisi Blog kamu adalah dengan masuk ke Blogger.com dan menuliskan di area yang sudah disediakan, atau menggunakan fasilitas yang diberikan oleh Blogger.com, dimana dengan satu klik kamu dapat membuat link ke website yang sedang kamu lihat dan kamu dapat memasukkan komentar kamu. Tapi yang paling penting tentu siapkan diri kamu buat mengorganisir lagi opini dan pendapat-pendapat kamu dan latih otot kritis yang kamu miliki.
Apa yang membuat suatu komentar adalah komentar yang bagus? Weblog Resource memberikan beberapa tips. Secara ideal, komentar kamu perlu menjelaskan tentang link yang kamu buat dan kenapa kamu memasang link tersebut. Sebuah komentar tidak cukup hanya berkata link ini cool misalnya, komentar seperti ini tidak berguna buat pengunjung Blog kamu. Tips singkat yang paling berguna? Jadilah diri kamu sendiri, dan mulailah menulisi Blog yang kamu miliki.
Apa ada para Blogger indonesia? Yap.. Website yang mendaftar para Blogger Indonesia yaitu Indo.Blogs. Kriteria satu-satunya agar Blog kamu terdaftar pada Indo.Blogs hanyalah berkebangsaan Indonesia, tanpa memandang secara geografis lokasi kamu berada.
Indo.Blogs mendaftar sekitar 40-an Blog yang ada, keseluruhan secara kasar ada sekitar 100-an Blogger Indonesia dengan personalitinya masing-masing. Kebanyakan mahasiswa atau berprofesi di bidang IT dan Web Desain. Ada yang keseluruhan memakai Bahasa Inggris sebagian lagi memakai Bahasa Indonesia dan sebagian lagi mencampur bahasa yang digunakan. Sayangnya banyak juga yang tidak terupdate setiap hari. Jarak antara satu update dengan yang lain bisa satu bulan lamanya dan kebanyakan lebih berupa jurnal pribadi daripada Blog yang banyak memuat link. Tapi kebanyakan memiliki desain Blog yang menarik dan sederhana, dan Blogger Indonesia tidak lupa mencantumkan sahabat-sahabat Blog mereka dengan rapih seperti yang biasa dilakukan oleh Blogger luar negeri.
Lalu apakah ada Community Blog Indonesia? Yupe ada. Silahkan arahkah browser kita ke MSN.OR.ID. Para Blogger disini disebut “celetukers” karena sifatnya dimana masing-masing Blogger memang menyeletukan sesuatu yang kemudian mengisi website ini.
Saat ini ada 64 celetukers dengan masing-masing link ke Blog mereka. Website ini bermula dari mereka yg dulu sering chatting di server microsoft comic chat (irc.msn.com) dan setelah server tersebut kemudian ditutup, maka para penghuninya kemudian mendirikan website ini.
Lebih jauh lagi tentang Komunitas Blogger di Indonesia? Berarti kamu harus gabung sama mailing listnya. Bloggerians adalah mailing list diskusi terbuka untuk komunitas para Blogger Indonesia yang terbentuk sejak bulan Maret 2001 dan saat ini dianggotai oleh 45 anggota.
Mayoritas Blogger Indonesia masih berasal dari kalangan website desainer atau system administrator, atau mereka yang pekerjaannya memang membuat mereka akrab dengan dunia membuat website. Walau begitu, diskusi menarik sering pula terjadi disitu.
Generasi Kedua
Pada tulisannya di Star Telegram, Frances Katz (ada hubungan dengan Jon Katz?) menulis bahwa Blog adalah generasi kedua dari Home Page Pribadi. Perbedaan utama antara Home Page Pribadi dan Blog yaitu, Home Page Pribadi adalah tempat dimana kamu menempatkan foto keluarga, foto kamu dan kemudian mendistribusikan informasi pada lingkaran kecil teman-teman dan keluarga. Sedang Blog dirancang untuk “pengunjung”. Blog memiliki suara spesifik dan kepribadian. Blog karenanya adalah kepanjangan interaktif dari pembuatnya.
Apakah Blog memang suara murni media baru seperti yang diramalkan? Atau hanya sekedar trend digital? Dan akan bertahan lamakah Blog-Blog di Internet? Tentu saja ini jawaban yang perlu dijawab oleh para Blogger sendiri. Banyak orang saat ini memiliki idealisme terhadap Blog sebagai sebuah konsep desentralisasi informasi yang mengembalikan berita kembali di tangan para penggunanya dan tidak dimonopoli lagi oleh korporasi besar atau perusahaan media. Tentu saja masih sekian tahun lagi kita melihat apakah konsep yang bermula dari budaya dan komunitas ini bisa terjadi atau tidak. Kritik terhadap ledakan jumlah Blog yang sekarang terjadi pun sudah banyak disuarakan. Berapa murni lagi suara Blog bisa bertahan? Perdebatan tentang hal ini terus terjadi di Web. Untuk saat ini, buat anda yang berminat hanya satu saran, BLOG ON!