URL Feed Blogger: Dasar Sindikasi Feed Blogspot

Artikel ini adalah awal dari beberapa seri mengenai Blogger Feed yg ke depan akan saya kupas lebih jauh lagi. Memahami feed merupakan hal esensial bagi usaha pengembangan blog, terutama dalam usaha sindikasi, publikasi konten blog, serta peningkatan readership & traffic blog. 

Apa itu Feed?

Feed, atau lazim juga disebut umpan, adalah format data yg digunakan untuk menyediakan update konten bagi user. Aktivitas ini melibatkan sindikasi dengan distributor web feed (agregator, feed reader, news reader) yg kemudian membaca feed secara otomatis serta memberikan layanan penyebaran konten dan kemudahan bagi user untuk berlanggganan (subscribe/subscription) guna mendapatkan update terbaru. Salah satu contohnya adalah Google Reader, yg dapat memberikan kita update secara otomatis apabila ada konten web baru sesuai dengan yg kita inginkan. Oleh karena itu, feed sering juga disebut sebagai syndicated feed.

Data feed berupa dokumen (biasanya dlm XML) yg terdiri dari beberapa bagian termasuk link-link yg menuju ke halaman web/blog. Dua jenis utama feed adalah Atom dan RSS. Kedua jenis feed itulah yg digunakan oleh blog-blog ber-platform Blogger. Versi feed yg digunakan oleh Blogger saat ini adalah Atom 1.0 dan RSS 2.0. Feed Blogger terbuat secara otomatis setelah sebuah blog diciptakan.

Bagi Blog, feed merupakan salah satu alat untuk meraih pengunjung dan traffic tetap. Pembaca blog yg mendaftar/berlangganan feed melalui feed/news reader subscription atau email subscription adalah orang-orang yg tertarik akan konten suatu blog dan berkeinginan mengikuti updatenya (meskipun ada pula autoblog / semi autoblog yg memanfaatkan cara ini). Traffic & visitor berkualitas memiliki manfaat banyak, diantaranya: mengurangi bounce rate, meningkatkan stabilitas kunjungan pada sebuah web/blog, memperkuat notifikasi pada search engine atas adanya konten baru (blog ping), & masih banyak lagi.

Jenis-Jenis Feed Blogger dan URLnya

Url feed seringkali terlupakan dan bahkan tidak diketahui karena kebanyakan template telah menyisipkan fitur feed subscription dan secara otomatis menggunakan kode agar url feed default berubah menjadi url feed blog yg memakai template tersebut. Sebenarnya menguntungkan, karena kita tidak perlu repot-repot lagi menambahkan link feed secara manual, namun kadang kita jadi tidak memahami bagaimana url feed Blogger. Padahal, mungkin suatu ketika kita butuh mendaftarkan feed di agregator atau membuat link submission posting / komentar.

Ada 3 jenis feed blog yg digunakan Blogspot/Blogger: 

A. Full Site Feed

Yaitu feed konten secara penuh yg diupdate secara realtime. 

Url Atom 1.0: http://namablog.blogspot.com/feeds/posts/default
Url RSS 2.0: http://namablog.blogspot.com/feeds/posts/default?alt=rss

B. Comments Feed

Feed yg berisi update comment. Biasanya digunakan oleh user untuk mengetahui balasan atau komentar terbaru.

Url Atom 1.0: http://namablog.blogspot.com/feeds/comments/default
Url RSS 2.0: http://namablog.blogspot.com/feeds/comments/default?alt=rss

Untuk membuat link comment feed secara individual pada posting tertentu kita perlu menambahkan ID postingnya.

Url Atom 1.0: http://namablog.blogspot.com/feeds/IDposting/comments/default
Url RSS 2.0: http://namablog.blogspot.com/feeds/IDposting/comments/default?alt=rss

Cara melihat ID posting:

Dahsboard > Edit Post > Hover mouse ke link "Edit" disisi kiri judul posting > Copy link > Paste ke address bar browser atau notepad. Contoh url:

http://www.blogger.com/post-edit.g?blogID=3293775847481849705&postID=4364883017378817316

Seperti contoh diatas, IDposting adalah yg berwarna merah. Copy dan ganti IDposting pada url feed komentar.

C. Label Specific-site Feed
Feed yg berisi update konten pada label tertentu.

Url Atom 1.0: http://namablog.blogspot.com/feeds/post/default/-/NamaLabel

Url RSS 2.0: http://namablog.blogspot.com/feeds//post/default/?alt=rss/-/NamaLabel

Ganti nama label sesuai dengan label yg diinginkan.

Untuk membuat feed yg lebih luas jangkauanya serta dapat diberi branding yg lebih kuat, baik dalam tampilan maupun bentuk layanan, para Blogger biasanya mensindikasikan Feed ke FeedBurner, sebuah layanan feed branding & distribution besutan Google. Feed blog diagregasi oleh FeedBurner dan di-redirect menuju url feed blog yg baru dimana didalamnya juga terdapat banyak fitur dan berbagai jenis feed agregator dan reader lain yg siap menjadi sumber informasi update sebuah blog, misalnya: Google Reader, My Yahoo!, NewsGator, My Aol, Bloglines, Google Fusion, dan lain-lain. Mengenai setting feeds, sindikasi - redirect  FeedBurner, rebranding feed, redirecting feed, mengoptimalkan feed, dan menghindari pencurian konten melalui feed akan saya bahas pada seri-seri posting mengenai feed berikutnya.

Reference and further reading:
http://en.wikipedia.org/wiki/Web_feed
http://en.wikipedia.org/wiki/Web_syndication
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=97933
http://feeds.feedburner.com/blogspot/bukarahasia

Have a Nice Blogging!
Regards,
Sumber : http://buka-rahasia.blogspot.com/2011/11/url-feed-blogger-dasar-sindikasi-feed.html

Cara Mengecek Postingan yang Sudah Diindex Google

-= CARA NGECEK POSTINGAN YG SUDAH DIINDEX GOOGLE =-

Seperti yang kita tahu, tekadang sebuah postingan yang baru bisa lama dan bisa juga cepat diindex oleh google, dan itu semua tergantung. Nah, biar supaya cepat ke index ma google, salah satu caranya cari backlink ke postingan tersebut. Caranya gampang, manfaatkan aja situs sosial bookmark. Register dulu lalu sign in, kemudian submitkan postingan tadi. Contohnya: Digg, Stumbelupon, reddit, delicious, dll. Setelah disubmit, tunggu beberapa saat, lalu cek apakah sudah diindex atau belum.

Nah, untuk mengecek postingan apakah sudah diindex google atau belum , lakukan seperti yang dijelaskan di bawah: 


1. Pergi ke Google –> Google
2. Ketikkan seperti berikut :

site:nama domain situs

contohnya:

site:newbe-tutorial.blogspot.com

lalu tekan enter pada keyboard

3. Akan muncul semua halaman / postingan yang sudah keindex ma google. Sekarang tinggal cari dan perhatikan apakah postingan yang baru aja di terbitkan sudah muncul.

Bagaimana dengan tips yang satu ini, simpelkan? Selain untuk mencari tahu apakah sebuah postingan sudah keindex, cara ini juga dapat dipakai untuk mengetahui berapa jumlah postingan / halaman yang sudah diindex oleh google. Jadi, 2 kegunaannya,  pertama –> untuk mengecek jumlah halaman yang diindex ma google , dan kedua –> untuk mengecek postingan yang sudah diindex oleh google.

Cara membuat RecentPost dengan gambar

RecentPost dan Plus Gambar

Setelah cukup lama  mengutak-atik beberapa gadget bloglist, akhirnya saya menemukan widget baru yang bisa menampilkan feed berikut gambarnya ( recentpost thumbnails ), yang dalam beberapa hal saya setuju, widget feed thumbnails ini jauh lebih mudah untuk saya  konfigurasi dari pada gadget bloglist.
eh tidak ding, karena meskipun mudah pada awalnya saya cukup repot juga xixixi, karena widget ini di tampilkan atau mengunakan table, yang saya sendiri kurang pamiliar dengan html table. tapi setelah mencoba mengutak-atiknya dan mencari reperensi tengtang table ini, akhirnya saya bisa juga memainkan sedikit jurus- jurus  css untuk properti table.
ilustrasi recentpost thumbnais.




Jika anda tertarik ingin memasangnya, silahkan lakukan prosedur berikut ini.
1.Buka tab Edit Elemen kemudian pilih atau tambahkan gadget Htm/Javascript.
2. Setelah itu masukan script di bawah ini.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";
showRandomImg = true;
tablewidth = 300;
tableheight = 50;
cellspacing = 0;
borderColor = "none";
bgTD = " ";
imgwidth = 50;
imgheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = "  ";
numposts = 5;
home_page = "http://jaloee.blogspot.com/";
</script>
<script src="http://librarysupporter.googlepages.com/recentposts_thumb.js" type="text/javascript"></script>

3. Stop !!! jangan  di save dulu :) . karena kita harus mengetahui beberapa hal pada script di atas.
note 1

Script ini menjelaskan jika postingan kita tidak mempunyai sebuah gambar, maka gambar ( url gambar di atas ), akan mengantikanya. dan gambarnya akan di pilih secara acak ( true ).

note 2

Script ini menerankan lebar tabel, jarak antar cell, warna border, latar belakang cell. yang dapat anda konfigurasi dan di sesuaikan dengan lebar sidebar dan warna blog.

note 3

Script untuk tampilan lebar dan tinggi gambar. – kita bisa konfigurasi ulang.

note 4

Tampilan font, warna text link, text tebal.

note 5

Script tentang jumlah descriptsi recent post yang akan di tampilkan = 50; + .. , ukuran font, warna font, dan jumlah recentpost-nya = 5 ; ( bisa lebih bisa kurang )

note 6

Url blog yang akan di tampilkan recenspostnya , - home-page = http://bloganda.com/

note 7


Alamat kode javascript yang mengatur secara keseluruhan widget recentpost thumbail ini. dan salah satunya untuk kasus terntentu   kita bisa mengatur parameter feed / recent post yang akan di tampilkan. – ( tergantung kebutuhan ).
a. misalkan, saya hanya ingin menampilkan recent post dalam label atau categorie artikel “ Photoshop “ saja.
pertama buka kode javascrip dengan program notepad. kemudian cari dan ganti kode ini.
feeds/posts/default?max-results=
dengan paramter url feed ini.
feeds/posts/default/-/Photoshop?max-results=
Setelah saya menyimpanya dengan nama file recentphotoshop.js dan uploadnya.
( tentang mengatur parameter feed pernah saya tulis di recent post label. )
Selain itu ada lagi yang bisa ganti beberapa kode pada file javascript ini. seperti menganti tabelnya menjadi satu colom dua row. yang menghasilkan gambar feed-nya di atas, sedangkan posisi keterangan feednya di bawah.

ilustrasi gambar.


wokeh deh selamat berkreasi dengan widget recent post barunya.

source : mlxperience oleh : http://catalog-tutorial.blogspot.com/2009/02/recentpost-dan-plus-gambar.html dipubliskan kembali oleh : Ghost Blog - http://newbe-tutorial.blogspot.com/

Recent Post Berdasarkan Label Artikel ( non java script )

oke, sebelumnya saya telah membahas tentang cara membuat Recent Post dengan JavaScript, Maka sekarang saya akan Membahas tentang Membuat Recent Post Non java script (No Ribet)
Bagaimana cara menambahkan Post Terbaru ( Recent Post ) ke dalam blog kita ? 
Sebenarnya untuk caranya sendiri banyak, namun di sini saya lebih suka mengunakan Elemen Feed yang sudah tersedia dalam dasboard , kelebihannya mengunakan elemen feed ini tidak mempengaruhi beban halaman blog  ketika ngeloding. Sangat berbeda speed-nya  jika kita mengunakan  recent post mengunakan sebuah java-script.
Sedangkan kekuranganya mengunakan elemen feed hanya di batasi 5 post terbaru saja.
Namun tenang  saja dengan sedikit trick  kita akan menampilkan yang 5 post terbatas itu semenarik mungkin.Yaitu dengan cara menampilkan recent post berdasarkan label artikel. hasilnya bisa di lihat di samping blog ini. atau trick ke dua dengan cara mengatur tanggal postinganya.

Cara Pertama

Dalam Halaman  Elemen tambahkan sebuah Elemen Feed.


Setelah terbuka masukan alamat feed berdasarkan label

ini contohna :
http://namablogkamu.com/feeds/posts/default/-/labelname
ganti namablogkamu dengan alamat blog kita
kemudian ganti LabelName dengan nama label yang ada di blog kita.
Note
Perlu di ketahui jika label nya mengunakan spasi biasanya  penulisan na seperti ini. contoh  : Blogger Bab 2 menjadi  Blogger%20Bab%202 -
%20 = menunjukan spasi.
Untuk itu bagusnya alamat labelnya di copy paste dulu ke dalam program Notepad.
contoh :
http://namamu.blogspot.com/search/label/Blogger%20Bab%202
yang berwarna menunjukan nama label blog kita.
Setelah ok, klik tulisan Lanjutkan, jika tidak ada kesalahan  kemudian atur jumlah feed na ke angka 5.
Setelah beres klik Simpan Perubahan.

Cara Kedua.

Trick atau Cara kedua ini saya berasumsi, kita biasanya menampilkan postingan dalam halaman blog utama  kurang lebih sebanyak 5 postingan. Agar menampilkan Recent Post dengan elemen feed ini meloncat atau mundur pada postingan yang 6,7,8 dst ( yang biasanya menjadi arsip ).
caranya dengan merubah parameter atau queri  seperti ini.
http://namamu.blogspot.com/feeds/posts/default/?start-index=5
?start-index=5  artinya meloncat atau mundur pada postingan 5 sebelumnya. jadi ganti angka 5 tersebut dengan yang kita kehendaki.
Ok selamat mencoba :)

http://catalog-tutorial.blogspot.com/2008/05/recent-post-berdasarkan-label-artikel.html

Cara Membuat Widget 3 Kolom Pada Blog

Cara Membuat Widget 3 Kolom Pada Blog membuat lebih dari satu menu dalam satu kolom  ini sangat berguna sekali untuk menghemat space blog kita yang sudah memiliki menu yang banyak Menu Widget di halaman depan Homepage Blog kita.

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:

1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode  ]]></b:skin>
4. Copy kode dibawah ini dan letakkan sebelum kode ini ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Catatan :
- Angka yang berwarna merah = lebar kotak menu utama
- Angka yang berwarna biru = tinggi kotak menu utama
- Kode yang berwarna hijau =  warna border menu utama
- Kode yang berwarna ungu = warna Font menu utama
- Kode yang berwarna abu-abu = warna background menu utama
- Kode yang berwarna kuning = warna border kotak utama
- Kode yang berwana orange = warna background kotak utama

5. Selanjutnya masukkan kode dibawah ini sebelum kode ini </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>


6. Simpan Template


Selanjutnya kita menuju ke menu Layout -->Page Elements --> Add Gadget --> HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini ke HTML/Javascript :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Catatan :
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Cara Memasang Google Search pada blogger

Membuat website/blog yang terjangkau dalam arti kontent atau artikel yang mudah diakses adalah sesuatu yang tidak boleh tidak dilakukan agar pengunjung terasa nyaman dan tidak pusing gara gara mau cari artikel yang dimaksud tapi cukup kerepotan, tentu ini akan sangat merugikan kita karena kita sudah posting artikel cukup banyak tapi kurang pembaca gara gara tidak ada menu/widget pendukung untuk melakukan pencarian.

Membuat menu pencari ( search ) bisa menjadi alternatif disamping pemakaian menu, label, recent post, top posting, daftar isi yang bisa dipasang sebagai pendukung.

Ada 2 cara yang akan kita bahas pada kesempatan kali ini :

• Widget strandart blogger ( google search )
• Membuat google search sendiri

Cara Pertama
cara ini cukup mudah dan simple :

• login ke account blogger.com
• masuk ke layout
• add gadget cari Search Box (New!)

Cara Kedua
Cara ini bisa kita lakukan melalui fasilitas Google yang ada yaitu




Kelebihan dengan cara kedua ini :

• Membuat menu search sesuai dengan selera dan template yang kita pakai
• menggunakan menu search untuk memperoleh hasil tambahan selain iklan ( Melalui google adsense )
• Adanya statistik data yang bisa kita gunakan untuk mengetahui jumlah pemakai menu search yang ada diblog.website. 

Ikuti langkah berikut

login di google custom search
nanti akan muncul form isian untuk mesin pencari, isi sesuai kebutuhan :

Form isian ______________________________________

Edit / setting search engine_______________________________

Pilih control panel untuk memperoleh kode sript yang dimaksud

Setiing bentuk seacrh engine_____________________________

Pilih "Look and feel" untuk melakukan pilihan terhadap model search engine, ada 3 macam :

• Model Full width, Hasil search engine sesuai lebar kolom widget, hasil pencarian akan muncul dibawah menu search ( kode srcipt 1 buah )
• Model Compact,  Hasil search engine akan muncul pada halaman luar ( kode srcipt 1 buah )
• Model two colomn, hasil search engine akan muncul pada kolom yang dituju selain kolom gadget ( kode srcipt 2 buah, 1 untuk menu search engine 1 untuk lokasi hasil pencarian )

Untuk memilih warna dan model tampilan ada 6 jenis yang merupakan standart yang ada dan kesemuanya bisa diubah untuk jenis dan huruf warna, untuk lebih jelasnya lihat contoh dibawah ini :

Type Bubblegum - klik customize akan muncul tampilan dibawah ini, silakah diubah sesuai kebutuhan ( warna dan huruf )

 

Setelah selesai simpan dan ambil kode yang ada, copas pada blog ditempat yang dimaksud

Selamat mencoba ..
semoga bermanfaat...!!
terima kasih..!

Sumber : http://kibagus-homedesign.blogspot.com/

Membuat Recent Post dengan Java Script

Cara membuat/menambah recent Post untuk mempermudah pengunjung menemukan artikel yang di carinya. kali ini saya ambil dari blog sahabat SC-Community , sangat menarik dan cukup sederhana buat kamu yang tidak mau pusing dengan mengedit HTML, cukup dengan tambah Gadget copy paste sudah jadi... MUDAH kan..! hehe

Ikuti langkah berikut untuk lebih jelasnya :

• Dari halaman Dashboard blog kamu pilih Tata Letak (Layout).
• Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
• Setelah itu pilih HTML/JavaScript.
• Masukan kode script berikut :  

<script style="text/javascript" src="http://sites.google.com/site/kibagusnet/x-design/Kbs-posts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://blog kamu sendiri.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan variabel:

• numposts = 10; artinya 10 posting yang ditampilkan.
• showpostdate = false; artinya tanggal posting tidak ditampilkan (kalo mau ditampilkan false-nya ganti dengan true).
• showpostsummary = false; artinya ringkasan posting tidak ditampilkan.
• numchars = 100; artinya banyaknya karakter (huruf) yang ditampilkan adalah 100 huruf.
• standardstyling = true; artinya menggunakan type standard.

mudah sederhana tapi menarik... anda tertarik silakah mencoba... Gratis...!! hehe

Sumber : http://kibagus-homedesign.blogspot.com

Cara Memasang Widget di Blogspot | Blogger

Widget merupakan fiture blog yang sangat penting dalam mendukung performa dari blog kita. Pada blogspot tersedia fiture yang sudah ada, hanya tinggal mensetting di mana kita akan meletakkannya. Tapi karena layanan blogspot ini adalah gratis, fiturenya pun menjadi serba terbatas. Karena inilah kita perlu untuk menambahkan widget baru pada blog kita, yang dirasa sangat bermanfaat seperti memasang widget SEO, memasang widget statistik blog, iklan sampai pada share button untuk memudahkan pengunjung dalam membookmark blog kita. Dan tentunya masih banyak lainnya..

Berikut penjelasan cara memasang widget di blogspot atau blogger blog kita :

1. Pertama kita login ke akun blogspot atau blogger.
2. Pada halaman Dasbor klik menu Rancangan.

3. lalu kita akan masuk pada halaman Elemen Laman. Disini kita bisa memilih tempat mana yang akan kita tambahkan widget tersebut. Apakah di sidebar, footer atau dalam posting blog kita. Caranya adalah kita klik link Tambah Gadget.
4. Selanjutnya akan tampil window. Untuk memasang widget baru, kita pilih HTML/Javascript.

5.Pada halaman yang terbuka selanjutnya, kita isi kotak Judul kemudian paste script widget yang ingin kita pasang dalam kotak Konten blog.

6. Terakhir adalah menyimpannya dengan cara mengklik tombol Simpan.
Jika kita ingin mengubah tempat widget tersebut, maka di halaman Elemen Laman, kita harus menggeser arah cursor ketempat yang diinginkan. Lalu tekan tombol Simpan.

Semoga pembahasan mengenai cara memasang / menambah widget di blogspot bermanfaat untuk Sahabat Ghost Blog...

Cara Menghilangkan atau Menyembunyikan Navbar Blogger

Memiliki blog dengan design yang menarik adalah dambaan setiap blogger. Mereka berusaha menghias blog dengan berbagai aksesoris sehingga blognya tampil mengagumkan. Tetapi design yang menarik bukan satu-satunya cara untuk membuat blog populer. Design blog berhubungan dengan pemilihan template yang tepat. Akan tetapi pada template bawaan blogger khususnya blogspot terdapat sebuah fasilitas yang biasa disebut navbar. Navbar (Navigasi Bar) merupakan sebuah frame berukuran kecil memanjang yang muncul di bagian atas blog. Frame ini biasanya berfungsi untuk login ke blogger, untuk pencarian menuju blog lain, dan sebagainya.

Oleh sebagian blogger tampilan navbar dirasa kurang menarik, sehingga berusaha untuk menyembunyikan atau menghilangkan, dan Auto Hide (hilang timbul). Pada kesempatan ini, saya ingin berbagi pengalaman yang bertajuk “Cara menghilangkan atau menyembunyikan dan auto hide Navbar Blogger”. Namun sebelum melakukannya, sebaiknya anda pertimbangkan dulu karena menurut informasi dari beberapa teman menghilangkan Navbar dilarang oleh blogger karena dianggap melanggar TOS dan sebagian mengatakan diperbolehkan oleh blogger. Kenyataannya memang banyak blogger yang tidak memunculkan navbar di blognya dengan berbagai alasan. Untuk lebih jelas bentuk tampilan Navbar tersebut, lihat gambar di bawah ini!

Menghilangkan atau menyembunyikan dan auto hide Navbar (Navigasi Bar) Blogger dapat dilakukan dengan edit HTML pada CSS template. Bila anda ingin melakukannya, dianjurkan untuk mendownload (cadangkan/pulihkan) template anda untuk berjaga-jaga bila terjadi kesalahan. Selanjutnya ikuti salah satu tips sederhana di bawah ini!

Cara Menghilangkan atau Menyembunyikan Navbar Blogger

Cara ini sebenarnya tidak menghilangkan sama sekali navbar blogger di template anda. Cascading Style Sheet atau CSS tetap ada di template, namun disetting tidak dimunculkan dengan menambahkan kode tertentu. Inti kodenya adalah display:none. Berikut langkah-langkahnya:

1. Silahkan login di blogger.com dengan account blog anda
2. Pilih Template di menu pilihan Dashbor anda
3. Pilih Edit HTML dan Proceed
4. Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget
5. Selanjutnya, cari kode ]]></b:skin>. Untuk mempercepat pencarian tekan Ctrl + F pada keyboard
6. Setelah ketemu, letakan kode #navbar-iframe {height:0px;visibility:hidden;display:none} tepat di atas kode ]]></b:skin>.
7. Klik simpan dan tunggu sampai proses selesai.
8. Buka blog anda, maka navbar di blog anda tidak kelihatan lagi

Cara lain untuk menghilangkan atau menyembunyikan bahkan menghapus Navbar Blogger adalah sebagai berikut:

1. Masih di Edit HTML, cari kode </head> atau kode <body>.
2. Setelah ketemu, letakan kode <!-- <body><div></div> –> tepat di bawah kode </head> atau diatas kode <body>.
3. Buka blog anda, maka navbar di blog anda tidak kelihatan lagi

Cara Membuat Auto Hide (Hilang Timbul) Navbar Blogger

Cara ini sedikit berbeda dari cara diatas dan dianggap tidak melanggar TOS. Navbar muncul bila kursor diarahkan pada bagian atas blog atau tempat navbar, dan navbar tersembunyi bila kursor tidak menyentuh bagian atas blog atau tempat navbar tersebut. Dengan kata lain navbar menjadi transparan auto hide (hilang timbul). Caranya membuatnya adalah sebagai berikut:

1. Silahkan login di blogger.com dengan account blog anda
2. Pilih Template di menu pilihan Dashbor anda
3. Pilih Edit HTML dan Proceed
4. Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget
5. Selanjutnya, cari kode ]]></b:skin>. Untuk mempercepat pencarian tekan Ctrl + F pada keyboard
6. Setelah ketemu, letakan kode #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
   #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)} tepat di bawah kode ]]]></b:skin>
7. Klik simpan dan tunggu sampai proses selesai
8. Buka blog anda, maka navbar berfungsi Auto Hide (hilang timbul)

Demikianlah, selamat bereksperimen. Semoga berhasil!

Kamus Istilah-Istilah Dalam Blog

Buat kamu masih Newbe yang belum tahu banyak tentang dunia blog, ini ada beberapa istilah-istilah yang perlu kamu ketahui. Buat yang sudah Mater, yang sudah banyak makan garam dunia blog juga nggak ada salahnya kok baca-caca artikel ini. Disini sengaja tidak disusun menurut abjad tapi disusun berdasarkan kategori masing-masing.

* Blog
Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
Weblog : istilah lain dari blog.
Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
Blogger : seseorang yang melakukan blogging.
arti lainnya: sebuah layanan blog dari google.
Blogosphere : komunitas dalam blogging.
Posting : kegiatan untuk mengirimkan artikel ke dalam blog.

* Bentuk-Bentuk Blogging
Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
Autocasting : bentuk podcasting secara otomatis.
Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
Moblogs / Moblogging kegiatan blogging dengan menggunakan HP (handphone).

* Komponen dan Fungsi-Fungsi Blog
Index page : halaman depan dari blog.
Header : bagian paling atas blog.
Footer :bagian paling bawah blog.
Sidebar : kolom-kolom yang berada di sisi blog.
Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
Commnets : Kompentar-komentar dari para pembaca blog.
Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
Blogroll : sekumpulan link yang dijukan ke blog yang lain.
Template : desain dasar blog.
Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.

*Penyedia Layanan Blog
Blogger/Blogspot : Layanan blog gratis dari google.
Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
LiveJournal : Tolls blogging gratis dari SixApart
TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.

* Bloging Habits
Metablogging : menulis artikel tentang blogging.
Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
Blogopotamus : Postingan blog yang sangat panjang.
Bleg : adalah ketika seseorang memohon pada sebuah blog.
Blego : Blog+Ego, ukuran kekayaan blogger.
Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
Blogoholic : Pecandu Blog.
Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.
Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
Blogiversary : Ulang tahun Blog.
Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
Multiblog : menjalankan banyak blog.
Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
Blogger Bash : Pesta para blogger.
Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
Blogsnop : menolak respon dari komentator yang bukan temannya.
Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
Blogophobia takut terhadap blog atau blogging.
Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

Aduh capek nih, ngaso dulu ah, minum kopi dulu Mass biar seger. huuaaaahhhhh...
hup..hap..hup..hap..huaaaahhhhhhhhhh
yak, udah seger lagi, mari kita lanjutkan.

* Tipe-Tipe Blogger
Problogger : Blogger yang sudah profesional.
Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
Blogerati : Komunitas Blogger yang sudah pinter-pinter.
Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
Commnetariat : Komunitas para komentator (lho emangnya ada? :D ).
Dooced : kehilangan pekerjaan gara-gara blognya.
Blogther : teman/saudara/keluarga blogger.
Blogstar : Blogger yang mengoperasikan blog yang sangat populer.

* Web/Blog Feeds
Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
XML : (eXtensible Markup Language).
RDF : (Resource Description Framework)
Atom : hampir sama dengan web feed.
Photofeed : web feed dengan lampiran gambar.

waduh, udah capek lagi nih. besok lagi ah lanjutannya. daaaaa...

Terjadi Galat bX-fa9wwp, Setiap Login Blogger.com dan Solusinya

Waduh.. dari kemarin siang saya [Ghost Blog] gak bisa login di blogger.com, pasti muncul kesalahan atau Galat bX-fa9wwp. Saya kira cuma masalah pada histori/cokies pada browser yang saya pakai, tapi setelah saya utak-utik semuane tetep aja masih Galat setiap login ke blogger.com. Berikut screenshotnya:

Dan sampai sekarangpun setiap saya login apsti muncul galat seperti gambar diatas. Tapi karena itulah saya punya sedikit pist, yang mungkin berguna buat blogger yang mengalamin hal yang sama dengan yang saya alami tersebut, Terjadi Galat bX-fa9wwp, Setiap Login Blogger.com dan Solusinya.
Saya tunjukan disini ada dua cara untuk menaggulangi masalah tersebut:

1. Cara pertama
Sobat bisa login blogger melalui link berikut: http://draft.blogger.com/home
Dan tampilan dasbor seperti yang sudah saya jelaskan pada postingan saya sebelumnya yaiitu "Coba Antarmuka Blogger Yang Diperbarui"
  
2. Cara kedua

• Login ke draft.blogger.com.
• Pergi ke Setting > Basic di tab permission "add authors", lalu masukan akun gmail anda yang lain.
• Verifikasi invite tersebut melalui akun gmail yang tadi anda invite.
• Setelah di verifikasi lalu refresh draft.blogger anda yang pertama.
• Jadikan akun yang tadi anda invite sebagai admin.
• DONE !!

Keterangan:
Tapi kekurangan pada cara yang kedua yaitu kita (admin baru yang ditambahkan) tidak bisa sepenuhnya bisa men-setting semua blogger seperti admin aslinya. Hanya sbats bisa memposting artikel dan edit artikel saja. Tapi daripada tidak bisa login ke blogger.com, gak ada salahnya memakai cara yang kedua. Dan menutut saya lebih baik silahkan gunakan cara yang pertama.
Sekian dari saya, semoga bermanfaat.

Coba Antarmuka Blogger Yang Diperbarui

kali ini saya akan memposting sebuah artikel yaitu tentang tampilan terbaru dasbor blogspot. Inilah kemajuan blogger.com dalam hal tampilan barunya "Coba antarmuka Blogger yang diperbarui" sedikit saya kupas disini tentang tampilan baru dasbor blgger.com.

Tampilan baru dasbor blogger.com

Yang pasti banyak perubahan, dan saya kira lebih ringan diakses. Dan makin settingannya-pun makin lengkap dan mudah, sekilas hampir mirip seperti di Wordpress. Tapi masih ada beberapa filture yang masih dalam tahap penyelesaian dan pengembangan. Karena saya melihat masih banyak menu yang belum ada di tampilan baru tersebut. Nah...saya kira sobat blogger juga pastinya sudah banyak tahu, bahkan tahu lebih tentang hal ini. Bila penasaran silahkan langsung saja dicoba.
Saya jelaskan juga disini, bagaimana cara merubah tampilan dasbor blogger dengan tampilan yang baru.

cara merubah tampilan dasbor blogger dengan tampilan yang baru

Lihatlah gambar diatas, klik pada "Coba Antarmuka Blogger Yang Diperbarui" Atau bisa langsung login kesini: http://draft.blogger.com/home
Dan selamat, sobat sudah bisa menikmati filture tampilan dasbor terbaru dari blogspot. Saya kira cukup sekian yang saya sampaikan, silahkan beri tanggapaanya tentang filtur terbaru ini. Salam Ghost Blogger.

Menghilangkan Angka Jumlah Postingan Pada Label

Jika kamu melakukan trik blogger memasang label postingan dalam blog. Kamu akan melihat jumlah postingan yang mengikuti label atau kategori terkait yang ditunjukkan dengan angka dalam tanda kurung. Nah, apabila kamu kurang suka dengan tampilan angka jumlah label tersebut, maka kamu bisa menghilangkannya dengan melakukan trik tertentu.


Contoh :
Tips Blogging (8)
Seo Tips (10)

Menjadi :
Tips Blogging
Seo Tips

Langsung aja yaaaahh Biar gk Boros waktu, mari kita mulai Jampe-jampe trik blogger untuk menghilangkan angka jumlah label tersebut. oooupps, hampir lupa trik ini dapat kamu gunakan jika kamu telah memasang widget atau gadget label dalam blog.

* Login dulu ke account blogger kamu.

* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode (<data:label.count/>) .

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Jika sudah ketemu, hapus kode tersebut.

* Jangan lupa disimpan

selamat mencoba...

Cara Jadul Ganti Icon pada addres Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://i700.photobucket.com/albums/ww6/mandalika3/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing di bawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif