Cara membuat Tag Cloud

ud sama dengan Label atau biasa disebut label cloud yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu artikel. Untuk membuat tag cloud, anda harus pasang gadget label terlebih dahulu lalu membuat label pada setiap artikel atau postingan pada blog anda. Cara pasang gadget label dan cara membuat label, anda bisa lihat DISINI.

OK.... sekarang kita langsung cara membuat Tag cloud, Silahkan anda ikuti langkah - langkah dibawah ini:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.




3. KLik tab Edit HTML.

4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode ini :

]]></b:skin>

7. Copy kode di bawah ini dan taruh tepat diatas kode ]]></b:skin> :

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

8. Kalau tadi diatasnya sekarang Copy kode di bawah ini dan taruh tepat dibawahnya kode ]]></b:skin>

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

9. Simpan template.

10. Masih pada Edit HTML, silahkan anda cari kode yang mirip dengan kode di bawah ini (biasanya yang berbeda pada  id='Label1'). Dan alangkah baiknya backup terlebih dahulu template ke komputer anda agar template aman, bila terjadi kesalahan. :

<b:widget id='Label1' locked='false' title='cloud' type='Label'>
&lt b:includable id='main'>
<b:if cond='data:title'>
<h2></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

11. Ganti kode diatas dengan kode di bawah ini :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<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>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

12. Simpan Template!
Selesai ! waaaah..... panjang bangeeeet........ (Jangan khawatir setiap tutorial blog Html Noer sudah teruji keberhasilannya).

Nah ..., sekarang Selamat Mencoba...
Semoga bermanfaat.

Cara Membuat label di blog

Cara Membuat label di blog

Label diperlukan agar kita lebih mudah mengkatagorikan sebuah artikel, dengan label kita lebih mudah memilih artikel sesuai dengan kategori atau jenis artikel tertentu. Selain itu label juga berpengaruh  sebagai kata kunci atau tag cloud pada searh engine. Dalam hali ini terlebih dulu kita harus selalu memberi label pada setiap artikel yang kita buat atau akan kita posting. 

Lalu bagaimana cara membuat label ?

Okey...., untuk membuat label saya akan coba jelaskan dalam beberapa cara, mengingat banyak teman yang sudah posting artikel banyak tapi belum memberi label.

A. Pada saat kita buat artikel. 

1. Login ke blogger
2. Pilih Entri Baru

3. Tulis Artikel Anda
 
 4. Memberi Label
Pada gambar diatas, anda lihat pada bagian bawah kanan bertuliskan "Label". Silahkan anda isi sebuah atau beberapa kata kunci yang menggambarkan artikel yang anda tulis.
5. Terbitkan Entri.

B. Bila Artikel sudah dibuat tapi Label belum dibuat

Anda masih bisa buat label pada artikel anda Yaitu :
1. Login ke blogger 
2. Pilih Edit Entri
 

Selanjutnya langkah ke 3 - 5 lakukan seperti langkah A.

Anda bisa lihat hasil label yang sudah anda lihat pada halaman edit entri, yaitu tulisan berwarna hijau setelah judul Posting adalah label yang kita buat. Lihat gambar dibawah :

Setelah anda membuat label pada seluruh artikel atau postingan anda, selanjutnya anda tinggal menampilkan label pada halaman depan blog anda. Perhatikan langkah berikut :

1. Login ke blogger 
2. Klik Rancangan dan pilih Elemen Laman

3. Tambah Gadget



4. Pada jendela baru anda scroll kebawah dan pilih "Label"
 

5. Simpan.


Nah..., label sudah anda buat, dan gadget label sudah ditampilkan. Silahkan anda kembali kehalaman depan blog anda, perhatikan hasil yang terjadi pada gadget Label.

Keterangan :

Pada edit gadget ada beberapa pengaturan tentang penampilan label, silahkan anda atur sesuka anda.


Selamat mencoba dan Semoga bermanfaat.... 

Membuat Rollover Image

Hai jumpa kembali di Tutorial Dreamweaver mempercantik halaman website kita dengan kolaborasi CSS dan dreamweaver. Pada tutorial belajar Dreamweaver kali ini penulis akan menjelaskan bagaimana cara memasukkan Rollover Image. Apa yang dimaksud rollover image? Rollover image adalah suatu image / gambar yang dilengkapi dengan script di dalamnya sehingga sewaktu gambar (gambar utama/default) itu disorot dengan kursor maka gambar tersebut akan berganti dengan gambar yang lain (gambar kedua)...
Contohnya:
Ini preview'a.. 

Jika mungkin belum jelas maka silahkan saja coba ikuti pembuatannya dulu, maka siapa tahu nanti jadi lebih jelas apa yang dimaksudkan di atas

Dan seperti ini cara'a..
1. buka dreamweaver seperti biasa dan buat file baru berextensi html.. (anda bisa menggunakan tampilanSplit maupun Code, tp saya terbiasa menggunakan tampilan code)
2. kita buat dulu bagian yang ingin dirollover gambar (backgroundnya) di antara tag <body></body>dengan menggunakan sebuah div tag dengan nama element menggunakan class atau id..
(di sini saya menggunakan element class)
berikut kode tag'a..

tampilan tersebut akan membuat sebuah link standar yang biasa digunakan tanpa ada style apapun..
dan berikut kode css yang ditaruh di antara tag <head></head>

#ffffff adalah bilangan hexadecimal untuk warna putih yang digunakan sebagai warna background..(saya menggunakan warna putih karena di halaman preview berlatarbelakang warna putih..)
* : cari dan isi gambar yang ingin digunakan untuk gambar awal dan gambar hover..
0 0 : merupakan posisi dari gambar backround 0 pertama adalah untuk posisi x dan 0 kedua adalah untuk posisi y..
no-repeat : merupakan perulangan dari gambar..no-repeat berarti tidak menggunakan perulangan..jika kalian ingin menggunakan perulangan..gunakan repeat-x untuk perulangan horizontal..dan repeat-y untuk perulangan vertical..
padding-left : memberikan jarak dari kiri untuk memperlihatkan gambar dari tulisan link yang ada..(saya menggunakan 20px karena lebar dari gambar adalah 15px..)
jika ingin menggunakan hover di setiap tag atau class atau id..cukup gunakan ":hover" setelah nama tag atau nama class atau nama id.. (tanpa kutip)
LIVE PREVIEW

Cara Lainnya::
Bagi yang masih kebingungan dengan permainan Tag dan CSS jangan kuatir karena ada cara alternatif dalam menampilkan rollover image karena di dalam aplikasi dreamweaver telah disediakan :)
1. Buka aplikasi Dreamweaver
2. Pilih Insert >> Image Objects >> Rollover Image


3. Maka akan muncul pop up yang harus anda lengkapi

Penjelasan:
Image name: adalah nama / judul Rollover image anda (isi sesuka anda)
Original image: gambar utama/default Rollover image
Rollover image: gambar kedua (gambar yang akan muncul saat kursor disorot)
Arternate text : adalah penjelasan tentang gambar tersebut mengenai apa (boleh dikosongi/ boleh diisi sesuka anda)
When Clicked, Go to URL: isi dengan URL link yang anda inginkan, bisa web anda, paman google, atau web IG yaitu >> http://www.ilmugrafis.com :)
Nah setelah selesai Klik OK, mudah bukan, sekarang coba buka halaman yang anda buat dengan browser anda (IE, Mozzila, Opera) whatever... yang penting minumnya teh sak kotaknya... wkwkwk :P
Just pudding

Pengenalan Dreamweaver dan Layout

Pengenalan Dreamweaver dan Layout 
Publish: 17 Februari 2009 | Author & Copyright: Johan | Status: FREE tutorial

Karena banyaknya request dari sana sini dan situ aduh pokoknya dari mana - mana tentang web desain dengan Dreamweaver maka saya akhirnya melaunching tutorial Dreamweaver di ilmugrafis rubrik web desain...

Seperti kata Pak Patah eh salah itu nama tetangga saya :) maksudnya Kata PEPATAH "Tak kenal maka tak sayang" oleh karena itu alangkah baiknya bila kita menilik apa itu Dreamweaver?
DREAMWEAVER (dulu milik dari macromedia namun sekarang menjadi milik dari Adobe) adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG — What You See Is What You Get — dalam bahasa sansekerta artinya ( Apa yang kamu lihat akan menjadi seperti apa yang kamu inginkan) masih bingung ya intinya Kita tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs karena sudah disiapkan secara instant seperti membuat Table, Membuat Hyperlink, Memasukkan Gambar, termasuk memasukkan Flash Animasi, dll. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Mantab Bukan!!!


Gambar 1 . Tampilan LogoDreamweaver



Gambar 2 . Tampilan / Layout Dreamweaver


Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar.
- LEMBAR KERJA DREAMWEAVER adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya.
- INSERT TOOLBAR adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Untuk memunculkan panel ini, klikWindows > Insert atau tekan Ctrl-F2.
- PENGATURAN HALAMAN berguna untuk melakukan pengeditan pada suatu elemen di Document Window.
- PANEL GROUP merupakan kumpulan dari panel-panel Dreamweaver.

Tunggu Edisi Selanjutnya...

Semoga Bermanfaat

Share URL

Share the URL of this Tutorial in IM, Email or post in forums * Klik Link, copy (ctrl + c) dan paste (ctrl + v)

Indahnya Berbagi Via
Multimedia Tablet

Rahasia Sedekah untuk Meningkatkan Taraf Hidup Kita

Rahasia Sedekah untuk Meningkatkan Taraf Hidup Kita

Pagi ini saya mendengarkan ceramah ustadz Yusuf Mansyur tentang keajaiban sedekah. Sedekah yang sudah terbukti mampu menjadi solusi bagi masalah keuangan keluarga. Sekarang bagaimana caranya menerapkan ilmu sedekah bagi anda yang bekerja sebagai internet marketer? Anda mungkin pernah mendengar seorang internet marketer punya penghasilan hingga ratusan juta rupiah perbulan. Ok anggap saja target anda adalah punya penghasilan 70 juta perbulan. Bagaimana anda bisa mewujudkan penghasilan sebesar itu dengan menerapkan ilmu sedekah. Inilah rahasia ilmu sedekah yang sering diajarkan oleh ustadz YM.

• Pertama adalah kumpulkan uang senilai 7 juta (10 persen dari 70 juta). Jika anda tidak punya tabungan segitu anda bisa menjual barang-barang berharga anda seperti sepeda motor, TV, kulkas, dll. Pastikan bahwa uang yang anda kumpulkan berasal dari cara-cara yang halal bukan uang hasil korupsi atau mencuri.
• Bagaimana jika anda tidak memiliki uang 7 juta? Dalam kondisi seperti ini anda harus menurunkan target sedekah yang ingin anda tunaikan. Maksud saya anda bisa mengejar untuk mengumpulkan uang yang 7 juta dulu. Caranya adalah anda bersedekah senilai 10% dari 7 juta (sejumlah 700 ribu). Dengan sedekah 700 ribu itu anda mengejar untuk mendapatkan uang 7 juta. Setelah mendapatkan 7 juta anda harus menyedekahkan lagi untuk mengejar penghasilan 70 juta. Namun saya ingatkan proses untuk sampai ke 70 juta itu butuh perjuangan yang luar biasa.
• Jangan lupa ketika bersedekah niat anda harus tulus untuk mencari keridhoan Alloh. Nah setelah bersedekah berdoalah pada Alloh agar dimurahkan rejeki.
• Untuk membackup ikhtiar anda perbanyaklah amal saleh seperti bangun tiap malam untuk melakukan sholat qiyamul lail(sholat tahajud), sholat dhuha, sholat bakdiyah dan qobliyah, mencari keridhoan orang tua, dll. Buat yang laki-laki usahakan untuk sholat lima waktu berjamaah di masjid.
• Perbanyaklah istighfar dan hindari perbuatan dosa dan maksiat.
• Rajin bekerja. Ingat Alloh tidak akan merubah nasib suatu kaum melainkan kaum itu sendiri yang mengubahnya.
• Bersabar dan tetap khusnudzon pada Alloh. Seringkali orang menjadi putus asa karena doanya belum dikabulkan. Padahal mungkin doa anda sudah dikabulkan dalam bentuk lain yang lebih baik seperti kesehatan, panjang umur, dll.

Mungkin kita bisa belajar dari orang paling kaya di bumi saat ini. Seorang Bill Gates mau mengeluarkan uang puluhan milyar US dollar untuk membantu sesamanya. Saya yakin orang-orang yang sukses jadi internet marketer seperti Anne Ahira, Joko Susilo, dll tak pernah lupa untuk berbagi kepada sesamanya. Kita bisa mulai belajar untuk bersedekah dari sekarang. Terutama bagi kita yang sedang mulai belajar internet marketing sebaiknya memperbanyak sedekah untuk menunjang bisnis online kita. Cobalah untuk mengeluarkan minimal 10 persen dari pendapatan kita setiap bulan untuk bersedekah. InsyaAlloh jika kita rutin melakukannya dalam waktu dekat hidup kita akan berubah. Jika anda ingin tahu lebih jauh tentang rahasia ilmu sedekah bisa berkunjung ke website www.wisatahati.com.

Inilah 6 Tips Menulis Headline Sales Letter yang Menjual

Inilah 6 Tips Menulis Headline Sales Letter yang Menjual

Pekerjaan menulis sales letter tidak pernah lepas dari membuat headline. Headline merupakan salah satu faktor penting yang harus ada dalam sales letter. Anda hanya punya waktu singkat untuk menarik perhatian pengunjung membaca sales letter anda dengan sebuah headline. Jika headline anda tidak menarik maka secepat mereka datang secepat itu pula mereka akan pergi. Anda akan kehilangan calon pembeli potensial. Lalu bagaimana cara menulis headline yang mampu menarik perhatian pengunjung? Dan inilah 6 tips menulis headline sales letter yang menjual.

• Headline tidak harus pendek. Kadang orang sering salah paham dengan konsep menulis headline harus singkat dan pendek. Untuk headline sales letter anda bisa menulisnya cukup panjang.
• Headline harus berbicara kepada pelanggan. Jika anda mempunyai sesuatu yang baru tentang produk anda. Katakan hal itu dalam headline yang anda buat. Headline harus fokus dengan keadaan pelanggan.
• Jangan membuat headline yang berlebihan. Kadang orang melakukan kesalahan dengan membuat headline yang berlebihan untuk membuat pengunjung penasaran. Pengunjung hanya peduli dengan manfaat apa yang bisa mereka peroleh.
• Dapatkan perhatian dari pengunjung. Gunakan kata-kata yang membangkitkan minat seperti "Terbaru...", "Penawaran terbatas...", "Inilah...", "Temukan...", dsb.
• Bicara langsung pada pengunjung. Ini akan berguna untuk memfokuskan dan menyaring pengunjung hanya pada target market anda. Jika anda menjual produk bisnis online pakailah kalimat seperti "Perhatian: pencari income melimpah di internet", dsb.
• Pakailah tanda petik. Meskipun headline anda bukan sebuah testimonial tetaplah memakai tanda petik. Ini adalah sebuah trik yang legal dan etis untuk menarik perhatian pengunjung.

Headline yang baik akan membuat pengunjung tertarik untuk membaca keseluruhan isi sales letter. Hal ini tentu saja akan meningkatkan penjualan produk anda. Jadi mulailah untuk belajar menulis headline yang baik. Tidak mudah memang tapi tidak ada cara lain selain berlatih menulis headline terus menerus.

Tips Hebat Membuat Website Reseller SEO Friendly

Tips Hebat Membuat Website Reseller SEO Friendly

Diposkan oleh belajar internet marketing di 10:00

Bagi anda yang mengikuti bisnis reseller sudah tidak asing mendengar istilah website reseller atau website replika. Website reseller biasanya memiliki formathttp://namawebreseller.com?id=idreseller. Link tersebut merupakan link affiliate dari sebuah website reseller. Tapi tahukah anda kalau website reseller dengan link affiliate seperti diatas tidak SEO friendly? Begini maksud saya. Jika anda sudah membaca postingan saya sebelumnya tentang SEO optimization dengan membangun backlink sebanyak-banyaknya dari website lain. Maka website reseller anda yang disertai dengan link affiliate tidak akan diserap oleh search engine. Yang akan diserap adalah link utama dari website reseller yaitu http://namawebreseller.com. Jadi ID reseller anda tidak dianggap sebagai sebuah link website. Nah agar website reseller anda lebih SEO friendly maka ikutilah langkah-langkah berikut ini.

1. Buka browser dan masukan alamat website reseller anda. Misal:http://namawebreseller.com?id=idreseller kemudian klik kanan pada mouse dan view page source (berlaku pada browser mozilla).
   
2. Copy code dibawah ini.
   <title>Judul website reseller</title>
   <meta name="description" content="Deskripsi website reseller">
   <meta name="keywords" content="Keyword website reseller">
3. Kemudian buatlah sebuah file dengan nama index.html dengan format seperti ini.
   <html>
   <head>
   <title>Judul website reseller</title>
   <meta name="description" content="Deskripsi website reseller">
   <meta name="keywords" content="Keyword website reseller"> </head>
   <frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
   <frame name="topFrame" scrolling="NO" noresize >
   <frame src="http://namawebreseller.com?idreseller" name="mainFrame" scrolling="auto" noresize >
   </frameset>
   <noframes>
   <body>
   </body>
   </noframes>
   </html>
   Text warna biru adalah code dari website reseller. Lalu gantilah text warna merahdengan ID Reseller anda.
4. Upload file index.html diatas pada webhosting anda. Jika anda menggunakan webhosting sendiri baik yang berbayar maupun yang gratisan.

Sekarang yang anda lakukan adalah mempromosikan website anda (bukan website reseller). Dengan cara diatas maka website reseller anda sudah disulap sedemikian rupa sehingga lebih SEO friendly. Calon pembeli pun akan melihat alamat website anda bukan sebuah link affiliate karena link affiliate sudah disembunyikan.

Cara Mudah Menyingkat URL Website

Cara Mudah Menyingkat URL Website

Diposkan oleh belajar internet marketing di 10:07

Bagi anda para affiliate marketer tentu sudah tidak asing dengan link affiliate. Bentuk link affiliate biasanya sangat panjang. Contoh format link affiliate sepertihttp://cdc42qxsv2oh7kbhwjv0376k9w.hop.clickbank.net. Dengan URL yang cukup panjang akan sulit bagi pengunjung untuk mengingatnya. Dan tentu saja itu akan menjadi kerugian bagi anda yang bergelut di bisnis affiliate. Tapi jangan khawatir karena sekarang ini sudah ada website yang menyediakan jasa untuk menyingkat nama URL yang panjang menjadi pendek. Anda bisa menggunakan fasilitas yang tersedia di tinyurl.com dan snipurl.com. Namun jika anda ingin membuatnya sendiri pun cukup mudah. Caranya hampir sama dengan postingan saya terdahulu tentang cara membuat website reseller. Berikut ini cara untuk menyingkat URL website.

• Buatlah folder pada webhosting anda misal http://websiteanda.com/namafolder.
• Buka notepad dan masukkan kode berikut.
  <html>
  <head>
  <title>Judul website reseller</title>
  <meta name="description" content="Deskripsi website reseller">
  <meta name="keywords" content="Keyword website reseller">
  </head>
  <frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
  <frame name="topFrame" scrolling="NO" noresize >
  <frame src="http://cdc42qxsv2oh7kbhwjv0376k9w.hop.clickbank.net" name="mainFrame" scrolling="auto" noresize >
  </frameset>
  <noframes>
  <body>
  </body>
  </noframes>
  </html>
  text warna merah adalah URL yang ingin anda singkat.
• Simpan file diatas dengan index.html kemudian upload di folder yang sudah anda buat tadi http://websiteanda.com/folder.
• Silakan dicek URL http://websiteanda.com/namafolder tampilannya akan sama dengan http://cdc42qxsv2oh7kbhwjv0376k9w.hop.clickbank.net.

Cara lain yang bisa anda pakai untuk menyingkat URL website adalah dengan membuat subdomain dari website anda. Misal alamat website anda http://websiteanda.com maka anda bisa membuat subdomain dengan http://subdomain.websiteanda.com. Selanjutnya ikuti langkah diatas dengan membuat file index.html dan menguploadnya ke dalam folder subdomain website tersebut.

Trik Ampuh SEO Optimization dengan Anchor Text

Trik Ampuh SEO Optimization dengan Anchor Text

Diposkan oleh belajar internet marketing di 10:09

Sebagai bagian dari pekerjaan mempromosikan produk internet kita maka blogging adalah satu hal yang wajib. Selain untuk menarik pengunjung, blogging juga bisa menaikkan kredibilitas kita sebagai internet marketer. Menyambung topik sebelumnya yaitu SEO Optimization yang membahas tentang arti penting penggunaan meta tag keywords dandescription. Kali ini saya akan membahas tahap berikutnya yaitu penggunaan ANCHOR TEXT untuk mengoptimalkan website kita agar lebih SEO friendly.
ANCHOR TEXT adalah link yang berupa text yang digunakan untuk menghubungkan postingan yang satu dengan postingan yang laen yang masih saling berkaitan. Misal postingan kita berhubungan dengan SEO maka kita bisa membuat postingan saling terhubung dengan keyword "SEO OPTIMIZATION". Selain sebagai penghubung antar postingan, ANCHOR TEXT juga bisa digunakan untuk menanam backlink dari website lain. Untuk blogger ANCHOR TEXT bisa bisa ditanamkan melalui backlink dari blog lain. Caranya adalah saat mengisi comment diblog lain dengan memasukkan keyword pada kolom "name" atau "nama" sebagai Anchor Text. Kemudian masukkan alamat website atau "address" dengan alamat website yang ingin anda promosikan. Cara lain jika anda memasukkan Anchor Text adalah dengan memasukkan kode HTML berikut kedalam postingan postingan kita untuk mengaitkan satu postingan dengan yang lainnya.

<a title="nama keyword" target="new" href="http://bloganda.com/postingan-anda.html">nama keyword</a>

Selain Anchor Text masih ada banyak lagi strategi unik yang bisa kita lakukan untuk meningkatkan posisi blog kita di google searching. Jadi nantikan SEO tips selanjutnya dengan rajin berkunjung ke blog ini

Cara Menghasilkan Uang Dari Blog

Cara Menghasilkan Uang Dari Blog

Aktifitas blogging atau lebih dikenal dengan ngeblog ternyata bisa menghasilkan uang. Ya tidak salah lagi jika anda selama ini blogging hanya untuk menyalurkan hobi maka sebaiknya anda mulai menyadari kalau hal ini bisa juga mendatangkan income bagi anda. Inilah langkah-langkah yang harus anda lakukan untuk menghasilkan uang dari blog.

• Buatlah blog sesuai dengan topik yang anda sukai. Misal anda suka banget dengan dunia masak-memasak maka tidak ada pilihan lain kecuali anda membuatnya menjadi tema blog anda. Alasannya jelas dengan memilih tema kesukaan anda maka anda tidak akan kesulitan untuk menulis artikel yang berkaitan dengan tema yang anda pilih.
• Updatelah blog sesering mungkin. Dengan mengupdate blog secara teratur maka blog anda lebih disukai Search engine. Usahakan mengupdate konten blog setiap hari. Inilah salah satu kunci dari menghasilkan uang dari blogging. Banyaknya pengunjung adalah potensi untuk menghasilkan uang dari blog.
• Belajar SEO Optimization untuk blog anda. SEO oprimization bisa on page dan off page. Sekali lagi ini adalah langkah penting untuk mendatangkan trafik dari search engine.
• Memasang iklan pada blog. Inilah sumber yang bisa anda gunakan untuk meraup pundi-pundi uang dari internet. Iklan yang bisa anda pasang berupa iklan text dan banner biasanya terdapat pada jenis iklan PPC (Pay Per Click).
• Memasang link affiliate. Tidak berbeda dengan iklan hanya saja iklan yang dipasang adalah iklan untuk link affiliate anda sendiri. Untuk hal ini anda bisa mencari produk affiliate pada affiliate merchant. Atau anda bisa memilih bisnis reseller yang anda percayai.

Yang paling penting lagi adalah konsistensi anda untuk terus mengupdate isi blog. Buatlah blog yang menggugah dengan isi yang menarik. Penuhi blog anda dengan tulisan-tulisan yang bisa membuat pengunjung kecanduan. Tentu saja tulisan yang bermanfaat bagi pengunjung. Dengan menggunakan strategi yang benar anda bisa menghasilkan uang dari hobi ngeblog.

Memasukkan Animasi Flash Ke Dalam Website

Pada tutorial belajar Dreamweaver kali ini penulis akan menjelaskan bagaimana cara memasukkan animasi flash berektension *.swf ke dalam website dengan dreamweaver...

Langkah - langkahnya:

1. Buka Dreamweaver dan pilih File - New
Atau tekan CTRL + N = Untuk membuat project baru sebagai latihan

2. Cara I : Pada Menu Utama
(help: untuk mengetahui letak menu utama bisa klik Pengenalan Dreamweaver dan Layout ) lalu pilih:
Insert - Media - Flash -
atau
Cara II : tekan CTRL + ALT + F

Ket:
swf = adalah extensi file animasi hasil olahan flash, file ini dapat dijalankan jika kita menginstal flash player ke dalam browser kita
 Adobe Flash Player for Browser
klik icon di atas untuk download adobe flash Player

3. Lalu pilih file berformat *.swf yang diinginkan
Disini penulis menggunakan contoh:

butterfly.swf yang dapat di download langsung disini password: ilmugrafis

berbagai macam contoh animasi untuk kebutuhan website kamu:
Langsung download aja

download Bom | Pass: ilmugrafis


Download Bendera Indonesia | Pass: ilmugrafis


Download Jam Analog
Tunggu Tutorial Dreamweaver Berikutnya...
Semoga Bermanfaat 

Cara Membuat Iklan Text yang Menarik

Cara Membuat Iklan Text yang Menarik

Diposkan oleh belajar internet marketing di 08:40

Jika sebelumnya anda sudah belajar membuat blogroll yang menarik. Kali ini saya akan sedikit memberikan tips cara membuat iklan text yang menarik perhatian pengunjung. Seperti yang kita ketahui pengunjung adalah aset sebuah blog. Semakin ramai pengunjung semakin besar mereka melihat iklan di blog kita. Dan tentu saja semakin besar peluang kita menghasilkan uang dari produk yang kita tawarkan. Ternyata membuat iklan text yang menarik tidak terlalu susah. Hanya dengan sedikit menggunakan kode HTML yang sederhana kita sudah bisa membuat iklan text yang menarik. Berikut ini kode HTML yang bisa dipakai untuk membuat iklan text.

• Iklan Text yang bergerak dari bawah ke atas. Ikan jenis ini cocok dipasang pada bagian side bar blog atau website anda.
  Berikut kode HTMLnya.
  <div style="height: 100px;width: 200px;border:1px solid #c0c0c0;overflow: hidden;text-align:center;">
  <marquee direction="up" scrollamount="2" height="100" onMouseOver="stop()" onMouseOut="start()" style="color:red;font-family: 'Courier New', Courier, monospace;font-size:12px;text-align:center;">
  Inilah<br>
  3 Langkah<br>
  Mudah<br>
  Menghasilkan<br>
  Uang<br>
  Dari<br>
  Internet<br>
  <a target="new" href="http://websitetujuan.com">Klik Disini</a>
  </marquee> </div>
  Tampilannya akan seperti dibawah ini:
  Inilah
  3 Langkah
  Mudah
  Menghasilkan
  Uang
  Dari
  Internet
  Klik Disini
• Iklan text yang bergerak dari kiri ke kanan atau sebaliknya. Iklan ini cocok dipasang di bagian header atau footer sebuah website atau blog.
  Dibawah ini kode HTML yang harus anda gunakan.
  <marquee direction="right" scrollamount="5" height="20" onMouseOver="stop()" onMouseOut="start()" style="color:#255E0A;font-family: 'Courier New', Courier, monospace;font-size:12px;background-color:red;">
  Inilah 3 Langkah Mudah Menghasilkan Uang Dari Internet <a target="new" href="http://websitetujuan.com">Klik Disini</a>
  </marquee>
  Tampilannya akan terlihat seperti berikut: Inilah 3 Langkah Mudah Menghasilkan Uang Dari Internet Klik Disini

Dengan text iklan yang lebih cantik diharapkan mampu menarik perhatian pengunjung untuk mengeklik iklan. Bagaimana mudah bukan membuatnya.

BELAJAR Membuat WEBSITE - Basic HTML

BELAJAR Membuat WEBSITE - Basic HTML
Publish: 20 Desember 2010 | Author & Copyright: Johan | Status: FREE tutorial

Bagaimana cara membuat website? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita tinggal mendaftar saja di penyedia layanan blog seperti Blogspot, Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal instal saja seperti. Disini kita belajar manual web (membuat website secara manual) walaupun masih sederhana dan statis. Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet Explorer, Netscape, Opera, dll).

Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR WEBSITE

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.

Apa yang dimkasud dengan file HTML?

-    HTML merupakan kependekan dari Hyper Text markup Language

-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

-    File HTML harus memiliki ekstensi htm atau html

-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code

disini anda akan menemui tag - tag semacam ini:

<HTML> </HTML>

Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Sekarang kita akan beralih pada tag selanjutnya.

<HTML> <BODY> </BODY> </HTML>

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:

<HTML> <BODY> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12 disitu akan muncul tulisan "Tulisan ini akan tampak dalam browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan suatu perintah bagi browser untuk menampilkan perintah kita.

Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.

<HTML> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya tekan F12 atau klik tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.

Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:

<HTML> <HEAD> <TITLE>WEBSITE BUATANKU</TITLE> </HEAD> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser. </BODY> </HTML>

Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refreshseperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: WEBSITE BUATANKU 
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:

Alhamdulillah, selesailah latihan pertama Belajar Membuat Website - HTML.
Selamat belajar HTML di Dreamweaver
Sampai ketemu lagi di Tutorial berikutnya
Semoga Bermanfaat ^_^/

Cara Memasang Iklan Pada Postingan Blogspot

Cara Memasang Iklan Pada Postingan Blogspot

Diposkan oleh belajar internet marketing di 08:54

Memasang iklan pada blog bisa dilakukan dengan banyak cara. Hal yang biasa ditemui iklan diblog biasanya berbentuk banner yang dipasang pada bagian sidebar, header maupun footer blog. Namun ada lagi cara yang cukup efektif untuk dipertimbangkan pada saat anda memasang iklan yaitu dengan menyelipkan pada setiap artikel yang diposting. Anda bisa memasangnya pada bagian footer postingan. Bagi anda pengguna blogspot caranya hampir sama seperti postingan sebelumnya tentang cara membuat related post widget. Berikut cara untuk memasang iklan pada footer postingan blogspot.

• Login ke blogger lalu buka menu "Tata Letak" => "Edit HTML" => "Expand Template Widget".
• Cari code dibawah ini.
  <div class='post-body entry-content'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
  </div>
• Ubah code HTML iklan dibawah ini sesuai dengan keinginan anda.
  <div style='border: 1px dashed #999999; padding: 10px; background-color: #F4F4F4;'> <b>Tentang Penulis:</b> Nurul Huda adalah pemilik dan pengelola blog internet marketing BisnisMaia.blogspot.com. Ingin belajar BISNIS ONLINE dari AHLInya? Kunjungi situsnya: <a target='new' href='http://formulabisnismen.co.cc' style='color:red;'>www.FormulaBisnismen.co.cc</a>. </div>
  Tampilan iklan akan seperti dibawah ini:
  Tentang Penulis: Nurul Huda adalah pemilik dan pengelola blog internet marketing BisnisMaia.blogspot.com. Ingin belajar BISNIS ONLINE dari AHLInya? Kunjungi situsnya: www.FormulaBisnismen.co.cc.
• Selanjutnya sisipkan code iklan kedalam code HTML blogspot.
  <div class='post-body entry-content'>
  <data:post.body/>
  PASTE CODE HTML IKLAN DISINI
  <div style='clear: both;'/> <!-- clear for photos floats -->
  </div>
• Selanjutnya simpan.

Menyisipkan iklan pada footer postingan memiliki peluang dibaca lebih besar ketimbang memasang banner iklan pada bagian side bar atau header blog. Karena pengunjung yang datang ke blog anda sebagian besar dari search engine tentu pertama kali akan melihat isi postingan bukan melihat keseluruhan bagian blog.