Tips memilih template yang SEO friendly

Untuk pengguna blogspot,sekarang sudah tersedia ribuan template menarik yang bisa anda gunakan untuk memperindah tampilan blog anda.Ada yang bergaya magazine template,2 colum template,3 colum template,dan ada juga yang 1 colum template,semua tergantung selera.

Pada tips dan trik blog kali ini,saya ingin sharing mengenai tips untuk memilih template yang SEO friendly ( Yang disukai oleh search engine ).

Pertama,yang harus anda ketahui adalah alur search engine dalam membaca blog kita untuk di index ke dalam program mereka.

1.Search engine mengindex blog mulai dari bagian atas kiri dan berakhir pada bagian kanan bawah.Sama seperti kita sedang membaca sebuah buku.


2.Yang paling awal di index adalah title tag.

Nah oleh karena itu ada beberapa tips yang bisa kita gunakan dalam memilih template blog,dengan melihat arah pergerakan dari index search engine :

- Pilihlah template dengan right sidebar ( side bar berada di kanan )

Mengapa pilih sidebar yang berada di kanan? Agar setelah title tag,yang di index terlabih dahulu adalah artikel kita,baru sidebar kita.Karena di artikel lebih banyak keyword yang dapat terindex dengan lebih baik dan lebih cepat.

- Pilihlah template dengan warna yang bersih dan terang

Walaupun tidak ada aturan pasti untuk yang satu ini,setelah saya melakukan riset blog yang berada di posisi pertama search engine dengan keyword tertentu,rata-rata adalah blog yang menggunakan template yang berlatar belakang putih dan terang.

Nah sekarang sudah ada gambaran kan template seperti apa yang seharusnya anda gunakan dalam blog anda?


Terimakasih
Selamat mencoba... :)

Cara cepat membuat Recent Post dan Recent Comment

Jika anda berkunjung ke banyak blog, anda akan biasa nya akan menemui tulisan "Recent Post" dan "Recent Comment", atau dalam bahasa indonesia nya "Artikel terbaru" dan "Komentar terbaru".

Nah pada tips dan trik blog ini saya dulu pernah membahas bagaimana cara membuat Recent Post dan Recent Comment menggunakan Feedburner, pada artikel kali ini, saya ingin sharing bagaimana cara membuat Recent Post dan Recent Comment tanpa menggunakan Feedburner, dengan cara yang lebih cepat.

Ok langsung aja ya...Cara membuat Recent Post dan Recent Comment menggunakan Feed gampang banget :

1. Masuk ke account Dashboard Blogger anda

2. Pilih layout/tata letak

3. Pilih Feed

4. Masukkan alamat berikut ini :

- Untuk membuat artikel terbaru : http://www.namadomain.com/feeds/posts/default
- Untuk membuat komentar terbaru : http://www.namadomain.com/feeds/comments/default

5. Selesai

Di dalam menu Feed tersebut anda bisa menentukan berapa Artikel terbaru dan Komentar terbaru yang akan ditampilkan.

Gampang banget ya?

Cara seting email domain sendiri di Microsoft Outlook 2007

Halo rekan blogger...sudah lebih dari 1 bulan saya tidak update tips dan trik blogger terbaru ya, hal ini di karenakan kesibukan saya yang cukup menyita waktu, dan belum ada ide untuk nulis artikel baru juga :)

Pada kesempatan kali ini, saya ingin sharing bagaimana cara seting email di Microsoft Outlook 2007. Yang akan saya bahas kali ini adalah seting email di outlook dengan menggunakan hosting dan domain sendiri, contohnya: admin@perfectbisnis..com

Oke langsung saja ya!

1. Buka Outlook 2007 anda

2. Pada toolbar atas, klik menu TOOLS

3. Pilih ACCOUNT SETTINGS, kemudian klik NEW


4. Pilih MICROSOFT EXCHANGE, POP3, IMAP, or HTTP, kemudian klik NEXT

5. Isi data-data anda pada kolom yang tersedia. Pada menu email address, isi dengan alamat email anda, misalnya admin@perfectbisnis.com, dan pada password, isi dengan password email anda.


6. Jangan lupa untuk memberikan tanda centang pada check box bagian bawah yang bertuliskan Manually Configure Server Settings or additional Server types. Klik NEXT

7. Pada menu baru, pilih INTERNET EMAIL, dan klik NEXT

8. Isi dengan data-data sesuai dengan gambar di bawah ini. Pada Incoming mail server dan outgoing mail server, isi dengan: mail.namadomain.com

9. Klik tulisan More setting pada bagian kanan bawah

10. Pada menu outgoing server, beri tanda centang

11. Pada menu Advanced, di kolom outgoing server (SMTP), pertama anda gunakan setingan default dengan port 25. Jika email anda kemudian tidak berfungsi untuk mengirim dan menerima email, anda ganti port nya dengan angka 587. Kemudian anda klik OK

12. Selesai...

Note:

Khusus pengguna Modem Smart USB, pada menu Advanced, isi port dengan angka 465, dan Encrypted connection pilih SSL

Jika tidak bisa, silahkan ganti info Outgoing Mail Server (SMTP) dengan SMTP dari smart yaitu:

smtp.smart.co.id

Semoga bermanfaat,

Membuat Kotak Komentar Blogger di Bawah Postingan

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.
Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Script efek burung terbang

kali ini masih berhubungan dengan accessories yang dapat memperindah tampilan “wajah” blog Anda yaitu dengan script yang tidak terlalu mempengaruhi loading blog Anda. Adalah script efek burung terbang yang dapat Anda pasang pada sidebar blog. Siapa tahu ada blogger yang cocok dan tertarik dengan accessories ini. Ikuti tipsnya berikut ini.

Script efek burung terbang yang saya sharing ini berasal dari Mas Priyo dan kepada beliau saya mohon izin untuk memposting tentang tips ini, siapa tahu bermanfaat terutama bagi newbie.

Langsung saja, script-nya adalah seperti berikut ini.

<script language="JavaScript1.2"
src="http://www.geocities.com/yono_pati/burung.js">
/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

Tempatkan script di atas pada side bar blog Anda, dengan langkah-langkah sebagai berikut.

• Login ke http://blogger.com hingga masuk Panel Kontrol
• Klik Tata Letak (layout)
• Klik Tambah Gadget
• Tambahkan HTML/Javascript
• Pastekan script seperti tersebut di atas
• Kemudian Simpan Perubahan
• Selesai

Jika ingin mengetahui burungnya adalah seperti di bawah ini. Yang jelas tidak mirip dengan “burung” kita, kan?!!

(sumber : jurukunci.blogspot.com)

Membuat Efek Pelangi Pada ling

TIPS MEMBUAT EFEK PELANGI PADA LINK. Selain efek yang pernah Tips Trik Blog posting sebelumnya, kita juga dapat menambahkan script untuk mendapatkan efek link yang mungkin lebih menarik dan eksentrik. Dengan script ini, jika kita mendekatkan mouse ke arah suatu link maka link tersebut akan bergonta-ganti warna seperti warna pelangi sehingga banyak yang menyebutnya dengan efek pelangi pada link. Jika tertarik, silakan ikuti tipsnya berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor

2. Klik Tata Letak (lay out)

3. Klik tab Edit HTML

4. Kemudian cari dan temukan kode <body>

5. Kemudian pastekan script di bawah ini persis di bawah <body>

<script src='http://www.geocities.com/yono_pati/pelangi.js'
type='text/javascript'>
</script>

6. Kemudian Simpan Template

7. Selesai

Jika ingin mengetahui hasilnya, silakan kunjungi blog Bisnis Internet ini. Coba Anda arahkan mouse Anda ke judul atau link mana pun yang ada di blog tersebut maka link tersebut akan menjadi berwarna-warni seperti warna pelangi.

Jika tertarik, selamat Mencoba, ya!!

Cara Membuat Label Diatas Judul Postingan

Cara Membuat Label di Atas Judul Postingan. Jika kita mau, mengotak-atik kode HTML dengan tujuan untuk mempercantik blog miliki kita hampir tidak ada habisnya. Setelah kita mengotak-atik yang itu, kemudian ingin mengotak-atik yang ini dan lainnya yang hampir tidak ada puas-puasnya. Pada postingan kali ini, Tips dan Trik Blog ingin share kepada teman-teman blogger tentang ilmu yang baru saja saya dapatkan dari kebiasaan blogwalking dan browsing di dunia maya.

Adalah cara membuat label berada di atas judul postingan yang mungkin dapat membuat blog lebih menarik dan tampil beda. Jika tertarik, silakan ikuti tipsnya berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, Jangan lupa beri centang pada “Expand Templates Widget”
Ketiga, buatlah CSS label dengan deklarasi yang menarik. Contohnya seperti di bawah ini.

.label{
padding:5px 5px 5px 0;
margin:0;
font-size:20px;
color:#DF0174;
font-weight:bold;
line-height:1.4em;
}

Keempat, letakkan kode berikut ini di bawah kode <div class="post hentry">

<div class='label'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if>=&gt; </div>

Keterangan

Kedua kode yang berwarna merah dapat diganti sesuai keinginan masing, yang penting keduanya harus sama karena merupakan deklarasi dan target. Yang berwarna hijau, silakan diganti dengan notasi yang lain.

Kelima, simpan template

Keenam, selesai.

Sekarang, silakan buka blog kemudian pastikan bahwa label telah “bertengger” di atas judul postingan. Selamat bereksperimen dan semoga bermanfaat.

(sumber : mas doyok )

Menampilkan Hanya Judul Posting Ketika Diklik

Cara Menampilkan Hanya Judul PostiLabel Diklik. Ketika jumlah postingan blog kita sudah begitu banyak maka penggunaan label atau kategori akan menjadi bagian yang penting. Penggunaan label akan mempermudah atau mempercepat pengunjung dalam menemukan apa yang mereka cari.

Pada keadaan normal (default), ketika kita mengklik suatu “label” tertentu maka semua postingan dengan label dimaksud akan ditampilkan berikut isi postingannya. Jadi, misalkan saja, suatu label berisi 50 postingan maka ke-50 postingan tersebut akan ditampilkan semua. Dengan kondisi demikian dapat membuat pengunjung menjadi tidak sabar untuk melanjutkan pencariannya. Apalagi kondisi tersebut masih diperparah dengan panjangnya isi setiap postingan yang ada dan juga beratnya loading blog. Dengan kondisi demikian, dapat kita bayangkan betapa lama dan membosankan ketika pengunjung mencari suatu tema/postingan yang mereka kehendaki.

Sehubungan dengan hal tersebut, jika menginginkan, kita dapat mengatur sedemikian rupa sehingga ketika pengunjung mengklik suatu label tertentu, yang ditampilkan hanya judul postingannya saja tanpa disertai isi postingannya. Dengan demikian dapat mempersingkat pengunjung dalam melakukan pencarian karena yang ditampilkan hanya judulnya saja.

Jika menginginkan hal tersebut , berikut langkah-langkahnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa centangi “Expand Widget Template”

Ketiga, cari dan temukan kode berikut ini.

<b:include data='post' name='post'/>

Keempat, ganti kode tersebut dengan kode berikut ini.

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>

<b:if cond='data:blog.pageType != "item"'>

<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

Kelima, Simpan Template.

Keenam, selesai.

Sekarang, cobalah untuk mengklik salah satu label yang ada dan pastikan bahwa pengaturan baru tersebut telah berjalan dengan baik.

Selamat Mencoba!!!