Kamis, 29 Juli 2010

Kotak / Box Tukar Link

Cara Praktis Membuat Box Link Exchange/Tukar Link: "

Beberapa hari lalu salah satu sahabat Pelajaran Blog merisaukan tentang bagaimana cara membuat box/form ataupun text area untuk tukar link/link exchange.,jadi,tidak ada salahnya jika saya menuliskan artikel tentang bagaimana cara membuat text area link exchange/tukar link ini,meskipun sebelumnya saya pernah memposting artikelserupa tapi sudah saya hapus.

Tidak lepas dari belajar menghias blog,budaya tukar link sangat dibutuhkan dalam dunia blogging/perseoan.
Karena seperti yang anda tahu,semakin banyak inbound link,maka akan semakin baik blog kita di mata search engine/mesin pencari.Ok! biar langsung kelar,kita langsung ke topiknya ya :D

Cara ini sangat sederhana sekali,anda tinggal menempatkan kode yang nanti saya berikan,kedalam Add New Widget/Elemen baru pada Blog anda.Pertama,copy kode berikut ini:


<textarea rows="3" cols="17" style="width: 252px; height: 83px; color: Black; background-color: white;" readonly>&lt;a href="http://pelajaran-blog.blogspot.com/' target='_blank' title='Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."&gt;&lt;img src="http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif' border='0' alt='Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."&gt;&lt;/a&gt;</textarea>

Keterangan:
  • http://pelajaran-blog.blogspot.com/ ganti sesuai dengan alamat blog anda.
  • http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif gantilah dengan URL Image yang ingin ditampilkan.
  • Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link. gantilah dengan Diskripsi Blog anda.

Gimana? sudah sangat jelas sekali ya.
Semoga bermanfaat ya :D

Baca Juga Yang Ini

Label Dropdown / Drop Down Label

Membuat Label Berupa Dropdown/Drop Down Label: "

  • Dropdown Label Blog



Setelah beberapa hari absen,akhirnya minggu ini saya dapat memposting artikel di blog aku yang makin parah ini.Agar blog ini masih dianggap sahabat sama paman Google dan Blogger,yach..mau ga mau ya harus mau,..

Daripada ngemeng terus,langsung ke topiknya yuk! yup! Cara membuat dropdown label,anda pasti tahu seperti apa bentuk label pada umumnya kurang lebih akan seperti gambar dibawah ini:

Gambar Dropdown Label.

Jika anda belum sempat membuatnya,anda bisa baca artikel saya cara membuat label blog yang bisa anda baca disini,sedangkan jika cara untuk menghilangkan angka pada label,anda bisa baca disini.

  • Membuat Label Drop Down



Nah,langsung ke topik!Jika sebelumnya anda masih bingung seperti apa si Dropdown Label tersebut?
Perhatikan gambar label dropdown dibawah ini,dari blog saya yang lain.

Cara Membuat Label Blog Berupa Dropdown.

Gimana?udah maksud khan label yang berupa/berbentuk dropdown? Ok!untuk membuatnya ikuti langkah-langkah berikut :

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

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>


Gunakan Ctrl+F untuk mempermudah pencarian,kode yang bercetak tebal diatas,hanya sebagai 'patokan' aja agar mudah dalam pencarian.

Setelah ketemu,hapus kode tersebut,dan gantilah dengan kode di bawah ini:

<select onchange='location=this.options[this.selectedIndex].value;'>
<option>
Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


Tulisan 'Pilih Kategori' bisa anda ganti sesuai keinginan,setelah itu,Simpan Template,Selesai,dan lihat hasilnya! :D

sumber:http://www.o-om.com/


Baca Juga Yang Ini..


Cara Dapat Dollar Dari Awsurveys

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.
    Langkah Cara Mendapatkan $27 Dollar dari A.W.Surveys.
  • Setelah itu klik tulisan Create A Free Account.
  • Selanjutnya anda akan di hadapkan Form Account baru.
    Langkah Cara Mememperoleh $27 Dollar dari A.W.Surveys.
  • 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.
    Dapatkan $27 Dollar dari A.W.Surveys.
  • Dihalaman tersebut Tabel Balance masih tertulis $0,karena memang anda belum melakukan survey.
    Dapat Dollar A.W.Surveys.
  • 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?
    Dollar Gratis Awsurveys.
  • 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.
    Dollar dari A.W.Surveys.
  • Klik tulisan tersebut,lalu anda akan dihadapkan halaman survey.
    Langkah Cara Survey $27 Dollar dari A.W.Surveys.
  • 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.
    Dollar Awsurveys.
  • 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!!!

Reply Pada Komentar

Menambahkan/Membuat Fitur Reply Pada Komentar: "

Indahnya Tanya Jawab pada Komentar


Menambahkan/Membuat  Fitur Reply 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:

    Membuat  Fitur Reply Pada Komentar.

  • 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

Baca Juga Yang Ini..


Rabu, 28 Juli 2010

Cara Cepat Terindex Google

Cara Paling Cepat Terindex Google: "

  • Tujuan Terindeks Mesin Pencari


Cara Paling Cepat Terindex Oleh Google.
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:

  1. 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>
  2. Buatlah Link keluar,bisa dari dan ke artikel blog anda yang berhubungan maupun link ke blog-blog/situs-situs yang sudah besar
  3. Rajinlah berkomentar ke blog-blog yang sudah dofollow
  4. Rajin-rajinlah Blog Walking
  5. Biasakan gunakan <h1>,<h2>,<h3>,<h4> pada artikel blog
  6. Submit URL ke Directory-directory terbesar misal,ODP di www.dmoz.org,dll
  7. Sebisa mungkin meng update blog,misal 2 hari sekali
  8. Buatlah judul artikel yang tidak terlalu jauh dari tema blog
  9. Buatlah judul artikel berkaitan antara artikel satu dengan yang lain
  10. Buatlah Prediksi terlebih dahulu akan judul artikel yang ingin anda buat,Googling :D
  11. Rubahlah format judul blog anda,untuk lengkapnya anda bisa baca disini,dll.




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://pelajaran-blog.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://pelajaran-blog.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://pelajaran-blog.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.

Baca Juga Yang Ini..




Cara Membuat Sitemap

Belajar Membuat Sitemap: "

  • Membuat Navigasi Global pada Blog


Belajar Membuat Sitemap.
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:
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.

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.


  1. Pastikan Blog/Web anda sudah ter verifikasi
  2. Kunjungi Situs www.google.com/webmasters/tools
  3. Jika anda belum punya Account,Pilih ’Sign Up’
  4. Setelah masuk klik ’Add Site’,lalu isikan alamat blog yang ingin anda buatkan SiteMap
  5. Klik tulisan ’Site Configuration’,di sebelah kiri atas
  6. Klik ’SiteMap’
  7. Klik tombol Submit a Sitemap
  8. 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
  9. Pilih salah satu,atau anda bisa gunakan empat-empatnya.
  10. Lalu tekan tombol Submit Sitemap
  11. Setelah itu,jika ada gambar jam,berarti Sitemap anda berhasil dan masih dalam proses.
  12. 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.. :)

Baca Juga Yang Ini..


Cara Membuat Tanda Tangan Online

Membuat Tanda Tangan Online: "

  • Sudahkah anda mempunyai tanda tangan online?


cara membuat tanda tangan onlineWaduh!sebelum tamat riwayat blog ini,cuman gara-gara ga posting beberapa hari,mendingan posting artikel meskipun kurang banyak membantu,dalam belajar menghias blog.

Betul sekali,tanda tangan online anda bisa lihat contoh di bawah ini:
tanda tangan pelajaran blog

Ingin tahu cara membuatnya?

Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.Lalu?
  • Membuat tanda tangan online pada blog


Untuk membuat bentuk tanda tangan diatas secara praktis,kita memakai jasa www.mylivesignature.com.
Tampilan halaman dari www.signature.com seperti ini :

gambar tanda tangan

  • Pertama,masuk situs www.mylivesignature.com
  • Pilih tulisan 'Click Here To Start'
  • Lalu akan tampil sebuah halaman dengan 3 pilihan pilih 'Using the signature creation wizard'.
  • Masukkan Nama,nama ini untuk hasil gambar tanda tangan anda,kemudian 'Next Step'
  • Ikuti petunjuk,dan sesuaikan sesuai selera anda
  • Jika anda sudah merasa cocok,klik tulisan 'Want to use this signature?'
  • Akan ada 2 pilihan 'Generate HTML code' dan 'Generate BB code '
  • Pilih 'Generate HTML code'
  • Selanjutnya ada 2 pilihan lagi,misal pilihan 1 pilih 'Generate a code from my handwritten signature'
  • Copy kode tersebut dan letakkan pada Halaman HTML anda.
  • Selesai

  • Meletakkan Kode pada Akhir Artikel/Postingan


Untuk meletakkan kode tanda tangan Online dari www.mylivesignature.com ini,ikuti langkah berikut :

  • Pilih Dashboard
  • Lalu pilih Pengaturan
  • Pilih Format
  • Tuju Tulisan Templates Posting
  • Letakkan Kode dari www.mylivesignature.com tadi pada kotak tersebut.
  • Simpan Perubahan.
  • Selesai


  • Melihat Tampilan Tanda Tangan Online pada Artikel


Saat hendak posting artikel baru,anda akan melihat tanda tangan/Signature tersebut,tinggal tulis artikel anda diatas kode tersebut.

Sederhana khan?

Jika anda sudah selesai mengikuti langkah-langkah seperti diatas,memang pada artikel sebelumnya (sebelum anda membuat tanda tangan ini),tanda tangan tersebut belum tampil,jika anda akan menampilkannya,tinggal Edit artikel anda,dan letakkan kode tanda tangan tersebut dibawah artikel anda.

Baca Juga Yang Ini..


Mengatur Letak Image/Gambar pada Postingan Blog

Pengaturan Image/Gambar pada Artikel Blog: "

Pengaturan Image/Gambar pada Artikel BlogSetelah satu jam browsing dan liat-liat status Facebook,melihat respon temen2 FB terhadap blog ini,menambah semangatku untuk selalu posting artikel terbaru,meskipun bukan lagi barang baru,he..


Memang ya,Belajar di Pelajaran Blog,bukan untuk blogger-blogger tingakat menengah dan mahir,melainkan dikhususkan untuk pemula.Oleh sebab itu tutorial pada pelajaran-blog.blogspot.com sangatlah ringan,seperti pelajaran belajar menghias blog kali ini.

Salah satu temen terbaik saya,menghubungi lewat email aku,dia mempunyai kendala masalah gambar/image.
Mulai dari gimana caranya menghilangkan border pada Image,sampai tata letak gambar pada artikel blognya.

  • Menghilangkan border Image


Template asli blogger,menghias,mengatur image dengan sedemikian rupa,sehingga setiap posting dengan menggunakan gambar akan mempunyai sebuah garis tepi/border.Ada yang duka dan ada yang ingin menghilangkannya.

Untuk yang belum tahu bagaimana meletakkan gambar pada Blog,anda bisa baca di 'meletakkan object gambar pada blog' di blog ini.
Tapi sekarang masalahnya bukan bagaimana meletakkan object gamabar,melainkan menghilangkan border pada gambar.

Untuk menghilangkan border/garis tepi gambar,anda hanya disuruh menyisipkan beberapa kode.contoh :

<img src="http://alamatURLgambar/" border='0'>

Berarti daya harus menuliskan kode tersebut setiap hendak memposting sebuah gambar? ya..repot donk!

Nah solusinya,jika anda ingin menampilkan gambar pada blog terutama di blogspot yang secara otomatis aka ter set tanpa garis tepi/border,bisa ikuti langkah berikut :

Pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Tab Edit HTML.
Cari kode seperti di bawah ini:

.post img {

jika sudah ketemu,dibawah kode tersebut khan ada beberapa baris kode yang kurang lebih seperti ini:

border: 1px solid #E3E4E4;
padding: 2px;
background: #fff;


Anda hanya mengganti angka '1px' diatas menjadi angka '0'
sedangkan untuk menentukan jarak image dan text bisar tidak terlalu dekat,gantilah angka'2px' menjadi,misal '10px'.

Selanjutnya,Simpan Templates.Selesai,dan setiap anda hendak mempublikasikan sebuah gambar pada artikel tidak akan mempunyai border/garis tepi.

  • Mengatur Tata Letak Gambar/Image


Sekali lagi,untuk blogger pemula,biasanya gambar menjadi kendala,mulai dari border sampai tata letaknya.
Sebenarnya sebuah gambar,dama halnya dengan text,dalam hal ini pengaturan untuk tata letaknya.

Kendala teman saya,saat meletakkan gambar pada artikel,gambar akan menempati alinea baru dan tak bisa berbaur dengan text maupun disamping text selayaknya Drop Caps seperti pada gambar cewek di atas,xixixixi..
Untuk mengaturnya sangat mudah tinggal menyisipkan kode

align='left'

Contoh,

<img src="http://alamatURLgambar/" align='left'>

Untuk memperoleh penempatan gambar seperti gambar di atas,disamping text selayak Dropcaps,letakkan kode image pada awal artikel/alinea,dan tuliskan kode tadi.

Penjelasannya njlimet! aku aja bingung mo nyampein gimana..yo wis yo!

Baca Juga Yang Ini..


Cara Membuat Drop Caps

Membuat Drop Caps pada Artikel Blog: "

Seperti yang aku pernah janjikan minggu lalu,kali ini kita akan bahas bagaimana ya caranya membuat Drop Caps pada Artikel Blog?
Yup!jika anda membuat Drop Caps pada Ms Word hanya dengan pengaturan pada Format?lain halnya dengan blogger yang tidak menyediakan fitur tersebut.

Makanya,untuk sekedar menghias blog,kita main-main sama yang namanya Drop Caps ini,aaaalah!Oh iya..tadi pagi-pagi sempet liat blognya temen di cepat-terindex-google.blogspot.com,dan makasih banget buat mbak ati yang sudah memuat artikel dan link saya,dan..udah!udah! koq malah curhat!mana topiknya!!@#$!12!!

Ok! langsung aja ya..

Sebenarnya banyak cara yang bisa anda pilih untuk membuat Drop Caps ini,bisa dengan CSS,maupun yang lain.

Nah cara membuatnya jika digunakan pada artikel di blog bisa gunakan cara di bawah ini :
Misal saya akan menuliskan sebuah kalimat seperti ini:

Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Jika saya ingin membuat Drop Caps dan memperbesar huruf 'S' di atas,saya hanya menuliskan kode berikut :

<span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>aya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Maka hasinya nanti akan menjadi seperti ini :

Saya sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.
Mudah khan?
Anda hanya menisipkan kode seperti di atas,pada setiap anda menuliskan artikel pada blog.

Untuk lebih efisien anda fokuskan menulis artikel pada halaman html bukan tulis/compose!.

Baca Juga Yang Ini..


Selasa, 27 Juli 2010

Pelajaran Programmer

Rangkuman Pelajaran Programming: "

CSS,PHP,HTML,JAVASCRIPT dan ASP


Rangkuman PelajaranMemanfaatkan situs penyedia ilmu programming dalam belajar cara membuat blog/web,pasti tidak lepas dari CSS,PHP,HTML,Javascript maupun yang lain,meskipun sekarang sudah sebagaian besar didukung oleh WYSWYG (what you see what you get) seperti pada blogger.
Ya..paling tidak kita harus menguasai salah satunya khan?

Jika sebelumnya Pelajaran Blog membahas tentang Apa itu CSS?,Apa itu Javascript?,Apa itu HTML? dan yang lain,tapi kali ini kita membahas situs-situs penyedia ilmu gratis tetang hal-hal tersebut di atas,

Situs Penyedia Ilmu Programming Gratis


Pelajaran Blog merekomendasikan situs-situs di bawah ini untuk media pembelajaran,karena mudah dipahami,akurat dan lengkap,terutama untuk pemula.

#1 Belajar CSS

Anda bisa kunjungi :


#2 Belajar PHP

Anda bisa kunjungi :


#3 Belajar HTML

Anda bisa kunjungi :


#4 Belajar Javascript

Anda bisa kunjungi :


#5 Belajar ASP

Anda bisa kunjungi :

**uNTUK YaNg LaIn,gOOGLInG aJa Ya..

Semoga bermanfaat..
**bocoran artikel selanjutnya..'Membuat Dropcaps Pada Artikel di Blog',tapi rencana..khan bisa berubah,so..update truz yach..Pelajaran Blog

Baca Juga Yang Ini..


Membuat Popup Windows

Membuat Popup dengan Ukuran Tertentu: "


Membuat Popup? nggak ah!



Tunggu dulu,pelajaran ini tidak ada kaitannya dengan Membuat Popup Iklan yang sering membuat orang jengkel dan bahkan tak jarang visitor enggan untuk berkunjung kembali.

Tapi,kali ini kita mencoba iseng belajar menghias blog dengan tampilan jendela baru dengan ukuran sesuai yang kita inginkan.

Jika Iklan popup kebanyakan memaksa visitor untuk melihat suatu pesan dari author,tapi disini kita hanya menawarkan visitor untuk melihatnya.

**Ukh! beberapa hari terakhir,aku lagi nggak semangat memposting artikel tentang blog (lg ga enak badan dan ga ada bahan,he..)so,..#%#$!

OK! Langsung ke topik,popup dengan ukuran yang kita tentukan sendiri,meskipun sekali lagi,ini berfungsi di Mozilla Firefox dan Opera :D.

So,yang minat untuk membuat jendela munculan dengan ukuran yang kita inginkan,coba ikuti langkah berikut:

Pertama,tentukan alamat URL yang ingin di tampilkan,selanjutnya anda bisa meletakkan kode ini pada halaman HTML anda maupun saat anda hendak mempublikasikan pada suatu artikel.

Saya ambil contoh dengan menambahkan Element Baru pada blog,seperti biasa,Dashboard,lalu pilih Tata Letak, selanjutnya Tambah Element Baru/Add New Widget.

Pilih HTML/Javascript,dan letakkan kode berikut:

<center><form onsubmit="window.open('http://URLYANGDITAMPILKAN/','popupwindow','scrollbars=no, width=250,height=250');return true"><input type="submit" value="TEXT YANG TAMPIL PADA BUTTON"></form></center>

Tulisan kapital dan angka yang berwarna merah,pada kode diatas,ganti sesuai perintah yang dituliskan dan rubah sesuai ukuran pilihan anda.
Setelah kode di letakkan Simpan,dan Selesai.

Baca Juga Yang Ini..


Cara Membuat Kotak Blogroll

Cara Membuat Kotak Blogroll: "

Beberapa hari nggak online/update blog,saat lihat komentar ada temen kita menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini.
Kira-kira komentar itu seperti ini :


mas, salam kenal. aku penasaran gimana cara buat kotak yang kayak the most popular post, membuat blog di blogger yang ada di kanan postingan itu lho. mohon bimbingannya.


Untuk itu mumpung lagi ada waktu,sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya..:)
Untuk lebih relevan,sebaiknya diletakkan pada sidebar.Untuk hasil contohnya seperti ini:


TENTUKAN JUDUL KOLOM



Untuk langkah pertama,pergilah ke Dashboard---->Tata Letak----->Edit html.
Selanjutnya cari kode : </head>
Jika sudah ketemu,tepat diatasnya,letakkan kode ini:

<style type='text/css'>
#fungsiscroll {
float: left;
width: 100%;
font-family:arial;
font-size:12px;
margin: 6px 0px 6px 0px;
padding:0px;
line-height: 18px;
display:;
}
#fungsiscroll p {
padding: 0px;
margin: 0px;
}
#fungsiscroll a:hover {
color: green;
padding: 0px;
}
#fungsiscroll a {
text-decoration:none;
color:black;
}
#fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#fungsiscroll h2 {
color: #000000;
font-size: 14px;
font-family: Arial;
text-align:center;
color:white;
font-weight: bold;
margin: 0px 0px 7px 0px;
padding: 7px 5px 3px 13px;
letter-spacing:0em;
text-transform:normal;
background: #222222;
}
#fungsiscroll ul {
list-style-type:none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#fungsiscroll li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
border-bottom : 1px dashed #ccc;
}
#fungsiscroll ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid #ddd;
}
#fungsiscroll ul li ul li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid #ddd;
}
#l_fungsiscroll {
background: #FFFFFF;
float: left;
width: 135px;
margin: 0px;
padding: 9px 9px 0px 9px;
line-height: 20px;
display: inline;
border: 1px solid #C0C0C0;
}
#l_fungsiscroll p {
margin: 0px;
padding: 0px 0px 15px 0px;
}
#l_fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#l_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#l_sidebar ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#l_fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
#l_fungsiscroll ul li ul li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
#r_fungsiscroll {
background: #FFFFFF;
float: right;
width: 135px;
margin: 0px;
padding: 9px 9px 0px 9px;
line-height: 20px;
display: inline;
border: 1px solid #C0C0C0;
}
#r_fungsiscroll p {
padding: 0px 0px 15px 0px;
margin: 0px;
}
#r_fungsiscroll a img {
border: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#r_fungsiscroll ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#r_fungsiscroll ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#r_fungsiscroll ul li li {
background: #FFFFFF url(images/icon.png) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}
</style>


Setelah itu simpan.

Lalu pada Tata Letak blog,tambah element baru dan pilih HTML/Javascript,lalu letakkan kode berikut:

<script type="text/javascript"></script>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px">
<ul>
<li>>>
<a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px">
<ul>
<li>>>
<a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div>
</div>
</div>
<div id="fungsiscroll" class="sidebar section">
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2>
<div style="overflow:auto;width:95%;height:120px;">
<ul>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
<li>>> <a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</a></li>
</ul>
</div></div>


Lalu Simpan. Selesai.

**Jika anda ingin membuat satu kolom saja,tinggal hapus kode yang berwarna hijau di atas.

CSS,memang sangat membantu ya.. :)

Baca Juga Yang Ini..


Menambah Gambar Sebelum Judul Postingan

Meletakkan Gambar Sebelum Judul Posting: "

Pelajaran Blog,beberapa hari setelah Pesta Demokrasi Pemilihan Wakil Rakyat untuk 2009,pada setiap artikel,sebelum judul posting,dihiasi dengan gambar,(ganti suasana,he..)

Bagi temen-temen yang ingin meletakkan gambar sebelum judul artikel,seperti pada blog ini,bisa ikuti langkah-langkah berikut ini:


Sebelumnya,siapkan bahan yang akan digunakan,bawang merah,telur,..Hus! maksudnya gambar yang ingin anda letakkan.

Setelah bahan sudah ada,anda tinggal upload ke hosting anda,atau bisa ke blog anda sendiri,setelah itu copy alamat URL gambar tersebut.

Contoh,alamat URL gambar yang saya punya:

http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif

Rubahlah menjadi seperti ini:

<img src="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>

Warna merah,ganti dengan alamat URL gambar yang telah anda siapkan tadi.

Simpan di Notepad dulu,jangan disimpan dan jangan pula di hapus,aaaaalah!

Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Widget Templates,lalu cari kode berikut :

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

Untuk mempermudah pencarian,Tekan Ctrl+F pada keyboard,dan tuliskan kode tersebut,nantinya kode akan terdeteksi secara otomatis!

Setelah ketemu,sisipkan alamat URL gambar anda (yang sudah anda simpan di notepad tadi),di antara kode tersebut.

Setelah kode URL alamat gambar anda disisipkan,akan menjadi seperti ini :

<a expr:href='data:post.url'>
<imgsrc="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>
<data:post.title/></a>


Setelah itu klik Preview/Pratinjau untuk melihat hasil contohnya,jika sudah merasa OK,klik Simpan Templates.

**Untuk membuat jarak antara gambar dan Judul,anda bisa menuliskan tanda &nbsp;&nbsp;
sebelum kode <img src="http://...

Baca Juga Yang Ini..


Meta y_key

Membuat Meta y_key: "

Apakah anda sudah mempunyai meta y_key?


Meskipun saat ini meta sudah tidak begitu vital diterapkan sebagai langkah untuk Search Engine Optimation(SEO),tapi masih banyak blogger-blogger papan atas menggunakan langkah ini.

Selain meta diskripsi dan keyword yang sering diterapkan (meta ini di letakkan di antara <head> dan </head>)seperti:

Contoh meta untuk diskripsi di pelajaran-blog.blogspot.com:

<meta content='Pelajaran tentang cara membuat blog di blogspot,juga belajar tentang menghias blog,membuat sambil blogging belajar menghias blogger khusus untuk pemula' name='description'/>

**Untuk menjelaskan diskripsi dari blog tersebut

Contoh meta untuk keyword di pelajaran-blog.blogspot.com:

<meta content='pelajaran blog,cara membuat blog,belajar menghias blog,untuk pemula,blogspot,blogger,blogging' name='keywords'/>

**Untuk menjeaskan kata kunci untuk menuju blog tersebut

Nah!yang akan kita bahas kali ini,adalah meta y_key.


Bagaimana saya bisa mendapatkan meta y_key?


Meta y_key
adalah meta yang dimiliki oleh Yahoo,maka kita harus mempunyai account di Yahoo,sebelum mensubmit blog kita ke directory mereka.

Contoh bentuk meta yang di berikan,nantinya akan seperti ini :

<meta content='32bf6291ec6ec61f' name='y_key'/>

Langkah pertama,masuk Yahoo dengan ID Yahoo anda yang masih valid tentunya,untuk lebih cepat anda bisa kunjungi di https://siteexplorer.search.yahoo.com/.

Selanjutnya,masukkan alamat URL blog anda,lalu klik Add My Site.

Setelah itu,anda di hadapkan halaman bahwa anda telah mensubmit URL blog anda,pada tabel keterangan nya disitu ada kolom Sites,Feeds,Action dan Status pada kolom terakhir.

Nah! pada kolom Status,hanya diperlihatkan sebuah object berbentuk bulat,klik tanda bulat tersebut untuk melihat status.
Selanjutnya anda akan di hadapkan 2 pilihan.
  • By uploading a verification file to my site.
  • By adding a META tag to my home page
Pilih tanda segitiga pada tulisan 'By adding a META tag to my home page' dan copy kode y_key nya,yang mana ya?
Yang mirip seperti ini:

<META name="y_key" content="xxxxxxxxxxxxxxxx">
Kode diatas hanya contoh kodenya,tulisan 'x' diatas adalah nomor key blog anda.
Copy kode tersebut dan letakkan di bawah kode <head> pada halaman HTML anda lalu Simpan Template anda.
Setelah anda berhasil meletakkan kodenya,kembali ke halaman account Yahoo dimana anda baru saja mengcopy kode tadi,setelah itu klik Tombol 'Ready to Authenticate',dan tunggu sampai muncul halaman yang memberi tahu bahwa y_key anda telah berhasil untuk difungsikan.

Contoh tulisan jika sudah berhasil kurang lebih seperti ini :

Your site has been authenticated

If you have added the META tag <META name="y_key" content="<meta name="y_key" content="xxxxxxxxxxxxxxxx" >, please keep the tag in your site's home page. We will revalidate your site ownership by checking this META tag regularly.

If you have uploaded the verification file, please keep the file y_key_xxxxxxxxxxxxxxxx.html on your site root http://alamat-blog-anda.com and do not change the content (xxxxxxxxxxxxxxx). We will revalidate your site ownership by checking this file regularly.


Saat saya meletakkan y_key, koq Error ya?


Error,mungkin hanya disebabkan kode yang tidak ditutup dengan benar.Memang dari Yahoo sendiri,memberikan kode yang seperti ini:
<META name="y_key" content="xxxxxxxxxxxxxxxx">
Anda tinggal disuruh menyisipkan tanda '/' pada akhir kode,yang nantinya menjadi seperti ini:
<META name="y_key" content="xxxxxxxxxxxxxxxx'/>
Dalam waktu kurang lebih 24 jam,Bibi Yahoo akan segera mengindex anda. :)

Baca Juga Yang Ini..


Sabtu, 24 Juli 2010

Membuat Sidebar Berada di Kanan Kiri Posting / Posting Di Tengah - Tengah

Membuat Sidebar Diantara Posting: "

Sering saya jumpai situs-situs yang mempunyai sidebar di sebelah kanan dan kiri .Atau lebih gampang nyebutnya Posting terletak diantara sidebar ,berarti posting berada di tengah-tengah.
Sedangkan dari blogger tak menyediakan template yang seperti itu.Untuk memodifikasi template anda,cobalah langkah-langkah seperti di bawah ini :
Pergi ke Dashboard------>Tata Letak----->Edit Html .
Cari kode / yang hampir sama dengan kode di bawah ini :


#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


Jika sudah ketemu,letakkan kode di bawah ini tepat dibawah kode tersebut :

#newsidebar-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}


Selanjutnya,cari kode seperti di bawah ini :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>


Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut :

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>


Simpan Template .Lihat Hasilnya!!! Kode yang berwarna hijau,menunjukkan ukuran lebar sidebar nantinya,anda bisa merubahnya sendiri,sampai anda mendapatkan ukuran yang anda inginkan.
Untuk lebih jelasnya baca artikel Kang rohman di sini

Baca Juga Yang Ini..



Cara Merubah / Mengubah Format Judul Agar Seo Friendly

Cara Merubah / Mengubah Format Judul Agar Seo Friendly: "

Salah satu langkah SEO(Search Engine Optimation),adalah mengubah format pada Judul Blog.
Sebelumnya,Pelajaran Blog,minta maaf karena tidak adanya Ilustrasi berupa Gambar/Image pada setiap artikelnya.

Ya,benar,hanya penalaran saja,klo baca khan lebih Fokus..

(ngomong aja ga ada gambar yang bisa dipostingin,he..)


Langsung ke Topik.Maksud mengubah Format Judul pada Blog,misal Judul Blog saya:

Pelajaran Blog|Belajar Membuat Blog

Biasanya,nanti setelah membuka halaman,contoh tentang artikel :

'SEO,Mengatur / Mengubah Format Title'

Judul pada Menu bar akan menjadi seperti ini :

Pelajaran Blog|Belajar Membuat Blog:SEO,Mengatur / Mengubah Format Title

Ya,khan?

Nah,agar SEO Friendly,kita ubah susunan Judul menjadi hanya seperti ini:

SEO,Mengatur / Mengubah Format Title

Maka,jika berhasil diindex sama paman Google ya..akan terindex seperti itu.
Untuk kodenya,sebenarnya anda tinggal merubah format Title nya.

Pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Cari kode seperti di bawah ini:

<title><data:blog.pageTitle/></title>

Setelah ketemu,hapus kode tadi,dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


Lalu Simpan Template.
Dan,baca salah satu artikel anda sekarang,dan lihat tampilan Judul Bar atas.
Berhasil khan?

Baca Juga Yang Ini..