Tuesday, May 3, 2011

Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon

older-neer-post-home-links


Tutorial cara mengganti text "Older Post", "Home", dan "Newer Post" di Blogger/Blogspot dengan tulisan lain atau gambar (icon)

Jika kita melihat dan mengamati tulisan older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya anda perlu memperhatikan tampilannya agar lebih menarik pengunjung untuk meng-klik-nya.

Anda dapat dengan mudah mengubahnya menjadi tulisan lain atau gambar (icon) dengan cara sebagai berikut:
1. Masuk ke dashboard > design/rancangan > edit HTML, klik "Expand Widget Templates".
2. Cari kode yang berwarna merah sebagai berikut:
Wujud barisnya biasanya seperti ini, kopi kode yang berwarna merah dan masukkan ke kotak pencarian browser (Ctrl+F).
expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
(yang terakhir adalah Home/Beranda, biasanya ada dua, jadi cari satu lagi).

3. Perhatikan poin-poin berikut:
a. Jika ingin mengganti dengan tulisan lain:
<data:newerPageTitle/> adalah newer post, hapus dan ganti dengan "Previous" atau kata-kata sejenisnya yang diinginkan.
<data:olderPageTitle/> adalah older post, hapus dan ganti dengan "Next" atau kata-kata sejenisnya yang diinginkan.
<data:homeMsg/>adalah home/beranda (biasanya ada dua, jadi jika ingin mengganti, maka ganti keduanya), biarkan begitu saja atau ganti dengan "Home" atau kata-kata sejenisnya yang diinginkan.
Contoh:
expr:title=’data:newerPageTitle’>Next</a>
expr:title=’data:olderPageTitle’>Previous</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>
b. Jika ingin mengganti dengan gambar (icon):
Masukkan script image source sebagai pengganti dari tulisan: <img src="url gambar icon"/>
contoh:
expr:title=’data:newerPageTitle’><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTcj8yjmNz71PTdbCD9p41OAWBwd4Dh4BtzfSel_cWtHp_OgqaznJr8b5Ff4NhwxitFGKTo5Orkk0gbCqK3M3b1bBpHHJDtgm_COeXBrDGMNs5EEvrFMDbF0_An9MYWEwE0PwekQOaM1ft/s1600/next.png"/></a>
dan seterusnya......

Anda dapat menggunakan gambar berikut, seperti yang dipakai blog ini, namun upload dan host sendiri ya. Klik kanan di atas gambar dan klik "save image as", atau bisa cari di internet. Lalu upload gambar dan ambil direct link-nya, masukkan seperti contoh diatas.

4. Langkah terakhir, preview terlebih dahulu, atau langsung save.
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Monday, May 2, 2011

Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot

Daftar Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta situs) karena isinya digenerasikan (generated) dari url sitemap feed. Jika sitemap blog di search engine berfungsi sebagai alat untuk mempermudah pemetaan isi blog/website oleh search engine, maka sitemap yang ini berfungsi sebagai alat navigasi dan pemetaan bagi pengunjung/visitor untuk melihat seluruh isi konten atau artikel blog/website dalam satu halaman khusus. Tentunya ini sangat menguntungkan pengunjung dan juga pemilik blog/website dalam usaha meningkatkan jumlah pageview.

Daftar isi kali ini dibuat dengan aturan javascript yang file-nya sudah saya upload dan dapat langsung digunakan. Isi yang ditampilkan dibagi berdasarkan label, sehingga perlu digarisbawahi bahwa setiap posting  harus memiliki label. Tanpa label, posting tidak akan termuat di daftar isi. Simak cara membuat label blogger bagi yg belum mengetahui cara buat label..
Cara membuat daftar isi/sitemap blog di blogger/blogspot:
1. Buat sebuah halaman posting baru, sebaiknya halaman statis (static page).
Dashboard > New Post/Edit Post > Edit Pages > Create New Page
2. Beri judul sesuka anda, misalnya: "Daftar Isi", "Table of Content", "Sitemap Blog", dan lain lain.
3. Pada bagian kanan kotak posting klik "Edit HTML".
4. Masukkan script berikut:
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js">
</script>
<script src="http://bukan-rahasiia.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Ganti http://bukan-rahasiia.blogspot.com dengan url blog/website anda.
5. Jika ingin melihat hasilnya klik "preview/pratinjau".
6. Publish post.
7. Pasang link halaman tersebut ke link list blog, menu, atau di tempat yang diinginkan.
8. Done!
---------------------------------------------------------------
Update:
Buat @Idnay yg komentar dibawah minta tulisan "new" berwarna putih, saya sudah buatkan scriptnya:
ganti: http://yourjavascript.com/18113981113/bukarahasiablog-toc.js
dengan: http://yourjavascript.com/111006011142/bukarahasiablog-toc-putih.js
---------------------------------------------------------------

You now already got a sitemap/table of content page for your blog visitors!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Sunday, May 1, 2011

Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2

back to top V2
Fitur Back To Top/Scroll To Top, seperti yang telah dijelaskan dalam Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), adalah fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam satu klik. 

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

Cara Memasang Back to Top Blogger/Blogspot V2:
1. Copy kode berikut:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="url gambar back to top blog" /></a>
Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan. Ganti url gambar back to top blog dengan gambar back to top anda, atau copy salah satu dari beberapa gambar "Back To Top" di posting tips-tricks blogger sebelumnya: Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), atau bisa juga googling dengan keyword "back to top button image". Edit ukurannya sesuai dengan besar yang diinginkan, lalu upload. Masukkan url gambar yang telah diupload ke dalam script. 

2. Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript

3. Paste/letakkan kode tersebut, lalu save.

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

4. Done!

Have Fun with your Back to Top Button!


mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Saturday, April 30, 2011

Cara Membuat Halaman Contact Form (Contact Me) di Blog/Website


contact form
Contact Form, seringkali disebut juga sebagai halaman "Contact Me" atau "Kontak Saya", merupakan bagian terpenting dari blog/website yang berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer. Form ini juga berfungsi menghindari spam yang dikirim melalui email. 

Oleh karena itu, untuk menghindari resiko tersebut digunakanlah contact form. Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, hampir setiap hari ada visitor yang menggunakan Contact Form untuk menanyakan beberapa hal, bertanya tentang tips-tricks blogger, memasang iklan, meminta jasa membuat blog, SEO dan lain-lain. Baru setelah ada korespondensi lebih lanjut, saya menggunakan media email/chat secara langsung.

Untuk blog Blogger/Blogspot, halaman ini secara default tidak disediakan, lain halnya dengan WordPress dimana fitur ini sudah terintegrasi. Namun jangan khawatir, anda dapat membuatnya dengan beberapa langkah sederhana saja, yaitu menggunakan Contact Form eksternal yang diinstal di halaman blog/website.

1. Pilih salah satu dari situs penyedia Email Contact Form di bawah ini yang menurut anda cocok:
a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form
2. Buat akun di situs yang telah anda pilih dan ikuti beberapa langkah untuk membuat Contact Form. Seluruh tutorial di situs-situs tersebut sudah sangat jelas jadi tidak perlu lagi disampaikan disini. Anda dapat mengkostumisasi tulisan, isi pesan, batasan kata (minimum-maximum character), hingga ke tampilan Form tersebut (CSS styling) dengan hanya beberapa klik.
3. Setelah kostumisasi selesai, copy kode yang telah dibuat. Ada beberapa opsi kode yang bisa dipilih, untuk blog blogger/blogspot, pilih opsi kode berjenis HTML/Javascript dan bukan yang PHP.

Cara Membuat Halaman Contact Form di Blog:
1. Buatlah sebuah halaman posting baru dengan judul "Contact Me", "Kontak Saya", "Hubungi Saya", atau apapun yang anda lebih sukai. Saya sarankan jenis halaman tersebut adalah halaman statis (static page) dan bukan halaman posting seperti biasanya, karena halaman tersebut bersifat "timeless" atau tidak mengandung url yang menunjukkan bulan dan tahun. Selain itu, halaman Contact Me juga tidak membutuhkan optimasi search engine (SEO) seperti halaman posting lain.
Cara membuat halaman statis di blogger: Dashboard > New Post > Edit Pages > New Page.
2. Klik "edit HTML" (disebelah pojok kanan atas kotak posting).
3. Masukkan kode Contact Form yang telah dibuat tadi ke kotak posting.
4. Untuk preview hasilnya, cukup klik "Compose" (kembali ke menu WYSIWYG).
5. Jika sudah beres, bisa langsung disimpan atau bisa ditambahkan beberapa tulisan lain sekehendak anda.
6. Kemudian Publish.
7. Pasang link secara manual ke link list blog, menu, atau tempat-tempat lain yang diinginkan.
8. Done!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Friday, April 29, 2011

Cara Memodifikasi Tampilan Link di Blogger/Blogspot

modifikasi CSS link
Tips-tricks Blogger kembali lagi membahas tentang mengedit tampilan link di template Blogger/Blogspot. Kali ini diupayakan secara lengkap dan esensial agar nanti sobat dapat mengutak-atik bagian tampilan link secara mandiri.

Bagian CSS yang memberi aturan pada link ada 4 jenis:
1. a : tampilan dasar suatu link
2. a:hover: tampilan link ketika mouse berada di atas link (mouse hovering)
3. a:visited: tampilan link setelah di-click atau ketika halaman link tersebut telah dibuka.
 4. a:active: tampilan link ketika di-click ( ketika halaman baru belum terbuka secara sempurna)

Sedangkan style text CSS memiliki beberapa jenis:
1. color: warna link, valuenya berupa warna hexadesimal, RGB, maupun color name.
2. Text decoration: hiasan pada link, berupa underline (garis bawah, ini bawaan secara default), none (tanpa hiasan), overline (garis di atas) dan blink (berkedip)
3. Font-size: ukuran teks, biasanya dalam pixel (px), em, persen (%), dll.
4. dan masih banyak lagi jenis text-style yang lainnya, sobat nantinya silahkan mempelajari sendiri cara-cara memodifikasi tampilan teks dengan CSS.

Nah, setelah mengetahui beberapa properti style CSS pada link, untuk mengubah tampilan default link pada blog, silahkan lihat pada template Blogger/Blogspot sobat (lihat melalui edit HTML), kemudian cari aturan CSS yang mengatur link, yaitu a, a hover, .... dan seterusnya.

Clue: aturan CSS terletak di antara <b:skin><![CDATA[ dan ]]></b:skin>, aturan link berada di bagian awal, biasanya setelah variable dan setelah body {...}

Contoh aturannya seperti ini (namun tidak sama persis tergantung aturan CSS teks-nya):
a {color: #1C4991; text-decoration: none;}
a:hover {color: #f2984c; text-decoration: underline;}
a:visited {color: 1C4991; text-decoration:none;}
Pada bagian berwarna biru itulah sobat bisa memodifikasi tampilan link, baik tampilan awal link (a), ketika mouse di-hover di atas link (a:hover), dan ketika link telah di klik/dikunjungi (a:visited). Ingat, tampilan dasar link selalu bergaris bawah, maka untuk menghilangkan garis bawah (underline) link pada tampilan link dasar maupun ketika di-hover, harus ditambahkan text-decoration: none. Sedangkan untuk warna, sobat bisa pula mengganti value warna di link di tempate sobat dengan mengganti kode di belakang color: dengan kode warna lain yang diinginkan. Untuk mengetahui kode-kode warna, gunakan Hex Color Code Chart Generator.

Jika ingin menambahkan aturan link lain yang belum ada di template sobat, misalnya belum ada a:hover, maka tinggal ditambahkan saja, dengan catatan urutannya harus seperti ini:
1. a {aturan css text styling}
2. a:hover {aturan css text styling}
3. a:visited {aturan css text styling}
4. a:active {aturan css text styling}
Keempatnya harus memiliki unrutan seperti itu, jadi tidak boleh terbalik-balik, kecuali jika salah satunya tidak ada, boleh langsung melompat ke aturan link lain.

Jika ingin mengubah tampilan link secara individual dan berbeda dari aturan default link yang mengikuti aturan template, sobat bisa langsung memasukkan perintah CSS text-style ke dalam link yang ingin diberi tampilan berbeda (style="....."), misalnya:
<a  href="http://buka rahasia.blogspot .com" style="color:#FF9900;text-decoration:blink;font-size:24px">tips-tricks blogger</a>
Maka hasilnya akan seperti ini:


(Note: Penggunaan text decoration berjenis blink di atas hanyalah untuk contoh, perhatikan benar-benar penggunaan text decoration seperti ini karena dapat membuat mata lelah dan sakit. Ga percaya? Silahkan dilihat terus link di atas dalam waktu 2 atau 3 menit. Hehe... Padu padankan warna, ukuran, serta urgensi/kepentingan penggunaannya sehingga benar-benar pas dan tidak berlebihan).

Nah, sekarang jika sobat ingin mengutak-atik tampilan link blog silahkan dicoba dengan memperhatikan aturan-aturan CSS dan cara di atas. Yang penting, utak-atik, coba terus, belajar dan belajar! Good luck!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Thursday, April 28, 2011

8 Hal Yang Harus Dihindari Dalam Blogging

bad blogging
Mungkin, jika dipikir-pikir, mengapa pula harus ada hal-hal yang harus dihindari dalam ngeblog? Mau apa saja terserah yang punya blog, kan. Namun, jika disadari, blogging bukan hanya sebuah kegiatan individual. Blogging tetaplah sebuah aktivitas yang bersinggungan dengan banyak orang, terutama pengunjung dan teman sesama blogger. Selain sebagai sebuah proses kreatif menulis dan memanage blog, seorang blogger punya dimensi sosial yang amat luas (social networking). Dan pastinya, anda juga menginginkan blog anda dikunjungi banyak orang, memiliki pageview yang banyak, tulisan yang dihargai, dan ada pula yang menginginkan penghasilan yang melimpah.

Apapun motivasinya, banyak hal yang harus kita kedepankan untuk memiliki blog yang bagus. Pada postingan terdahulu, saya pernah menyampaikan tentang Tips Blogging yang Tidak Wajib Dipatuhi. Nah kali ini saya akan memberikan sudut pandang lain mengenai hal-hal yang perlu dihindari dalam blogging. Apa saja yang perlu dihindari dan tidak perlu dilakukan? Let's see:

1. Nge-blog tanpa rencana (planning)
Sebuah rencana sangat penting untuk segala kegiatan dan pekerjaan, termasuk dalam blogging. Rencana disini bukan berarti sesuatu yang harus kompleks, akan tetapi lebih kepada susunan awal mengenai apa yang dilakukan ketika akan ngeblog, apa yang akan ditulis, apa yang akan disuguhkan kepada pembaca, apa tujuan dari artikel dan seterusnya hingga tujuan dari blog yang dibuat itu sendiri. Planning atau rencana akan menentukan banyak tahapan langkah selanjutnya ketika ngeblog dan membawa konsistensi dan semangat yang kuat. Buatlah rencana sesederhana apapun itu.

2. Menulis blog tanpa semangat dan tanpa menggunakan hati
Menulis artikel adalah suatu kegiatan yang menyenangkan apabila dilakukan dengan tulus. Seperti halnya anda menulis di buku diary, menulis blog merupakan sebuah kreativitas yang yang tidak bisa mengesampingkan hati. Perasaan ketika menulis, emosi yang disampaikan, dan dipadu dengan kekuatan otak akan menghasilkan tulisan yang benar-benar berbicara dan bukan hanya nampak sebagai tulisan, di situlah semangat akan muncul. Menuliskan apa yang dipahami dan merupakan kegemaran akan nampak lebih hidup dan dapat ditulis dengan cepat daripada tulisan yang hanya ditulis karena tuntutan mengisi dan menambah artikel blog.

3. Blogging tanpa bersosialisasi (social networking)
Blogging tidak hanya melulu kegiatan yang berfokus pada menulis di blog tanpa keluar dari "tempurung. Blogging dikenal sebagai salah satu sarana sosialisasi di dunia maya. Sosialisasi ini seperti layaknya jika kita membangun persahabatan di dunia nyata. Kita dapat bermain bersama, berdiskusi, berkomentar, bahkan mungkin juga berdebat untuk mencari suatu jalan keluar. Aktiflah berkomentar di blog lain, mengikuti forum-forum, direktori, social bookmark, komunitas-komunitas blogging dan social network lainnya. Tujuannya bukan untuk membuat eksklusivitas, tetapi lebih kepada pergaulan. Saya sendiri juga tidak setuju dengan komunitas eksklusif yang membeda-bedakan antara amatir dan professional sehingga seolah-olah ada selebriti dan para fans-nya.

4. Memuat artikel curian/copy-an tanpa sepengetahuan penulis aslinya
Satu hal yang perlu digarisbawahi adalah membayangkan bagaimana perasaan seorang penulis blog mengetahui bahwa salah satu artikelnya dicuri tanpa permisi dan tanpa mencantumkan link sumber/artikel aslinya. Tentu saja akan sangat menyakitkan apabila dengan susah payah dia telah mencurahkan seluruh ide/gagasan, perasaan, observasi yangdikumpulkan sebagai modal dalam menuliskan artikel tersebut. Boleh saja seorang blogger bilang, "Ah itu sah-sah aja, ngapain sih diributin?" Bahkan ada komentar yang saya terima di blog ini yang isinya: "Dasar lo blogger pelit!" Saya hanya menggelengkan kepala, dan karena tidak ada nama (anonymous) dan tanpa link, komentar tersebut saya hapus. Pelit? Kalau di logika siapa yang pelit, saya sebagai penulis artikel asli yang telah dia kopi tanpa permisi, atau dia yang telah copy-paste artikel tanpa ijin dan tanpa memberi link back? Saya kira, jawabannya telah jelas dengan sendirinya. Artikel yang tidak asli memiliki konsekuensi besar terhadap kredibilitas pemilik blog, karena jika tidak ada penguasaan dan pemahaman yang cukup, dan secara etika salah, maka pengunjung pun akan menilai yang sesuai kok. Percaya lah. Dan pertanyaanya,  seberat apa sih memberikan link sumber?
Blogging erat dengan kreativitas, dan pada tahap inilah letak dimana anda dapat mengembangkan kreativitas dan kredibilitas, atau sebaliknya, justru menurunkan kualitas serta kredibilitas diri anda sendiri sebagai seorang Blogger. Dan poinnya: segala sesuatu, termasuk uang, dapat dicapai dengan mudah jika menggunakan kreativitas dan kredibilitas yang tinggi.
5. Lama sekali tidak update artikel/posting.
Blogging adalah tentang menyampaikan pemikiran, informasi, pendapat, solusi, cerita, dan lain sebagainya. Jika blog lama sekali tidak di update, maka bisa dibilang blog bukanlah menjadi pilihan seseorang (yang katanya blogger) untuk menyampaikan hal-hal tersebut. Selain itu, jika suatu blog telah memiliki pengunjung tetap, tentu saja ini akan menyebabkan kekecewaan. Ujungnya nih, search engine juga jadi malas untuk mengunjungi dan melihat kalau-kalu ada update baru. Update artikel semampu waktu anda, kecuali jika memang ada halangan yang tidak bisa dihindari, dan tentu saja bukan karena "malas". Yang penting jangan sampai berbulan-bulan hingga bertahun-tahun ditinggalkan.

6. Blogging hanya untuk uang dan berlebih-lebihan (over-monetized)
Siapa yang tidak suka uang? Pasti tidak ada. Akan tetapi, jika blogging semata-mata hanya untuk uang, maka inti dari kegiatan blogging itu sendiri dapat rusak. Bayangkan jika seorang bloger hanya berbicara tentang uang, uang, dan uang di dalam blognya tanpa ada satupun artikel yang menarik dalam hal lain, tentu saja pengunjung akan bosan. Motivasi untuk uang, sah-sah saja. Tetapi jangan sampai anda terpaku pada itu dan melupakan semuanya, bahwa hakikatnya blogging adalah menuliskan sesuatu yang menarik di dalam blog (english: to blog) dalam sudut pandang personal penulisnya. Hindari mengisi seluruh bagian blog dengan hal-hal yang hanya berbau monetisasi karena akan sangat mengganggu pandangan dan juga memperlama waktu loading blog. Sesuatu yang menghasilkan uang bukan melulu tentang uang itu sendiri, namun banyak hal kreatif lainnya, termasuk artikel yang kreatif.

7. Menggunakan widget yang terlalu berlebihan dan tanpa motivasi jelas (over-widgetized)
Salah satu faktor yang membuat pengunjung nyaman adalah tampilan blog. Sebuah blog yang terlalu banyak widget justru dapat membuat pengunjung tidak betah. Ada dua alasan dalam hal ini: Pandangan yang tidak fokus dan waktu loading yang lama. Dalam beberapa artikel sebelumnya saya telah menyinggung bahwa file gambar dan javascript yang terlalu banyak dan besar ukurannya dapat mempengaruhi page load time. Satu hal yang terkadang sangat mengganggu bagi saya adalah ketika masuk blog yang menggunakan widget music (mp3), bisa dipastikan membaca artikel membaca artikel menjadi tidak fokus dan loading yang berat pula. Bagi pengunjung yang internetnya pake kuota jumlah file, tentu saja mereka akan lebih pikir-pikir lagi karena membuka blog berwidget musik akan menguras banyak kuota internetnya. Hindari pengguaan widget yang tidak berpengaruh apapun terhadap penilaian pengunjung. Maksimalkan widget untuk fungsi navigasi ataupun social networking. Satu-satunya cara show off yang paling manjur efeknya bagi blog dan blogger, adalah menyuguhkan artikel yang berkualitas.

8. Menulis untuk Google dan bukannya untuk Pengunjung
Sebuah blog yang SEO-nya bagus tentu menyenangkan. Tapi, jika bagi pengunjung blog tersebut tidak memiliki nilai, tentu perlu dipertanyakan. Apakah motivasi blog itu dibuat? Hanya agar terindeks Google dan memiliki SERP yang baik? Apakah sebuah blog tidak membutuhkan pengunjung dan memberi isi yang sepadan setelah seorang pengunjung menemukanya di pencarian Google? Jika hanya untuk bermain keyword, SERP, dan SEO, sepertinya akan banyak mengesampingkan kebutuhan pengunjung itu sendiri, yang merupakan target sesungguhnya dari blog. Buatlah artikel yang motivasinya untuk pengunjung terlebih dahulu sehingga memiliki nilai (value). Baru setelah itu memperhatikan hal-hal yang berkaitan dengan SEO, baik mengedit keywordnya, melakukan promosi dan link building, dan sebagainya.

Punya ide lain untuk ditambahkan? Silakan sampaikan melalui komentar,  kesempatan seluas-luasnya terbuka untuk anda.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Monday, April 25, 2011

Cara Menampilkan Judul Posting Saja Pada Label dan Arsip Blog



Tips-tricks Blogger kembali lagi dengan urusan coding.nih, bermain-main lagi dengan b if cond, b else dan b include. 
Terkadang akan sangat lama dan menjemukan apabila kita membuka halaman label atau arsip blog yang jumlah postingnya sudah banyak. Bahkan, semakin tidak efisien lagi jikamembuka halaman lain untuk melihat daftar/list posting yang lebih lama. So, menampilkan judul posting saja pada bagian label dan arsip dapat membuat loading halaman lebih cepat dan visitor dapat lebih cepat melihat daftar semua judul posting yang ingin dibaca. Contohnya kaya gini:
show only post titles

Siap mengubah tampilan halaman label dan arsip blog anda dengan cara tersebut?
Oke, kalo begitu lanjuuut ke cara menampilkan judul posting saja di label dan arsip Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Klik 'expand widget template'.
2. Cari kode: <b:include data='post' name='post'/> (Ctrl+F)
3. Ganti dengan script ini:
<!--Judul post saja di label dan arsip-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--Buka-rahasia.blogspot.com-->
4. Save template HTML.
5. Done! (done itu artinya Yang terjadi maka Terjadilah! olret..)
6. Coba dicek hasilnya pada halaman label dan archive blog.

Update (04-05-11):  
Kemarin ada yang bertanya lewat Contact Form: "Gimana cara menampilkan judul di label saja atau di arsip saja? Thanks."
Oke, saya jawab sekaligus update disini sekalian:

*Jika ingin menampilkan judul posting saja khusus di label, ambil perintah pada b if cond label dan b include posting saja:
<!--Judul posting saja di label-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
 <!--Buka-rahasia.blogspot.com-->
*Jika ingin menampilkan judul posting saja khusus di arsip, ambil perintah pada b if cond archive dan b include posting saja:
 <!--Judul posting saja di arsip-->
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--Buka-rahasia.blogspot.com-->
-Cara memasukkan scriptnya sama dengan cara yang telah disebutkan di atas.

Jika ada permasalahan atau ada hal yang ingin ditanyakan tentang "merias" tampilan judul tersebut (CSS styling), bapak ibu sekalian bisa sampaikan melalui komentar, karena setiap template blog tidak sama aturan dasar pada tampilan, font, link, margin, dan lain-lain. Feel free to use the comment form, I will be ready to help and do the best I can. 
Cheers!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com