Jumat, 14 Agustus 2009

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."><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."></a></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.

Dari kode diatas,kira-kira hasilnya akan seperti di bawah ini:

<a href="http://pelajaran-blog.blogspot.com/" target="_blank" title="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link"><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."></a>

Nah! gimana? sudah sangat jelas sekali ya.
Semoga bermanfaat ya :D

Rabu, 05 Agustus 2009

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:

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/

Rabu, 22 Juli 2009

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!!!

Senin, 13 Juli 2009

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:

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

MXM BERBAGI INFO