dotblogspot: 04/05/12

Membuat fungsi Scroll pada Postingan

Berikut ini saya akan berbagi tips bagaimana cara membuat fungsi scroll pada postingan blog. Cara ini banyak mamfaatnya buat bloger, selain memperindah postingan, fungsi scroll ini juga dapat meminimalisir penggunaan tempat yang harus di gunakan.

Ada dua kode HTML yang bisa kalian gunakan, pilih saja salah satu!

Kode Pertama

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: blue #000000 no-repeat scroll 0 0 ; background-position: center ;border: 3px solid black; height: 200px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

Tempatkan tulisan anda disini!

</div>

Kode Kedua

<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #000000; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

Tempatkan tulisan anda disini!

</div>

Keterangan:

Untuk tulisan #000000, silahkan anda ganti dengan bacground yang anda punya.
Tulisan center adalah posisi gambar background anda.
Untuk tulisan 200px adalah ukuran panjangnya.
Left merupakan perataan tulsan anda

Selain pada postingan, anda juga dapat menggunakan fungsi scroll ini pada sidebar blog anda.

»» READMORE...

Meta Tag

Bagi para blogger pemula (seperti aku yang baru lima bulan jadi blogger, hehe...), biasanya belum mengenal meta tag ini, apalagi hampir setiap template blog yang ada tidak mencantumkan meta tag ke dalam script HTML-nya. Padahal meta tag ini sangat membantu mesin pencari (search engine) untuk melacak (merayapi) situs kita, karena fungsi utama dari meta tag ini adalah untuk memberikan semacam ringkasan mengenai sebuah situs kepada search engine sehingga search engine tersebut bisa mengetahui keberadaan suatu situs hanya dengan membaca ringkasannya (tanpa harus membaca seluruh entry data-nya). Dan konon, dengan menambahkan meta tag ini dapat mendongkrak popularitas situs kita karena search engine dapat dengan mudah untuk mengindeks situs kita itu (Benar apa tidak, blum tauk tuh. Maklum orang baru, hehe...).

Ada tiga meta tag yang wajib bin kudu ada di dalam sebuah situs, yaitu :

Robots, berfungsi untuk memberitahu search engine agar tidak tidak membaca halaman-halaman tertentu di situs kita, seperti halaman yang hanya khusus untuk anggota.
Description (keterangan), berfungsi untuk memberitahu search engine agar melacak situs kita melalui keterangan ini tanpa harus membaca seluruh isi kontennya.
Keywords (kata kunci), berfungsi untuk memberitahu search engine agar melacak situs kita melalui kata kunci-nya saja tanpa harus membaca seluruh entry data-nya.

Nah, bagaimana membuat meta tag ini? Berikut adalah contoh meta tag yang dapat kamu tiru :

    <meta content='INDEX, FOLLOW;' name='robots' />
    <meta content='Keterangan situs;' name='description' />
    <meta content='Kata kunci situs;' name='keywords' />
    <meta content='Nama kamu;' name='author' />

Keterangan :
Jika konten anggota tidak ingin diindeks maka ganti FOLLOW-nya dengan NOFOLLOW. Dan jika situs kamu tidak ingin diindeks, ganti content-nya dengan NOINDEX, NOFOLLOW, sehinga search engine tidak akan bisa mencari/merayapinya. Tapi gak usah takut, situs kamu masih bisa dibuka jika kamu atau teman kamu menuliskan URL-nya.
Keterangan situs diisi sesuai dengan konten situs, misalnya seperti :
“Blog ini merupakan kumpulan tulisan seputar dunia sastra, baik berupa puisi, cerpen, cerbung dan artikel lainnya seputar sastra.”
Deskripsi atau keterangan situs ini sebaiknya lengkap dan tidak harus sama dengan deskripsi judul web/blog, yang biasanya singkat
Kata kunci situs diisi sesuai dengan deskripsi situs tadi, misalnya :
“sastra, cerpen, cerpen lucu, cerbung, cerbung serem, puisi, puisi cinta, puisi supi, artikel sastra.”
Perhatikan kata yang diulang! Itu akan memudahkan search engine untuk mencari melalui kata kunci tersebut. Jadi jika orang mencari secara lebih spesifik, misalnya cerpen lucu, maka search engine akan langsung menunjuk ke situs kita. Tapi ingat, jangan mengulang kata lebih dari 3 kali, soalnya bisa-bisa dianggap spam oleh search engine.
Author diisi dengan si pembuat situs, sehingga jika nama ini dicari melalui search engine maka akan muncul pula situs yang dibuatnya.

Nah, sudah jelas kan? Lalu bagaimana cara meletakkan meta tag itu?

Login dulu ke blogger kamu.
Dari halaman dashboard, pilih Tata Letak, pilih Edit HTML.
Copy script meta tag tadi (setelah diedit sesuai situs kamu).
Tempelkan di bawah <head> (letaknya ada pada script paling atas), atau jika kamu sudah membuat blog titel berjalan pada tab page kamu bisa meletakkannya di bawah script untuk shorcut icon (favicon).
Save setelah menambahkan meta tag tersebut.

Ok, coy.... segitu aja dulu penjelasannya. Mudah-mudahan bisa dimengerti (klo ga ngerti ngacung ya....)
Selamat mencoba !!!

»» READMORE...

Fublikasi Blog ke Facebook

Bagi pengguna Fecebook pasti sudah mengenal aplikasi NetworkedBlogs, bahkan mungkin sudah menggunakannya. Namun sayang, kebanyakan blogger yang menggunakan aplikasi ini hanya dimamfaatkan untuk tujuan menjaring follower pada NetworkedBlogs saja. Padahal aplikasi ini dapat dimamfaatkan untuk tujuan promosi terhadap artikel-artikel yang dimuat di dalam blog. Jika kita men-setting-nya secara benar, setiap artikel terbaru pada blog kita akan secara otomatis ditampilkan pada status Fecebook kita, sehingga teman-teman dalam Fecebook dapat mengetahui setiap artikel terbaru blog kita dan, jika ia tertarik, dapat membacanya melalui aplikasi NetworkedBlogs tersebut.

Untuk supaya aplikasi NetworkedBlogs dapat memunculkan artikel-artikel terbaru dari blog kita di dalam status Fecebook, kamu harus melakukan pen-setting-an pada feeds-nya. Berikut adalah cara untuk melakukan feeds setting pada aplikasi NetworkedBlogs:

Settingan Bagi Yang Belum Pasang Aplikasi NetworkedBlogs
Bagi kamu yang belum menambahkan aplikasi NetworkedBlogs, kamu dapat mengikuti langkah-langkah berikut:

Login terlebih dahulu ke akun Facebook kamu.
Setelah itu klik Aplikasi (menu sebelah kiri), lalu pilih NetworkedBlogs

Selanjutnya klik Register a Blog, untuk mendaftarkan blog kamu.

Isi formulir yang disediakan. Jika sudah selesai, klik Next.
Pada pertanyaan "Are you the author this blog?", jawab Yes.
Pada pertanyaan "How do you like to verify ownership of this blog?", pilih Use our widget to verify ownership.
Copy kode HTML untuk verifikasi dan paste pada gadget HTML/JavaScript blog kamu.

Setelah selesai di-paste pada gadget blog kamu, klik Verify Widget. (Jika tidak diperlukan, kamu dapat menghapus widget ini sesudah author terverifikasi).
Setelah muncul verification successful, lalu klik Next.
Selanjutnya klik Feed Setting pada menu sebelah kanan.

Kemudian beri tanda centrang pada Auto-publish to personal profile.

Setelah muncul kotak dialog, klik Izinkan Penerbitan, lalu Izinkan.

Settingan Bagi Yang Sudah Pasang Aplikasi NetworkedBlogs
Bagi kamu yang sudah menambahkan aplikasi NetworkedBlogs, namun belum men-setting feeds-nya sehingga artikel-artikel terbaru kamu tidak muncul di status Facebook, kamu dapat mengikuti langkah-langkah berikut:

Login terlebih dahulu ke akun Facebook kamu.
Setelah itu klik Aplikasi (menu sebelah kiri), lalu pilih NetworkedBlogs.
Kemudian klik Profile pada Navbar menu, lalu klik blog kamu.

Selanjutnya sama dengan langkah 10, 11 dan 12 di atas, yaitu klik Feed Setting pada menu sebelah kanan.
Kemudian beri tanda centrang pada Auto-publish to personal profile.
Setelah muncul kotak dialog, klik Izinkan Penerbitan, lalu Izinkan.

Nah, segitu aja sob informasinya. Semoga bermanfaat .....

»» READMORE...

Software Full Version

There are a lot of Softwares full Version here. Get what you want. All free....

Hitman Pro 3.5.9 build 124
Joboshare Video Converter 2 and serial number
DtSearch Desktop v7.68.8005
Direct Update v4.6.6.199 Multilingual and keygen
FileZilla Server 0 9 39
AnyDVD.HD.6.8.1.0.Final-RES-patch

»» READMORE...

Langkah Cara Mendapatkan $27 Dollar dari A.W.Surveys

Mendapatkan Uang Gratis Dari A.W.Surveys hanya dengan 10 Menit?

Pada artikel Pelajaran Blog kali ini,sengaja sekali lagi saya akan sedikit bergeser dari materi tentang blog.
Tapi,mengingat fungsi dari sebuah blog,sebagus apapun blog,jika tanpa menghasilkan apa-apa,sama saja kosong khan?
Nah kali ini,saya akan membagikan informasi tentang mengoptimalkan sebuah blog,dan bagaimana mendapatkan dollar/uang dari blog anda.
Sebenarnya,tanpa mempunyai blog pun,anda bisa mencobanya.Blog hanya sebuah piranti/alat untuk menyampaikan informasi,baik iklan,humor,sex,dll.

Langkah demi langkah Cara Memperoleh Dollar/Uang Gratis di A.W.Surveys

Jika saya mempunyai banner dengan loggo:$27 Dollar On 10 Mnt,itu memang benar adanya.
Bahkan jika anda sudah tahu langkah dan cara nya,bisa anda lakukan kurang bahkan dari 10 Menit.

Ok!langsung saja ya :D

Langkah Cara Survey di A.W.Surveys

Kunjungi http://www.AWSurveys.com/.

Setelah itu anda akan dihadapkan halaman muka dari www.AWSurveys.com.

Setelah itu klik tulisan Create A Free Account.

Selanjutnya anda akan di hadapkan Form Account baru.

Isilah form tersebut sesuai identitas anda.

Setelah semua form terisi,lalu isikan verifikasi kata dan klik tombol Create Free Account.

Setelah itu anda akan dihadapkan halaman yang memberi tahu bahwa account anda berhasil dibuat.

Dihalaman tersebut Tabel Balance masih tertulis $0,karena memang anda belum melakukan survey.

Pada pilihan survey,survey pertama,anda akan langsung mendapatkan $6,dan survey-survey selanjutnya @$4 hingga total akhir survey anda akan mendapatkan $27 ,sedangkan untuk referal(orang yang sudah berhasil anda ajak bergabung),anda akan mendapatkan $1.25 pada setiap referal.Asyik khan?

Untuk cara melakukan survey,klik pada setiap pilihan survey,untuk lebih efisien pilih satu-satu dari urutan paling atas dahulu,selanjutnya nanti anda akan dihadapkan halaman Start Survey.

Klik tulisan tersebut,lalu anda akan dihadapkan halaman survey.

Bukalah situs yang awsurveys sediakan untuk kita survey,setelah situs tersebut terbuka di halaman baru,tunggu beberapa saat dan tutup situs tersebut,lalu berkomentarlah pada kolom yang disediakan.Komentar bisa hanya sebuah kalimat misal;
Perfect site! atau Not too bad!,dll.
Sebenarnya,tanpa kita membuka situs tersebut dan hanya komentar saja dengan bahasa inggis tentunya,survey telah berhasil kita lakukan,tapi jika A.W.Surveys telah baik kepada kita,kenapa kita nggak mencoba menghargainya? :D

Setelah selesai klik tombol dibawahnya,dan lihat balance anda sekarang.

Setelah itu,anda siap untuk melakukan survey yang lain.

Catatan:

Setiap awal bulan,A.W.Surveys akan memberikan situs untuk kita survey,oleh sebab itu,rajin-rajinlah mengecek email anda.

Uang dapat dicairkan via PayPal,jika anda belum punya account paypal,anda bisa membuatnya di sini.

Tulisan Redeem Money,yaitu untuk mencairkan dollar,yang akan dikirim ke paypal anda setelah terkumpul $75.

Gimana?tertarik? jika anda sudah siap,anda bisa mulai sekarang juga,klik di sini.
Survey situsnya! rampok dollarnya!,hehehehe.. salam sukses!!!

»» READMORE...

Membuat Tabel Untuk Kolom Navigasi

Tabel Kolom Navigasi

Meskipun sebelumnya saya pernah memposting tentang bagaimana membuat menu navigasi dengan css tidak ada kapoknya saya masih memposting tentang hal dan tutorial yang sama,hanya saja kali ini berbeda sedikit.

Ya,memanfaatkan tabel untuk navigasi berkolom pada blog,oleh sebab itu dari pada saya bingung ngasih judulnya,saya tulis aja ’Membuat Tabel untuk Kolom Navigasi’,nyambung khan?

Nah untuk contohnya,anda bisa lihat menu navigasi pada www.indowebster.com.
untuk lebih jelasnya bagi pengguna blogger/blogspot,simak langkah-langkah di bawah ini:

Pertama,pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Jangan lupa contreng tulisan Expand Widget Templates,lalu cari kode berikut:

</head>

Setelah ketemu,letakkan kode di bawah ini tepat di atas kode tersebut.

<script type="text/javascript" src=""></script>

<style type="text/css">

#ddblueblockmenu{

border: 1px solid black;

border-bottom-width: 0;

width: 240px;

}

#ddblueblockmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

font-size: 12px;

}

#ddblueblockmenu li a{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 224px; /*185px minus all left/right paddings and margins*/

color: white;

font: bold 70% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

font-size: 11px;

background-color: #2175bc;

border-bottom: 1px solid #90bade;

border-left: 7px solid #1958b7;

}

* html #ddblueblockmenu li a{ /*IE only */

width: 230px; /*IE 5*/

width: 224px; /*185px minus all left/right paddings and margins*/

}

#ddblueblockmenu li a:hover {

background-color: #2586d7;

border-left-color: #1c64d1;

}

#ddblueblockmenu li a:visited {

background-color: #2586d7;

border-left-color: #1c64d1;

}

#ddblueblockmenu div.menutitle{

color: white;

border-bottom: 1px solid black;

padding: 1px 0;

padding-left: 5px;

background-color: black;

font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

font-size: 13px;

}

</style>

<style>

.thumb {

padding: 2px;

height: 85px;

width: 100px;

margin-top: 0px;

margin-right: 8px;

margin-bottom: 0px;

margin-left: 0px;



}

a {

color: #0033CC;

text-decoration: none;

}

a:hover {

color: #011e42;

text-decoration: none;

}

</style>

Setelah itu Simpan Template.
Langkah selanjutnya,Pergi ke Dashboard,lalu pilih Tata Letak,kemudian Tambahkan Gidget Baru/Add New Widget,pilih HTML/Javascript,lalu letakkan kode berikut:

<script  type="text/javascript"></script><table  bordercolor="#000000" width="100" bordercolorlight="#00FF00"  bordercolordark="#006600" bgcolor="#006600"><tr><td  valign="top" width="230" bordercolorlight="#008000"  bordercolordark="#00FF00" height="313"><div id="ddblueblockmenu"  style="width: 100; height: 20"><font face="Verdana"  color="#FFFFFF" font size="2"><marquee width="211" height="22"  align="middle">Disini Tulisan Yang Nanti Akan Berjalan</marquee></font><div style="width: 223; height: 20" class="menutitle"><li>JUDUL KOLOM KE 1</li></div><ul><li><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 1</font></a><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 1</font></a><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 1</font></a></li></ul><div style="width: 223; height: 18" class="menutitle"><li>JUDUL KOLOM KE 2</li></div><ul><li><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 2</font></a><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 2</font></a><a href="#" target="_self" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 2</font></a></li></ul><div style="width: 223; height: 19" class="menutitle"><li>JUDUL KOLOM KE 3</li></div><ul><li><a href="#" target="_blank" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 3</font></a><ul><li><a href="#" target="_blank" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 3</font></a><a href="#" target="_blank" title="Tooltip Yang Nanti Akan Muncul"><font color="#000000">Edit Me Kolom 3</font></a></li></ul></li></ul></div><center><a  href="http://Alamat_Blog_Anda.blogspot.com/" title="Home"><font  face="Verdana" color="#FFFFFF" font  size="2">HOME</font></a></center></td></tr></table>

Setelah itu Simpan dan Selesai.
Agar blog lebih rapi tempatkan widget tersebut pada sidebar blog anda.

’Sengaja kode diatas saya jadikan satu(jadi kesannya berantakan ya :D),agar hasil dari copynya sesuai dengan harapan.’

Ket:

Untuk tulisan "Disini Tulisan Yang Nanti Akan Berjalan" adalah tulisan yang nantinya akan berjalan,gantilah sesuai keinginan,meskipun tulisan ini hanya bekerja pada IE/Internet Explorer

Untuk tulisan "JUDUL KOLOM KE 1,2,3" adalah Judul pada stiap kolom,ganti dan rubah sesuai kebutuhan.

Untuk tulisan "Tooltip Yang Nanti Akan Muncul" adalah tulisan/tooltip yang akan mucul saat event mouse diatasnya.

Untuk tulisan "#" adalah URL yang anda ingin letakkan untuk setiap event kliknya,rubah sesuai keinginan.

Untuk tulisan _blank atau _self,pakailah sesuka anda,_self jika ingin dibuka pada halaman yang sama,dan _blank jika anda ingin hasil muncul pada halaman baru.

Untuk tulisan "http://alamat_blog_anda.blogspot.com/" tulis alamat blog anda sendiri

Untuk lebih jelasnya,hasil dari kode diatas akan menjadi seperti dibawah ini:

Disini Tulisan Yang Nanti Akan Berjalan

JUDUL KOLOM KE 1

Edit Me Kolom 1 Edit Me Kolom 1 Edit Me Kolom 1

JUDUL KOLOM KE 2

Edit Me Kolom 2 Edit Me Kolom 2 Edit Me Kolom 2

JUDUL KOLOM KE 3

Edit Me Kolom 3
- Edit Me Kolom 3 Edit Me Kolom 3

HOME

Bagaimana?berminat?Semoga bermanfaat ya :D

»» READMORE...

Alexa

Berikut ini adalah gambaran tentang Alexa.

Definisi Alexa
Alexa merupakan sebuah website yang menyediakan infomasi tentang peringkat web dan dapat meningkatkan Rangking web.

Mamfaat Alexa
Alexa ini membantu dengan memberikan informasi tentang kualitas dan popularitas dari sebuah website.
Berguna bagi website yang anda memiliki untuk diterima dalam program make money online.
Membantu anda dalam mengetahui posisi jika terdapat kompetisi dan anda bisa mengetahui volume traffic dari website yang anda miliki.

Cara Daftar di Alexa

Mendaftar di http://alexa.com/ dan mengisi data-data yang diperlukan diantaranya Email, Nick name, Full name, dan Country.
Lakukan verifikasi lewat email (Buka Email Anda)
Pergi ke halaman For Site Owner
Pilih Edit Your Site Listing.
Pilih cara yang ke-3 dari 3 cara yang tersedia.
Isikan data-data yang diperlukan. Setelah mengisi data yang diperlukan maka silahkan kembali ke Dashboard anda tanpa menutup window ini.
Buat sebuah halaman atau post yang berjudul info.txt dan berisikan informasi yang anda sertakan pada data alexa tadi. Setelah membuat halaman atau postingan, silahkan kembali pada window alexa tadi.
Masukan alamat link halaman atau postingan anda tadi dalam kolom kedua dari bawah.
Isikan alamat email kamu, lalu klik Submit. Alexa akan memperingati jika ada kesalahan. Ulangi pengisisan dan cek kembali hingga tidak terdapat kesalahan.
Cek email kamu, dan silahkan menunggu sekitar 2 minggu hingga blog kamu selesai diklaim.

Cara Mendapatkan Widget Alexa

Masuk ke situs http://alexa.com/
Masukan alamat blog anda pada kolom yang terdia. Contoh : dot-blogspot76.blogspot.com/ (tanpa http://), lalu klik tombol “Build Widget”.
Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste pada notpad atau text editor lainnya. Simpan kode tersebut di komputer anda untuk nanti di masukan ke blog.

Cara Memasang Widget Alexa

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Elemen Halaman.
Klik Tambah Gadget.
Klik tanda Plus (+) di samping tulisan HTML/JavaScript.
Paste kode yang tadi ada di notepad kedalam kolom yang muncul.
Klik tombol Simpan.
Pindahkan elemen yang baru anda buat tadi ke tempat yang anda inginkan, jika mau tentunya.
Jangan lupa klik tombol Simpan yang ada di sebelah atas.

Selesai.

»» READMORE...

Menambahkan/Membuat Fitur Reply Pada Komentar

Indahnya Tanya Jawab pada Komentar

Sebelumnya saya memposting tentang tips dasar seo,yaitu ’cara cepat terindex google’,meski saya juga nggak begitu tahu akan seo,xiixixixi..

Kali ini saya akan memberikan tips ’cara menambahkan/meleakkan maupun membuat fitur Reply/jawaban dari komentar’.

Keuntungan Reply pada Komentar

Banyak kita jumpai kotak komentar yang sudah di lengkapi fasilitas Reply tersebut.
Keuntungannya kita tak perlu menuliskan,misal;saya ingin menjawab komentar pengunjung blog saya yang bernama Desy Ratnasari(pede bgt sich!!@#$),sering kita menuliskan @Desy Ratnasari:blablabla.. bermaksud menjawab komentar pengunjung tersebut.

Tapi dengan fitur Reply/Reply this Comment ini,kita tinggal mengklik reply,tulis jawaban selesai!

Ya ya ya ya...trus bagaimana dengan pengguna blogspot?
Jika di WP/Wordpress memang sudah disediakanakan plug-in fitur tersebut,lain halnya dengan blogspot,kita harus bersusah payah,merubah template,dll jika ingin menginstallnya.
Solusinya?

Ada cara praktis untuk membuat fitur Reply pada Blogger.

Tips:Biasanya widget comment reply ini,hanya dipakai untuk blog sederhana dan hiburan belaka.

Berminat? Langsung ke topiknya!!

Membuat Fitur Reply di Blogger dari www.js-kit.com

Jika situs ini masih menyediakan,berarti anda masih beruntung.Ok! langsung aja ya :)

Pertama,tentukan blog mana yang ingin anda berikan fitur Reply,jika anda mempunyai lebih dari satu blog.

Kunjugi http://js-kit.com/comments/.

Selanjutnya klik tombol ’Install Now’.

Pilih ’Free’,untuk tutorial aja :D

Selanjutnya akan muncul tulisan Select "New JS-Kit account" below to create a new account,menyuruh anda untuk membuat Account baru.

Jika sudah berhasil membuat account,anda akan dihadapkan tulisan ’No sites you manage, Add site!’ klik tulisan Add site! tersebut.

Pada dropdown ’Site's URL you want to restore or add access to:’,pilih blog yang ingin anda beri fitur tersebut diatas.

Contreng partai..hus! maksudnya contreng Agreement/tanda persetujuan,lalu klik tombol ’Add/Restore’.

Bagi pengguna blogspot,pilih ’Blogger plugin’ lalu klik ’Next’.

Lalu klik tombol ’Grant Access’.

Sekali lagi pilih blog yang ingin anda beri fitur reply tersebut.

Pada judulnnya kosongkan saja tulisan ’JS-Kit Comments’.

Setelah itu anda akan diberikan informasi bahwa semua komentar pada blog telah berhasil di impor ke www.js-kit.com.

Klik ’Next’ dan muncul tulisan ’Congratulations! All xxx of your comments have been successfully imported from Blogger to JS-Kit. The only thing left to do is to install JS-Kit Widget to your blog’.

Klik tombol yang bertuliskan Add to Blogger seperti gambar di bawah ini:

Jika gambar tersebut belum anda temukan coba klik tulisan Install.

Selesai.

Catatan:

*Jika ada pengunjung yang berkomentar,komentar juga akan ditayangkan di email selayak Facebook.
*Dalam fisik,script tersebut hanya sebuah Element Baru/New Gadget pada blog,jadi jika anda ingin mengembalikan seperti semua,tinggal hapus element tersebut.

Semoga bermanfaat ya :D

»» READMORE...

Cara Paling Cepat Terindex Google

Tujuan Terindeks Mesin Pencari

Setelah beberapa posting sebelumnya membahas tentang bagaimana cara membuat dan menghias blog,saya akan sedikit menggeser dari tema tentang blog.

Eit's tunggu dulu..,yang akan kita bahas kali ini,nggak kalah pentingnya akan kebutuhan blog tersebut lho!.

Adalah Search Engine Optimization (SEO),yup!meskipun saya bukan pakar seo,tapi saya ada sedikit ilmu yang ingin saya share kepada teman-teman blogger,meski sudah banyak orang yang tahu,..ya,..itung-itung update blog ku ini,yang makin hari koq keliatannya makin kurus..Hus! koq malah nglantur!
cara paling cepet terindex google.

Ok! langsung kepermasalahan.

Langkah Tepat Agar Posting Terindex Search Engine

Seperti yang pernah saya singgung,di artikel saya sebelumnya "Supaya Blog / Web Terindex Google",dan di artikel kali ini saya akan memperjelas sesuatu yang sudah jelas..aaaalah!

Intinya,untuk dapat terindeks mesin pencari/search engine,baik itu Google,Yahoo,dll hanya membutuhkan kerja keras dari eksperimen anda sendiri terhadap ’search engine’ tersebut.Google,misalnya.

Dengan menganalisa sekata dua kata dari kata yang terdapat pada hasil pencarian,anda bisa mempunyai prediksi bagaimana dan mengapa kata itu terdapat dan dapat terindex pada hasil tersebut pada SERP,ya..itu hanya sebagian analisa kecil-kecilan,yang mana masih banyak hal ataupun eksperiment yang bisa anda lakukan,karena Rahasia dari Search Engine,adalah Search Engine itu sendiri,so' tau gw ya :D..
cara paling cepet terindex google.

Pentingnya Blog Terindex Google

Pentingkah blog kita diindex google/mesin pencari?

Penting dunk!karena sebagus dan selengkap apapun sebuah web/blog jika tidak dapat terindeks google/search engine,bagaimana orang akan tau keberadaan blog kita?
Itulah sebabnya para master seo berlomba-lomba mengoptimalkan sebuah kata kunci untuk dapat terindex di Halaman Pertama SERP.

Cara Sederhana Supaya Artikel Diindex Google

Seperti yang kita semua tahu dan yang selama ini saya lakukan,cara untuk cepet diindex mesin pencari,seiring berubahnya algoritm google,kita dapat menggunakan trik antara lain:

Mempertebal huruf dengan kode <strong></strong>,misal,saya ingin menguatkan sebuah kata kunci Cepat Terindeks Google,maka saya pada artikel,tidak menggunakan kode <b> Cepat Terindeks Google</b> untuk mempertebal kata,melainkan menggunakan kode <strong></strong>,misal;<strong>Cepat Terindeks Google</strong>

Buatlah Link keluar,bisa dari dan ke artikel blog anda yang berhubungan maupun link ke blog-blog/situs-situs yang sudah besar

Rajinlah berkomentar ke blog-blog yang sudah dofollow

Rajin-rajinlah Blog Walking

Biasakan gunakan <h1>,<h2>,<h3>,<h4> pada artikel blog

Submit URL ke Directory-directory terbesar misal,ODP di www.dmoz.org,dll

Sebisa mungkin meng update blog,misal 2 hari sekali

Buatlah judul artikel yang tidak terlalu jauh dari tema blog

Buatlah judul artikel berkaitan antara artikel satu dengan yang lain

Buatlah Prediksi terlebih dahulu akan judul artikel yang ingin anda buat,Googling :D

Rubahlah format judul blog anda,untuk lengkapnya anda bisa baca disini,dll.

Cara Cepat Terindex Google dengan Diskripsi dan Keyword Meta

Meskipun meta sekarang ini tidak bermanfaat besar,tapi untuk anda yang ingin membuat meta diskripsi dan keyword untuk masing-masing artikel,anda bisa simak dibawah ini,simak...emang buku!#$@#%$
Khusus penggunana Blogger/blogspot,ikuti langkah berikut:

Pilih Dashbord,kemudian pilih Tata Letak,lalu pilih Edit HTML,lalu cari kode berikut:



<b:include data='blog' name='all-head-content'/>

Jika sudah ketemu,letakkan meta kode seperti di bawah ini:



<b:if cond='data:blog.url == "

http://namabloganda.blogspot.com/

"'>

<meta content='Tulis Deskripsi artikel posting anda' name='description'/>

<meta content='Tulis katakunci untuk posting anda dan pisahkan masing-masing kata kunci dengan tanda koma' name='keywords'/> </b:if>

Cara penggunaan kode:
Misal blog saya mempunyai deskripsi
’Cara paling tepat agar supaya cepat terindex mesin pencari/search engine/Google’
dan saya menargetkan kata;’cara cepat,terindex,google,terindex,google cepat,terindeks cepat’ sebagai kata kunci,maka saya menuliskan sbb:



<b:if cond='data:blog.url == "http://dot-blogspot76.blogspot.com/"'>

<meta content='Cara paling tepat agar supaya cepat terindex mesin pencari/search engine/Google' name='description'/>

<meta content='cara cepat,terindex,google,terindex,google cepat,terindeks cepat' name='keywords'/> </b:if>

Sedangkan,jika untuk masing-masing artikel,anda juga bisa membuat masing-masing deskripsi sekalian kata kunci postingan anda,tapi kelemahannya,template anda akan menjadi panjang dan repot jika sudah mempunyai banyak artikel,jadi tulislah artikel posting yang kira-kira anda penting.

Contoh pemakaian kode meta untuk meta diskripsi masing-masing artikel:
Saya mempunyai artikel ’Supaya Blog / Web TerIndex Google’
dengan url:"http://dot-blogspot76.blogspot.com/2009/03/supaya-blog-web-terindex-google.html"
maka tepat di bawah kode <b:include data='blog' name='all-head-content'/>,tadi,saya meletakkan kode berikut:



<b:if cond='data:blog.url == "http://dot-blogspot76.blogspot.com/2009/03/supaya-blog-web-terindex-google.html"'>

<meta content='Agar supaya cepat terindex Google.' name='description'/>

<meta content='supaya cepat,cara cepat,terindex,google,terindex,google cepat,terindeks cepat' name='keywords'/> </b:if>

Begitu seterusnya,tapi saran saya buatlah hanya untuk artikel-artikel yang anda anggap perlu dioptimasi saja.
Semoga artikel dengan bahasa yang karuan ini sedikit bisa membantu anda,sampai ketemu di pelajaran blog berikutnya ya.. :)
Cara Paling Cepat Terindex Oleh Google.

»» READMORE...

Cara Membuat Fungsi Scroll Terhadap Arsip Blog

Artikel kali ini saya akan membahas tentang, Cara Membuat Fungsi Scroll Terhadap Arsip Blog.
Banyak orang berfikir dengan memasang arsip blog dapat memikat pengunjung yang datang untuk membaca artikel lainnya, tetapi apabila blog kita mempunyai artikel yang jumlahnya 100-200 bagaimana ceritanya ? Pasti semua artikel akan memanjang sangat panjang ke bawah. Apakah enak untuk di lihat ? Menurut saya tidak.

Ok saya mempunyai solusinya untuk masalah tersebut dengan menggunakan Scroll terhadap arsip blog. Dengan fungsi scroll ini banyaknya artikel yang tercantum dalam arsip blog akan enak dilihat dengan scroll ke atas atau kebawah dan juga untuk memperunik, memperbagus blog dengan fungsi scroll tersebut.

Ok langsung saja tutorialnya.

Login ke Blogger sobat
Masuk ke Edit HTML, *Jangan Lupa Ceklist Expand Template Widget*
Cari "Arsip Blog", *Untuk Mempermudah Tekan ctrl-F
Maka akan terlihat seperti kode di bawah ini,

     <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div id='ArchiveList'>
    <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div>
    <b:include name='quickedit'/>

Untuk melakukan fungsi scroll lihat kode di bawah ini.

    <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:100px;'>
    <div id='ArchiveList'>
    <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div></div>
    <b:include name='quickedit'/>

Untuk kode yang berwarna biru silahkan kalian tambahkan pada template kalian. Kode di atas merupakan kode untuk melakukan fungsi scroll pada arsip blog.
Simpan Template.
Selesai.

Terima Kasih.
Selamat Mencoba

»» READMORE...

Membuat Widget Multi Halaman/TabView

Apa itu Multi Tab/TabView?

Dari anda melihat gambar disamping ini saja,anda pasti sudah mengerti apa yang saya maksud dari multi halaman/multi tab tersebut.

Yup! Membuat Widget sederhana yang bertujuan untuk menghemat tempat,sekaligus menambah kerapian dari blog/web tersebut.

Selain itu,pengunjung tidak merasa lelah menaikan maupun menurunkan scrollbar hanya untuk sekedar menari status dari blog tersebut.
Sebenarnya artikel ini sudah di publikasikan oleh Mas Herman di artikelnya ’Menambahkan Widget Tab View Pada Blog’.
Pelajaran Blog tanpa mengurangi etika blogging,akan menjabarkannya lagi.
Sebenarnya sangat sederhana dalam membuat widget bertab-tab ini,untuk yang belum tahu cara membuatnya,anda bisa ikuti lagkah berikut:

Cara Membuat Multi Halaman

Pergilah ke Dashboard,lalu pilih Tata Letak,kemudian pilih Add New Widget/Tambah Gadget/Element Baru,pilih HTML/Javascript.
Letakkan kode berikut:

<style type="text/css">

div.TabView div.Tabs a

{

float: left;

display: block;

width: 80px;  /* Lebar Kotak Tab */ 

height: 22px;  /* Tinggi Menu Utama Atas */

text-align: center;  /* Posisi Teks Menu Tab */

margin: 5px 0px 0px 3px;  /* Posisi Kotak Tab */ 

background-color: #222222;  /* Warna background Kotak Tab */ 

padding-top: 2px;  /* Spasi Atas */

border: 1px solid #ffffff;  /* Warna border kotak Tab */

border-bottom: 1px solid #ccc;  /*Warna border bawah kotak tab */

font-family: "Arial, Helvetica, sans-serif", Arial;  /* Font Kotak Tab */

font-weight: 900;  /* Ketebalan Teks kotak tab */

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #736F6E;  /* Warna background utama kotak tab */ 

}

div.TabView div.Pages

{

clear: both;

border: 1px solid #cccccc;  /* Warna border Kotak Konten */

overflow: hidden;

background-color: #ffffff;  /* Warna background Kotak konten */

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 5px;  /* Jarak teks dalam kotak content */

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}

</style>

<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 385px;" class="Tabs">

<a><span

style="color:white">TAB 1</span><

/a>

<a><span

style="color:white">TAB 2

</span></a>

<a><span style="color:

white">TAB 3

</span></a>

</div>

<div style="width: 252px; height: 180px;" class="Pages">



<div class="Page">

<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 1



</div>

</div>



<div class="Page">

<div class="Pad">

Disini Kode HTML

Content

  Widget YANG INGIN ANDA TAMPILKAN PADA TAB 2

</div>

</div>



<div class="Page">

<div class="Pad">

Disini Kode HTML Content

 Widget YANG INGIN ANDA TAMPILKAN PADA TAB 3

</div>

</div>

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



<script  style="text/javascript"  src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/tab_view.js"></script>

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

</script>

Untuk kode yang bercetak tebal,ubahlah dan gantilah sesuai keinginan anda,sedangkan kode yang berwarna merah,hanya sebuah penjelasan dari masing-masing kode.

Sekarang tinggal menyisipkan kode-kode html yang ingin anda letakkan pada masing-masing tab.
Anda bisa meletakkan seperti,kode Shout,Recent Comment,Blogroll dll.
Semoga berhasil ya..

Oh ya..Special..makasih buat mas Herman :D

»» READMORE...

Belajar Membuat Sitemap

Membuat Navigasi Global pada Blog

Apa itu Sitemap?

Saya sendiri bingung menamakan istilah sitemap dalam bahasa yang mudah di mengerti,mungkin akan lebih jelas jika sitemap saya katakan sebuah peta atau bentuk navigasi pada blog yang bertujuan untuk mempermudahkan pengunjung dalam melihat isi dari suatu web/blog.

Bisa dibilang sitemap adalah peta navigasi alamat suatu blog/web.

Kenapa Pelajaran Blog tak meletakkan sitemap?

Karena bagi saya pribadi,sitemap tak ubahnya seperti Daftar Isi pada Blog.
Sampai disini,kira-kira sudah ada bayangan khan?seperti apa dan bagaimana sebuah sitemap.

Keuntungan menggunakan Sitemap

Banyak yang akan kita dapat dari adanya sitemap pada blog,antara lain:

Mempermudah pengunjung dalam mencari suatu artikel

Sebagian dari langkah SEO(Search Engine Optimization)

Blog/Web akan terlihat lebih rapi,dll.

Site Map sendiri sebenarnya bisa dibuat sendiri secara manual,bagi anda yang sudah sedikit mengerti Coding,anda bisa baca panduan belajar membuat sitemap di blog.re.or.id,yang berjudul ’SEO - Membuat Sitemap Sendiri (2)’.

Tapi jika anda tidak ingin repot-repot dalam membuat sitemap,ada 2 cara praktis dalam membuat site map ini.

Langkah Instant Membuat Sitemap

Ada cara-cara yang lebih mudah untuk belajar membuat peta situs ini,antara lain,jika anda pengguna account Google,bisa dengan cara memanfaatkan Google Webmaster Tools.
Atau anda bisa memilih alternatif dari situs penyedia jasa sitemap.

SiteMap dengan Google Webmaster

Bagi pengguna Account Google dan memakai Blogger,tentu sudah tidak asing lagi,istilah Google Webmaster Tools.
Rahasia dibalik Google Webmaster ini,sebenarnya sebuah kunci bagaimana mengoptimalkan sebuah situs,baik dari Meta,Robot,Analisa Blog,dan salah satunya ’SiteMap’.

Sebelumnya,pada Feed situs anda tuliskan alamat,misal;

http://namabloganda.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100

Cara lebih jelasnya ikuti langkah berikut:

Pergi ke ’Dashboard’,Pilih ’Pengaturan’,lalu pilih ’Feed Situs’.
Kemudian pada kolom ’Posting URL Pengubahan Arah Feed’,anda isikan URL Feeds seperti contoh diatas.
Lalu Simpan.

Nah,untuk membuat sitemap nya,anda bisa ikuti langkah di bawah ini:

Berhubung Google Webmaster sudah di ’Renovasi’,kita menyesuaikan menggunakan cara yang baru.

Pastikan Blog/Web anda sudah ter verifikasi

Kunjungi Situs www.google.com/webmasters/tools

Jika anda belum punya Account,Pilih ’Sign Up’

Setelah masuk klik ’Add Site’,lalu isikan alamat blog yang ingin anda buatkan SiteMap

Klik tulisan ’Site Configuration’,di sebelah kiri atas

Klik ’SiteMap’

Klik tombol Submit a Sitemap

Anda bisa tuliskan alamat seperti dibawah ini,pada kolom yang kosong.

feeds/posts/default

atom.xml?redirect=false&start-index=1&max-results=100

atom.xml?redirect=false

Pilih salah satu,atau anda bisa gunakan empat-empatnya.

Lalu tekan tombol Submit Sitemap
Setelah itu,jika ada gambar jam,berarti Sitemap anda berhasil dan masih dalam proses.
Selesai

Contoh sitemap yang Pelajaran Blog telah buat,anda bisa lihat disini.

Memanfaatkan dari Situs Jasa Sitemap

Cara yang lebih praktis,untuk membuat sitemap,tanpa harus daftar anda bisa kunjungi situs www.xml-sitemaps.com
Untuk langkahnya,anda bisa ikuti cara di bawah ini:

Masuk situs www.xml-sitemaps.com

Isikan alamat anda,pada kolom Starting Url

Pada pilihan Change frequency,Last modification,Priority anda isikan None ajach ya.. :D

Kemudian klik tombol Start

Setelah itu akan keluar tulisan
’Please wait. Sitemap generation in progress...’
Tunggu,dan Selesai.

Yah! semoga artikel yang ga pernah jelas ini bisa bermanfaat ya,..
Ok! sampai ketemu artikel berikutnya ya.. :)

»» READMORE...

Menghilangkan/Merubah Tulisan Posting Lama dan Posting Baru

Pengaturan Tulisan Older Post dan Newer Post

Artikel kali ini memang bukan barang baru lagi,memang sudah banyak blogger-blogger disana yang memposting tentang ’mengganti atau menghilangkan tulisan older post dan newer post’ atau jika dalam blogspot indonesia,tulisan ’posting lama dan posting baru’.

Tapi di Pelajaran Blog akan menjabarkannya lebih rinci.

Menghapus Tulisan Posting Lama dan Posting Baru

Bagi anda yang risih atau kurang begitu menyukai tulisan older dan newer post tersebut,anda bisa menghapus/menghilangkannya.Anda bisa ikuti langkah berikut:

Menghilangkan Tulisan Posting Lama/Older Post

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:olderPageTitle/>

Agar lebih mudah mencarinya,tekan Ctrl+F pada keyboard anda,lalu ketikkan kode tersebut.Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

Menghilangkan Tulisan Posting Baru/Newer Post

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:newerPageTitle/>

Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru

Jika anda hanya ingin merubahnya saja,misal tulisan Posting Lama/Older Post diganti menjadi tulisan Artikel terdahulu,artikel sebelumnya,dll,anda bisa ikuti langkah berikut:

Mengganti Tulisan Posting Baru/Newer Post

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:newerPageTitle/>

Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

Mengganti Tulisan Posting Lama/Older Post

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:olderPageTitle/>

Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru/Older Post,Newer Post dengan Image/Gambar

Jika anda tidak ingin menghapusnya ataupun mengganti tulisanya,anda bisa menggantinya dengan sebuah gambar.
Hasilnya seperti gambar di bawah ini:

ganti posting lama dan posting baru

(gbr di atas saya ambil dari Blog Kang Rohman)

Jika anda berminat,ikuti langkah berikut:

Sebelumnya,siapkan url gambar yang akan di tampilkan,disini saya ambil contoh dari Pelajaran Blog sendiri.
Misal:untuk Older Post/Posting Lama saya akan menggunakan gambar seperti di bawah ini:

posting lama

Dimana url alamat gambar tersebut adalah:

http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png

Untuk Newer Post/Posting Baru saya akan menggunakan gambar seperti di bawah ini:

Dimana url alamat gambar tersebut adalah:

http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png.

Nah selanjutnya ikuti langkah berikut:

Mengganti Tulisan Posting Lama/Older Post dengan Image/Gambar

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:olderPageTitle/>

Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:

<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png" alt="Prev"/>

Lalu Simpan Template.

Mengganti Tulisan Posting Baru/Newer Post dengan Image/Gambar

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:newerPageTitle/>

Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:

<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png" alt="Next"/>

Lalu Simpan Template.

Pengaturan pada Home/Halaman Muka

Jika anda ingin mengganti atau merubah tulisan Home/Halaman Muka,ikuti langkah berikut:
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

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

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

Perhatikan kode <data:homeMsg/>yang bercetak tebal,ada 2 <data:homeMsg/> kode yang sama,tapi anda hapus kode <data:homeMsg/> yang berada dibagian atas,selanjutnya ganti sesuai dengan keinginan dan hapus jika anda ingin menghilangkannya.
Misal;saya akan menggantinya bukan dengan mengganti tulisan melainkan dengan gambar sbb:

Home

Dimana URL gambar diatas adalah:

http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif

sebagaimana yang saya pakai pada blog ini.
Selanjutnya saya akan merubah kode diatas sehingga akan menjadi seperi ini:

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

<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif" alt="home"/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

Lalu Simpan Template,Selesai.

»» READMORE...

Kode HTML Huruf Simbol SEO Friendly

SIMBOL NOTASI

















‍

‌

—

–



"

&

ˆ

¡

¦

¨

¯

´

¸

¿

˜

‘

’

‚

“

”

„

‹

›

<

>

±

«

»

×

÷

¢

£

¤

¥

§

©

¬

®

°

µ

¶

·

†

‡

‰

€

&

½

¾

¹

²

³

Á

á

Â

â

À

à

Å

å

Ã

ã

Ä

ä

ª

Æ

æ

Ç

ç

Ð

ð

É

é

Ê

ê

È

è

Ë

ë

ƒ

Í

í

Î

î

Ì

ì

Ï

ï

Ñ

ñ

Ó

ó

Ô

ô

Ò

ò

º

Ø

ø

Õ

õ

Ö

ö

Œ

œ

š

Š

ß

Þ

þ

Ú

ú

Û

û

Ù

ù

ÿ

Ÿ

ý

Ý

ü

Ü

ù

Ù

&zwj;

&zwnj;

—

–

"

&

&circ;

¡

¦

¨

¯

´

¸

¿

&tilde;

‘

’

&sbquo;

“

”

&bdquo;

&lsaquo;

&rsaquo;

<

>

±

«

»

×

÷

¢

£

¤

¥

§

©

¬

®

°

µ

¶

·

&dagger;

&Dagger;

&permil;

€

&

½

¾

¹

²

³

Á

á

Â

â

À

à

Å

å

Ã

ã

Ä

ä

ª

Æ

æ

Ç

ç

Ð

ð

É

é

Ê

ê

È

è

Ë

ë

&fnof;

Í

í

Î

î

Ì

ì

Ï

ï

Ñ

ñ

Ó

ó

Ô

ô

Ò

ò

º

Ø

ø

Õ

õ

Ö

ö

&OElig;

&oelig;

&scaron;

&Scaron;

ß

Þ

þ

Ú

ú

Û

û

Ù

ù

ÿ

&Yuml;

ý

Ý

ü

Ü

ù

Ù

Setelah beberapa hari absen update blog,saat berkunjung ke blog yang makin terpuruk ini,saya merasa kasian..ya ngliat feed ama statnya yang makin sepi pengunjung.

Berharap dapet pengunjung baru,sambil minum susu,iseng-iseng akh! mosting artikel tentang kamus bahasa Inggris,eh ! salah..,maksudnya,kamus ‘kode html’ untuk ‘huruf simbol’ yang seo friendly.

Siapa tahu dengan saya membahas “seo friendly” ini,nanti akan lebih bermanfaat khan? he..

Bagi yang belum tahu Apa itu SEO,bisa baca artikelnya disini.

Artikel ini saya kategorikan dalam Menghias Blog,karena ya memang nggak ada hubungannya sama template dan element baru,xixixixi..
Pelajaran Blog

Masih Ingat soal Parse kode? yup!yang belum tahu apa itu parse kode,bisa baca disini.

Dalam HTML,sebuah “simbol” akan dituliskan berbeda dengan tampilan yang akan di hasilkan.

Contoh kecil,saat anda posting di blogspot dan ingin menampilkan kode <head> dengan menulisnya sama seperti kode tersebut pasti akan gagal saat artikel hendak di publikasikan,maka anda disuruh memparsenya menjadi <head>.

Nah! pada artikel kali ini,saya punya beberapa koleksi simbol beserta kode notasinya.

Cara pemakaiannya,anda bisa lihat huruf-huruf ilustrasi di bawah ini:

Contoh saya menuliskan kata :

“Kamus Kode HTML Huruf Simbol – SEO Friendly»Pelajaran Blog“

maka saya saat posting akan menuliskan sepert iini:

“Kamus Kode HTML Huruf Simbol – SEO Friendly»Pelajaran Blog“

atau biar gaul dikit..saya saat posting menuliskan seperti ini:

amp;Ccedil;áÑ&dagger;îK ÐòñG ßLÓg &Scaron;ÂýA »

maka hasilnya nanti akan seperti ini:

ÇáÑ†îK ÐòñG ßLÓg ŠÂýA »

Keren khan? Untuk lebih lengkapnya bisa lihat tabel di samping.

Kolom Simbol,adalah tulisan huruf simbol yang akan tampil,sedangkan kolom Notasi,adalah kode yang anda harus tuliskan.

Sebenarnya,artikel kali ini tidak begitu penting,hanya mengisi waktu sambil nyusu..he..he..
Semoga bermanfaat ya.. Pelajaran Blog

»» READMORE...

Form Widget untuk Pengunjung

Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat email.

Kendalanya biasanya,kita harus repot-repot untuk masuk ke account mail kita,baik itu Yahoo mail maupun Gmail.
Akibatnya,respon pengunjung menjadi kurang.

Yang akan kita bahas kali ini,yaitu tentang membuat form untuk pengunjung/visitor blog,yang berfungsi untuk memudahkan pengunjung mengirimkan pesan langsung ke email kita,tanpa pengunjung harus login dulu ke account mail mereka,gimana? praktis khan?

Untuk contohnya anada bisa lihat form ini,di blog temen saya,Mbak Ati di ’cepat-terindex-google.blogspot.com’,atau anda bisa lihat contoh form yang telah berhasil Pelajaran Blog buat di bawah ini :

Sekiranya sudah maksud khan? :D

Membuat Form untuk Pengunjung

Nah! sekarang saatnya kita menuju langkah pertama membuat form ini.
Adalah www.freedback.com,suatu situs yang menyediakan jasa ini.Ok! langsung aja..