Blog tentang internet dan Blogging Tips

Saturday, 28 July 2012

Cara Membuat Judul Posting Blog SEO Friendly

Cara membuat judul posting blog SEO friendly-----membuat judul posting blog yang di optimasi atau SEO friendly merupakan salah satu cara agar artikel yang kita buat dapat segera dikenali oleh search engine sehingga diharapkan artikel tersebut dapat menjaring trafik yang lebih baik dibandingkan dengan judul blog yang asal-asalan saja.

Cara ini bukanlah cara yang baku, tetapi cara ini adalah hanya sebagai alat bantu saja saat kita akan membuat judul post, dengan membayangkan beberapa judul alternatif yang mungkin dapat kita buat, misalnya:
  • Cara menentukan judul postingan blog SEO friendly
  • Cara menentukan judul posting blog SEO friendly
  • Cara membuat judul postingan blog SEO friendly, atau
  • Cara membuat judul posting blog SEO friendly 
Dari beberapa kalimat tersebut diatas kita coba masukkan ke mesin pencari (misalkan google.com), kira-kira kalimat mana saja yang direkomendasikan oleh google (keyword suggestion). Berikut screen shootnya:




Setelah kita coba masukkan kedalam mesin pencari, ternyata frase kata-kata tersebut diatas memang direkomendasikan oleh google karena sering diketik orang sebelumnya.

Kemudian untuk melihat frase mana saja yang lebih populer dipakai orang ketika mengetik di search engine, kita coba bandingkan frase-frase tersebut dengan bantuan "google insights". Berikut screen shootnya:



Dari screen shoot diatas tentunya kita akan memilih frase yang paling populer diketik oleh orang, dari data tersebut kita akan memilih judul posting kita menjadi: Cara membuat judul posting blog SEO friendly.

Kesimpulan dari tulisan diatas adalah, dalam memilih judul posting sebaiknya kita mempertimbangkan kata kata yang populer yang direkomendasikan oleh mesin pencari/ goolge. Hal ini selain untuk menunjang optimasi  pada halaman atau artikel yang kita buat, juga untuk menghindari jangan sampai kata kata atau kalimat judul posting kita tidak populer di mesin pencari, seprti contoh dibawah ini:

Semoga artikel cara membuat judul posting blog SEO friendly ini bermanfaat.

Happy Blogging !

Cara Membuat Link Terbuka Di Tab Baru

Membuat link terbuka di tab baru merupakan hal penting agar pengunjung bisa tetap memiliki akses terhadap halaman dimana dia menemukan link tersebut untuk di klik.

Selain itu juga pengunjung yang sedang membaca artikel post yang kita buat tidak kehilangan halaman tersebut, atau halaman tersebut tidak tergantikan dengan halaman baru dari link yang di klik oleh pengunjung.
Jadi kentungan apabila kita membuat link terbuka di tab baru adalah blog kita tidak ditinggalkan oleh pengunjung sebagai batu loncatan saja.

Untuk rekan-rekan blogger pemula yang ingin tau bagaimana cara membuat link terbuka di tab baru, berikut langkah-langkahnya:

Ada beberapa link yang sebaiknya terbuka di tab baru saat di klik oleh pengunjung, antara lain:
1. Untuk link yang berada didalam postingan seperti: referal link, link sumber, referensi link. Kita dapat membuat link terbuka di tab baru dengan cara:
  1. Silahkan login dulu ke blogger [ Login Disini ]
  2. Buat dan ketikanlah posting baru pada blog kamu (Ketik pada Posisi Compose)
  3. Sorot/Blok/Drag teks atau kalimat yang akan di beri link Open New Tab.
  4. Klik "Link" yang ada di toolbar bagian atas posting.
  5. Maka akan muncul dialog box yang harus kamu isi yaitu ==> Text to Display (jangan diubah ya),  Web Address (silahkan isi alamat web yang akan diarahkan), 
  6. Beri tanda Centang pada "open this link in a new window". Jika sudah selesai klik OK
Sekarang link yang Anda pasang akan terbuka pada Tab baru ketika diklik oleh pengunjung.
Untuk Lebih Jelasnya Lihat Gambar:

2. Untuk link yang tidak berada didalam postingan, seperti
  • About me
  • Contact me
  • Daftar isi blog
  • Dan lain lain
Kita bisa membuat link tersebut terbuka di tab baru dengan cara menambahkan kode: target:'_blank' pada alamat link yang akan di klik tersebut.
Contoh link untuk item item diatas adalah sebagai berikut:
About Me: <a href='https://plus.google.com/104977539492660640258' target='_blank'>About Me</a>
Contact Me: <a href='http://kontactr.com/user/takarina' target='_blank'>Contact Me</a>

Untuk memasukkan kode tersebut, Anda bisa masuk kedalam edit template/ edit html, kemudian cari link yang akan Anda buat terbuka di tab baru.

Untuk demo nya Anda bisa klik "about me" dan "contact me" tersebut di dalam blog saya ini.
Demikian tutorial mengenai cara membuat link terbuka di tab baru, semoga bermanfaat.

Sunday, 22 July 2012

Cara Memasang Shoutbox Gratis

Kelihatannya tambah banyak saja Free Remotely Hosted Shoutboxes ini. Buat Agan yang ingin menggunakan buku tamu / shoutbox dari ShoutMix ada berita baru, bahwa shoutmix mengupgrade akun para penggunanya menjadi berbayar untuk dapat mengunakan layanannya, alias tidak gratis lagi, tapi tentu saja di tawarkan fasilitas lebih dan design yang jauh lebih frofesional.

Untuk Agan yang ingin menggunakan buku tamu / shoutbox gratisan jangan kuatir masih banyak koq! yang gratis.

Berikut pilihannya :

Shoutbox Widget Me > shoutbox yang satu ini gratis (free), tidak perlu daftar hanya tinggal mengambil kode script (html) dan di pasng di blog anda.

Mangga di tester








Shoutbox Ticket My > Shoutbox gratis ini bisa di bilang punya tampilan yang cukup manawan. Dengan Ajax serta Flash, chat box, chatroom dan shoutboxnya bisa langsung di intregrasikan di blog kamu, namun kamu harus login atau membuat akun terlebih dahulu di sini.

Silahkan...





99 Shoutbox > Bentuknya yang simple, dan tidak njelimet bisa menjadi pilihan anda, para penyuka design simple. 99 shoutbox, memiliki banyak pilihan theme yang bisa di sesuaikan dengan design template anda maka shaoutbox ini bisa menjadi pilihan.

Silahkan langsung ngacir






Free-Shoutbox > Wah, dari namanya saja free-shoutbox, udah pasti jelas banget kalo ini gratisan, wah bisa jadi pilihan kamu nih, shoutbox chat yang satu ini. Siap langsung aja di sambangi brader.









Saybox > Say box bisa menjadi pilihan shoutboxs, chatbox gratisan lainnya. Cara mengambil kode scriptnya sama mudahnya dengan shoutbox-shoutbox yang lain dan bisa langsung di pasang di blog kamu.

Asyikkk mau...







I Shout Box > Wah, wah maikn banyak pilihannyanya mantep. Yang terakhir dalam postingan ini yaitu I shout box gratis pula, tampilannya lumayan unik dengan form submit berada di atas headernya.

Berangkat ke TKP brada






Seep dengan makin banyak pilihan shoutbox, kamu bisa menentukan mana yang lebih cocok untuk kamu gunakan dalam blog, oke selamat chatbox. oi oi oi shoutbox..

Semoga bermanfaat....., salam blogwalking...

Sunday, 20 May 2012

Cara Sederhana Memasang FB Comment di Blogger

Saat ini, facebook telah mengembangkan aplikasi yaitu form komentar yang bisa di'embed' atau ditaruh di blog kita. Dengan menaruh form ini, maka blog/web kita akan semakin banyak menyebarkan link, melalui komentar-komentar yang ada di form di blog kita. Dan, efek positifnya, rank kita di Google akan semakin baik.

Memasang komentar fb di blog susah-susah gampang, namun disini piper comex akan sedikit berbagi tips dengan Anda mengenai cara memasang komentar fb dengan mudah dan cepat. Dengan cara yang sederhana blog Anda dapat memiliki komentar fb seperti yang berada di catatan-piper-comex.blogspot.com ini.

Oke, langsung kita buat saja form komentar Facebooknya.
  • Sebelumnya, backup dulu template Anda untuk berjaga-jaga bila terjadi error. 
  • Login ke Blogger 
  • Dari Dashboard ==> Design ==> Edit HTML 
  • Centang kotak kecil "Expand Widget Templates" 
  • Cari kode berikut ini : 
</b:includable>
<b:includable id='status-message'>

Untuk mempercepat pencarian tekan tombol Ctrl + F
  • Kemudian tempatkan kode di bawah tepat diatas : </b:includable> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
</b:if>
  • Simpan Template. 
  • Lihat hasilnya. 
Notes : num_posts='2' : Untuk menampilkan jumlah komentar, width='500' : Untuk ukuran lebar ; dapat Anda rubah / sesuaikan dengan template pada blog Anda. 

Semoga manfaat ...

Saturday, 19 May 2012

Cara Membuat Kolom Komentar Bertingkat di Blogger

Banyak cara untuk membuat kolom komentar bertingkat di blogger, maksudnya bertingkat adalah antara kolom komentar pengunjung dengan kolom komentar admin tidak sejajar. Dengan fitur komentar bertingkat ini, kita dapat langsung menuliskan balasan komentar di bawah komentar pengunjung yang ingin kita balas dengan mengeklik link "Balas" yang ada di bawah komentar pengunjung tersebut. Nantinya, bila komentar balasan ini telah dipublikasikan maka komentar itu akan muncul di bawah komentar yang dibalas seperti halnya pada komentar blog WordPress.

Perlu diketahui, setelah kita menerapkan komentar bertingkat ini, mungkin ada aplikasi yang berkaitan dengan komentar menjadi tidak berfungsi lagi, seperti warna kotak komentar admin yang berbeda, emoticons, dan lain sebagainya.

Bagi yang menggunakan template bawaan Blogger dapat mencoba cara di bawah ini untuk mengaktifkan fitur komentar bertingkat.

1. Masuk ke akun Blogger Anda.
2. Setelah berada di laman Dasbor, klik menu "Setelan" kemudian pilih "Komentar". Pada bagian "Komentar" tentu saja pilih tampilkan. Sedangkan di bagian "Penempatan Formulir Komentar" pilih "Disematkan di bawah entri".


3. Selanjutnya klik tombol "SIMPAN SETELAN" yang berada pada bagian bawah laman.
4. Masih berada di menu "Setelan", silakan klik tab "Feed Situs". Pada bagian "Izinkan Feed Blog" pilih "Penuh".
5. Kemudian klik tombol "SIMPAN SETELAN".
6. Selanjutnya silakan cek komentar pada blog Anda, apakah sudah berganti menjadi komentar bertingkat atau belum.

Nah, bagi yang menggunakan template modifikasi atau template hasil men-download dari pihak ke-tiga, bisa menyimak langkah-langkahnya di bawah ini.

1. Ikuti langkah-langkah di atas.
2. Klik Rancangan >> Edit HTML.
3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk berjaga-jaga jika nanti terjadi kesalahan, kita sudah mempunyai backup sehingga dengan mudah mengembalikan template seperti semula.
4. Beri tanda centang pada "Expand Template Widget".
5. Silakan cari kode <b:include data='post' name='comments'/>

Bila Anda menggunakan peramban web Mozilla Firefox, Anda dapat menekan tombol Ctrl + F pada keyboard. Kemudian copy kode yang akan dicari tersebut dan paste di kotak yang tersedia, kemudian klik tab "Sorot semuanya". Nah, sekarang kode-kode yang dicari akan mempunyai warna latar belakang teks berwarna ungu. Kode tersebut ada yang berjumlah 3, ada juga yang berjumlah 4, tergantung pada template yang dipakai.
Klik "Sorot semuanya".

6. Silakan ganti semua kode pada langkah nomor 5 yang ditemukan dengan kode di bawah ini.

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

7. Klik tombol "SIMPAN TEMPLATE".
8. Silakan lihat komentar blog Anda, apakah sudah mengalami perubahan menjadi komentar bertingkat atau belum.




Friday, 11 May 2012

Cara Memasang Widget Jam & Kalender Flash


Bagi seorang blogger ada berbagai macam aksesoris yang bisa di tambahkan pada blog nya, salah satu widget yang mungkin berguna bagi seorang blogger ialah memasang Jam serta kalender di blognya tersebut, widget jam dan kalender ini selain berfungsi untuk menghiasi blog bisa juga bermanfaat untuk mengingatkan atau menunjukkan waktu serta tanggal kepada anda, yah siapa tau karena asik nge-blog jadinya lupa jika ada acara atau kegiatan yang harus di kerjakan pada waktu atau tanggal tertentu.

Kali ini piper comex akan share Widget Jam dan Kalender Cantik Flash yang bisa dipasang di blog/website. Widget Jam dan Kalender ini tidak seperti widget yang lain yang terpisah. Tetapi Widget jam dan Kalender ini menyatu. Sobat bisa melihat gambarnya :)


Sobat tidak salah untuk memasang widget ini, malah untuk mempercantik blog sobat. Bagi yang berminat ingin memasang Widget Jam dan Kalender Cantik ini, ikuti langkah-langkah berikut ini!
Login akun blogger > klik Rancangan > Edit Laman > Tambah Gadget > cari Html/Javascript. Paste-kan kode berikut ini pada kolom konten. Pilih sesuai dengan keinginan Anda.

Kode Widget Jam dan Kalender Berwarna Biru
==========
<embed src="http://ximg.us/upload/1334282156.swf" quality="autohigh" allowscriptaccess="always"
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600" width="300">
</embed>
==========

Jika sudah klik Simpan dan geser tata letaknya dan lihat hasilnya. Untuk mengubah ukurannya sobat bisa mengganti kode 300 dan 600 sesuai keinginan kamu, untuk merubah warna jam bisa merubah kode swf nya, yaitu:
Kuning = 1334283483.swf
Merah = 1334283396.swf
Hijau = 1334283153.swf 

Sekarang blog anda sudah mempunyai Jam serta Tanggal yang menghiasi blog kesayangan sekaligus berfungsi pula untuk mengingatkan waktu dan tanggal kepada anda serta pengunjung blog anda.



Wednesday, 9 May 2012

Cara Membuat Widget Recent Post Animasi Bergambar


Recent Post Animasi Bergambar adalah widget yang dibuat dengan tujuan memperlihatkan postingan terakhir di suatu blog atau website, apabila sebuah artikel yang di posting memuat suatu gambar maka widget ini pun akan menunjukan gambar yang telah di muat artikel tersebut dengan ukuran yg kecil tentunya, tidak sama dengan ukuran gambar aslinya di dalam posting. Dengan adanya Recent Post membuat tampilan blog kita menjadi menarik dan membuat pengunjung ingin melihat artikel postingan kita yang lainnya. sebagai referensi agan bisa lihat di sidebar blog milik saya ini. Kelebihan dari recent post ini selain dapat bergerak atau animasi yaitu, dilengkapi dengan gambar, judul post dan cuplikan isi post. Untuk Membuat Recent Post Animasi Bergambar Agan bisa melihat caranya dibawah.

Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :



6. Setelah dicopy silahkan klik simpan dan lihat hasilnya.

Keterangan :
width:60px;height:65px diatas adalah ukuran untuk gambar di Recent Post.
var speed = 400; var pause = 3500; diatas adalah kecepatan Slide gambar Recent Post
var numposts = 10; var numchars = 60; diatas adalah 10 Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau deskripsi postingan yang ditampilkan di Recent Post.

Anda bisa merubah parameter lainnya, seperti besarnya font, warna font, background, lebar dan tinggi kolom atau lainnya sesuai dengan bentuk atau format blog Anda.

Apabila Ada Yang Tidak Dimengerti Caranya, Silahkan Berikan Komentar atau kirim pesan Anda. Maka Saya Akan Menjelaskannya Apa Yang Anda Tidak Mengerti. 

Catatan:Apabila di template anda sudah terpasang kode "jquery" (seri berapapun), maka kode "jquery" diatas tidak usah dipasang lagi..!!.

Popular Posts

Powered by Blogger.