Lapakdata

Showing posts with label Html. Show all posts

Home > Posts filed under Html

Colorpic | Software Untuk Mengetahui Kode Warna HTML

<div align="justify">
<img align="left" alt="Download Colorpic Gratis" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbkCGYmIYmD-2IoO_kmwDzL_IvWNPxFnxVCtQ4bI6e_XmYW0BSgC9hvGskcdWZloGwTbiUQ7AB_jUoey4Of6xG29LmJuu9bUTsuwtR9QZda2Nnafl488-W2edxQpBVE9Lp4W2fFlikrQc/?imgmax=800" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-top: 5px;" title="Colorpic" width="150" />Colorpic software untuk mengetahui kode warna HTML, Colorpic adalah sebuah desktop color picker software atau alat (tools) untuk mengetahui kode warna html yang sangat berguna bagi web designer ataupun blogger untuk meng-edit website atau blog khususnya dalam hal pengetahuan dan edit warna. Bagi saya sendiri colorpic adalah <a href="http://bloggerpeer.blogspot.com/2011/11/colorpic-software-kode-warna-html.html" style="color: #346ba4; text-decoration: none;">software kode warna</a> yang wajib saya miliki di komputer saya karena sangat membantu di saat saya kesulitan untuk mengetahui kode warna yang saya inginkan untuk meng-edit blog.</div>
<div align="justify">
Cara kerja colorpic ini juga sangat mudah dan saya kira sobat juga pasti akan cepat bisa memahaminya, setelah selesai meng-instal sobat bisa langsung menggunakannya dengan hanya mengarahkan kursor atau mouse ke warna pilihan yang ada di desktop maka kode warna tersebut akan otomatis diketahui, mudah bukan? untuk screenshot nya sobat bisa lihat gambar yang ada dibawah, gambar ini adalah contoh untuk mengetahui kode warna kuning dari <a href="http://bloggerpeer.blogspot.com/2011/11/yahoo-messenger-emoticons-smileys.html" style="color: #346ba4; text-decoration: none;">Yahoo Messenger emoticons</a>.</div>
<img alt="Colorpic, Software Untuk Mengetahui Kode Warna HTML" border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEige6wgdtUphPkKUETu1w6QK-3cdamluJpqLAEF3q2RfeGWmbJHH2OPo_XQ4zji6IECItTtWwCSI5R6ze0ogMxmeEU1-EsDdMSJg3zW9b_DmzHOcHQpdF813BsqWxUnNa3JMi4BotmmLa4/?imgmax=800" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 5px;" title="Colorpic Software" width="260" /> 
<div align="justify">
Gambar diatas adalah contoh pengambilan kode warna kuning dari YM buddy, hanya dengan meletakkan kursor ke warna tersebut maka kodenya pun dapat diketahui, mudah kan? nah bagi sobat yang ingin download software colorpic ini silahkan langsung menuju ke situs <a href="http://www.iconico.com/colorpic/" style="color: #346ba4; text-decoration: none;" target="_blank">Iconico</a> dan bagusnya lagi software ini gratis tanpa bayar sepeser pun.</div>

Colorpic software untuk mengetahui kode warna HTML, Colorpic adalah sebuah desktop color picker software atau alat (tools) untuk mengetahu...

NoFollow | Pengertian Tag (rel="nofollow") Attribute

Pengertian apa itu NoFollow tag? rel='nofollow' attribute atau Tag Nofollow adalah tag HTML yang memberitahukan mesin pencari (search engine) untuk memotong link selama pengindeksan 
<img align="left" alt="Pengertian Tag Nofollow attribute" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9na6Z_0G1b_xV1HZph7KXKzAoWvLkHiMbu5Im7lk1lYpgelkdz2PX3_qB4T3J4ac4AU8PH3VkID3oIRbYW4NaZJWy6-HUmsGj0Jvb4WBFTXyvzt7uGFUE1GLM_sz5F7AnOUBWM-KN88s/?imgmax=800" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; display: inline; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; margin-top: 0px; padding-top: 5px;" title="Pengertian Tag Nofollow" width="225" /> 
Dengan kata lain, mesin pencari seperti Google, Yahoo! dan MSN merayapi (crawling) web secara berkala untuk mencari dan mengindeks halaman baru yang akan dimasukkan di dalam hasil pencarian kata kunci (keyword search result). Setiap link pada halaman web akan diikuti (follow) selama proses pengideksan. Halaman yang diikuti dengan link masuk yang banyak dan relevan akan diranking lebih tinggi di dalam pencarian dari pada halaman yang mempunyai link masuk yang sedikit. Jika anda ingin links yang ada di blog anda tidak di indeks oleh mesin pencari gunakanlah NoFollow tag. Penggunaan tag NoFollow menjadi sangat populer selama beberapa tahun terakhir ini dikarenakan dari beberapa faktor seperti iklan teks link yang berbayar, spammers yang mencoba untuk meningkatkan jumlah links masuk ke situs mereka dengan melakukan spam pada komentar, dan sebagainya 
<h3 style="border-bottom-color: rgb(132, 206, 49); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(132, 206, 49); border-top-style: dotted; border-top-width: 1px; font-size: 10pt; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Bagaimanakah rel='nofollow' atribut bekerja?</h3>
Ketika mesin pencari (search engine spider) datang ke sebuah halaman web, respond standar adalah untuk mengindeks halaman dan mengikuti semua links yang ada di halaman tetapi ketika search engine spider melihat links beratribut nofollow maka dia akan bekerja sebagai berikut: 
<ul style="list-style-type: none; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">Tidak akan mengikuti/follow link ke situs baru</li>
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">Tidak memasukkan link teks di dalam nilai relevansi untuk kata kunci</li>
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">Tidak menghitung link ke skor popularitasnya di peringkat mesin pencari</li>
</ul>
Dibawah ini adalah contoh penulisan html tag NoFollow 
<blockquote style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsjZIW8U9dUp8n9sA6x0_9dOc0fyiJpi9d6S5rYBoRqgtVWdngPOJ4be1J6ARlGJmEQ93UnERld297zT3oBnnZz4oNjA5nDnFSQPQdRdg55BsEAEe0tVIQ4Uq5ENQ5rVroMtBEOWwMEuk/s1600/quote-Blogger-peer.gif); background-origin: initial; background-position: 0px 0em; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: dotted; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: dotted; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; color: #666666; line-height: 1.3em; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; padding-left: 30px; padding-right: 5px; text-align: left;">
<div style="background-attachment: initial; background-clip: initial; background-color: #f7f7f7; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: dotted; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: dotted; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; margin-bottom: 0.75em; margin-top: 0.75em; padding-left: 5px; padding-right: 5px; text-align: left;">
<a href='http://www.facebook.com' rel='nofollow'>Facebook</a></div>
</blockquote>
Html tag nofollow diatas adalah sebuah perintah agar supaya search engine tidak mem-follow link ke Facebook dan otomatis search engine tidak akan mengindeks halaman Facebook tersebut 
Search engine tidak akan menghukum (penalty) situs atau blog anda jika di halaman situs anda memiliki link <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html" style="color: #346ba4; text-decoration: none;">nofollow</a>, jangan berfikir bahwa memakai nofollow adalah buruk atau spam, penggunaan link nofollow mengindikasikan search engine bahwa link tersebut bukan milik anda atau bukan untuk di follow 
<h3 style="border-bottom-color: rgb(132, 206, 49); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(132, 206, 49); border-top-style: dotted; border-top-width: 1px; font-size: 10pt; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Dimanakah seharusnya rel='nofollow' di tempatkan?</h3>
Sebagian besar search engine menyarankan kita untuk menempatkan tag nofollow pada link yang berasal dari sumber yang tidak dapat anda jamin/tidak anda ketahui seperti: 
<ul style="list-style-type: none; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">Komentar</li>
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">Forums</li>
<li style="list-style-type: square; margin-bottom: 5px; margin-left: 25px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px;">User generated content</li>
</ul>
Anda juga bisa menaruh rel='nofollow' pada link yang mengarah ke iklan (atau sesuaikan dengan perjanjian periklanan anda) 
<h3 style="border-bottom-color: rgb(132, 206, 49); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(132, 206, 49); border-top-style: dotted; border-top-width: 1px; font-size: 10pt; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Link Sculpting menggunakan tag NoFollow</h3>
Link Sculpting adalah salah satu teknik SEO dimana anda bisa memilih halaman yang anda prioritaskan agar mempunyai pagerank yang lebih tinggi dengan menaruh link dofollow dan menaruh <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=96569" style="color: #346ba4; text-decoration: none;" target="_blank">rel='nofollow'</a> pada link halaman yang tidak diprioritaskan (seperti: link login, link registrasi,dll) 
 
<div>
 </div>

Pengertian apa itu NoFollow tag? rel='nofollow' attribute atau Tag Nofollow adalah tag HTML yang memberitahukan mesin pencari (sear...

DoFollow | Pengertian Apa Itu Dofollow Links

Pengertian dofollow, apa itu dofollow link? sebelum saya membahas pengertian link dofollow marilah kita membahas apa yang dimaksud dengan link? Mungkin ada dari anda yang belum mengetahui istilah tersebut, kalau di bahasa indonesia biasa disebut dengan tautan 
<img align="left" alt="DoFollow-Links" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_PtlTif9xkN64VHA3yEWrlngNDq1AO7Lv5-zbKZEEbTfT9rSs43AwLRBilF3zc_G4zkqSl3ClHxtnHGWaJIodPI7KENI2CLNIuVPXjq84gnA2XbmgO5MpWPCG3Kv3fdFRB62eH8VWKw/?imgmax=800" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; display: inline; margin-bottom: 5px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-top: 5px;" title="DoFollow-Links" width="200" /> 
Link (tautan) adalah sebuah koneksi antara dua buah website yang berbeda (external link) atau dua buah halaman pada satu website yang sama (internal link), sebuah tautan biasanya berupa text atau gambar dan ketika di klik akan mengarah ke website/halaman yang diinginkan, anda bisa membuat tautan dengan mudah dengan sedikit pengetahuan HTML, tetapi sekarang ini saya kira semua editor biasanya sudah menyediakan tempat untuk membuat link jadi tinggal menulis URL nya saja tidak perlu menulis tautan dengan HTML markup 
Dibawah ini adalah contoh sebuah normal text link sekaligus dengan HTML markup nya 
<a href="http://www.google.com/" style="color: #346ba4; text-decoration: none;" target="_blank">Google</a>  -  <a href='http://www.google.com'>Google</a> 
Contoh tautan menggunakan gambar 
<a href="http://www.google.com/" style="color: #346ba4; text-decoration: none;" target="_blank" title="Google Logo"><img align="left" alt="Google Logo" border="0" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcaGiaySG0aYAtY3pLrNfOPGyEuTTzzC1XB-UlgL-pvyhHnwZtGZHsjOl6dynH0V_UU1o3vb48CgyUNmrXhhtkopwTnnlQD8iauk3qRKjCXk5iyTr-2R01RiqIdoaxH2voZbDM5pw2sjM/?imgmax=800" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; display: inline; margin-bottom: 5px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-top: 5px;" title="Google Logo" width="38" /></a> 
 
<h3 style="border-bottom-color: rgb(132, 206, 49); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(132, 206, 49); border-top-style: dotted; border-top-width: 1px; font-size: 10pt; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Pengertian Link Dofollow</h3>
Ok sekarang kita kembali ke pembahasan tentang dofollow link, tautan dofollow adalah sebuah tautan yang memberitahukan search engine seperti Google, Yahoo, Bing, dll untuk mengikuti (follow) website/halaman yang dituju tersebut, <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" style="color: #346ba4; text-decoration: none;">dofollow link</a> biasanya ditulis dengan menambahkan 'rel' pada HTML nya 
Contoh : <a href='http://www.google.com' rel='dofollow'>Google</a> 
Tetapi sekarang ini penulisan tautan dofollow tidak perlu menambahkan 'rel' pada HTML nya, seperti pada normal link pada contoh pertama diatas tadi karena search engine sudah mengerti bahwa normal link adalah sama dengan <a href="http://www.squidoo.com/dofollow" style="color: #346ba4; text-decoration: none;" target="_blank">dofollow link</a> kecuali anda ingin menulis kebalikan dari tautan dofollow yaitu nofollow link, silahkan bacapengertian nofollow link 
<h3 style="border-bottom-color: rgb(132, 206, 49); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(132, 206, 49); border-top-style: dotted; border-top-width: 1px; font-size: 10pt; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Kegunaan link Dofollow Bagi SEO</h3>
Tidak perlu ditanya lagi bahwa search engine sepeti Google sangat menyukai link dofollow yang relevan dan natural, dan Google akan mempercayai sebuah situs yang mempunyai banyak tautan dofollow yang relevan dan natural. Dengan alasan itulah kenapa banyak webmaster/blogger yang memburu dofollow blog/website yang menyediakan link dofollow yang mengarah ke situs mereka agar memperoleh Google PageRank yang tinggi 
<div>
 </div>

Pengertian dofollow, apa itu dofollow link? sebelum saya membahas pengertian link dofollow marilah kita membahas apa yang dimaksud dengan l...

Software HTMLcolor v.1.4

<span class="awal" style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Postingan kali ini agak sedikit berbeda dengan postingan-postingan terdahulu. Jika sebelumnya saya banyak menulis tentang blog, design blog serta hal-hal yang terkait dengan blog. Maka kali ini saya akan menuliskan tentang cara kerja dari software <b style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">HTMLcolor v.1.4. Sebenarnya tutorial kali ini sangatlah berguna bagi sobat yang gemar mengotak-atik blog miliknya terutama pada bagian pengaturan warna, karena dengan adanya bantuan software ini, maka akan dengan sangat mudah untuk mencari tahu kode warna. 
<div class="fullpost" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
 Sebelum masuk kepada pembahasan utama, diberitahukan bahwa mulai saat ini saya akan sering membahas tentang fungsi-fungsi software yang tersedia di <a href="http://www.resepbisnis.com/?id=Rohman" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">http://www.resepbisnis.com/?id=rohman</a> serta di<a href="http://www.obralplus.com/?id=rohman" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">http://www.obralplus.com/?id=rohman</a> ini adalah sebagai rasa ungkapan terima kasih saya kepada para sobat yang telah mendaftar serta bergabung melalui link milik saya, hal ini saya lakukan karena ada kabar bahwa ada salah satu sobat yang telah bergabung namun masih bingung dengan fungsi-fungsi software yang tersedia pada kedua situs tersebut, sayang sekali bukan? sofware-sofware yang sangat berguna menjadi tidak ada fungsinya di karenakan keterbatasan kemampuan kita dalam mengoperasikan software tersebut.  Sedikit bercerita dulu ah, ga apa-apa kan? supaya tidak terlalu jenuh. Sudah lama saya tidak mengunjungi obralplus.com, yang saya tahu selama ini adalah jika ada sobat yang mendaftar dan bergabung melalui link saya, maka akan ada kiriman email sebagai pemberitahuan dari pihak obralplus.com, eh kemarin saya iseng-iseng klik link milik saya pribadi... dan.... wedewww... ada yang baru nih dari obralplus yaitu rahasia <b style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">AKSES INTERNET GRATIS Dengan Kartu CDMA.. waduh keren abis nih... langsung aja masuk ke halaman member (soalnya sudah jadi member) dan langsung mendownload ebook tersebut karena sudah tidak sabar pengen ngenet gratisan ( ... dasar tukang iklan... mau nulis tutorial malah iklan dulu... )    yang mau dapat informasi berharga ini, silahkan gabung di <a href="http://www.obralplus.com/?id=rohman" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">http://www.obralplus.com/?id=rohman</a> legal bozz tidak melanggar hukum. Udah dulu ah iklannya takut pada bosen bacanya.  Kembali kepada topik bahasan utama yaitu mengenai Software HTMLcolor v.1.4, software ini bisa sobat dapatkan secara gratis di <a href="http://www.resepbisnis.com/?id=Rohman" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">http://www.resepbisnis.com/?id=rohman</a>. Apabila sobat tidak berminat untuk bergabung maka tidak jadi soal, tujulah bagian paling bawah pada situs tersebut, nanti sobat akan menemukan form untuk mengisi alamat email, maka masukan alamat email milik sobat pada form tersebut. Jika sobat sudah memasukan alamat emailnya, maka tidak lama kemudian sobat akan di kirim balik oleh resepbisnis.com berupa link untuk mendownload software tersebut secara gratis. Apabila sobat sedikit khawatir akan besarnya kapasitas data yang akan di download, maka jangan risau karena software tersebut kapasitas datanya sangat kecil yaitu sebesar 147k. Satu lagi yang menarik yaitu software ini tidak perlu di install layaknya software yang lain, sobat cukup menyimpannya dan apabila ingin di pakai tinggal di running saja.  Apa fungsi utama dari software ini? <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="18" /> lupa, mustinya tadi di awal. Fungsi dari software ini adalah untuk mengetahui kode warna yang tampil di layar monitor sobat, cara kerja singkatnya seperti ini, jika sobat berkunjung ke suatu website atau blog dan melihat ada warna yang sobat sukai, maka caranya yaitu running software HTMLcolor v.1.4 lalu sorot warna yang sobat sukai tersebut oleh <b style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">mouse komputer, maka secara langsung pada display software tersebut akan di tampilkan kode warna HTML, ini juga sangat berguna bagi sobat yang suka menampilkan iklan adsense yang ingin warna backgroundnya sama persis dengan warna background blog miliknya. Agar lebih mudah untuk di mengerti, silahkan lihat tampilan panel dari software HTMLcolor V.1.4 di bawah ini :  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidzYQL2ly3Sih1wRu0Jb0uoFzlXBvF1GozYem34wrOpcxpaO478MKpNUQFnMU1UxTCUAjBsYFo-uVss-kiGLNq-GjVo_SoG7utZpEXxhr4uR1eTNLW_1Zwh-tulbQnNvBYRNeqTXmiQ3M/s1600-h/color-v1.4_03.jpg" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img alt="HTML color V.1.4" border="0" id="BLOGGER_PHOTO_ID_5129140307935202114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidzYQL2ly3Sih1wRu0Jb0uoFzlXBvF1GozYem34wrOpcxpaO478MKpNUQFnMU1UxTCUAjBsYFo-uVss-kiGLNq-GjVo_SoG7utZpEXxhr4uR1eTNLW_1Zwh-tulbQnNvBYRNeqTXmiQ3M/s400/color-v1.4_03.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: pointer; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;" /></a> Tampilannya kecil tapi sangat berguna. Terlihat pada panel sebelah kiri ada kotak kecil, ini berguna untuk melihat objek warna yang sedang di sorot oleh mouse, kotak gambar yang di sebelah kiri bawah adalah display warna yang sedang di sorot, 1x 2x 4x 8x adalah nilai zoom yang di bisa di pilih untuk memudahkan pemilihan warna. Satu yang paling penting adalah tulisan yang berada di samping <b style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">F1, inilah kode warna HTML yang di perlukan. Setiap sobat menggerakan mouse di layar monitor, maka angka angka yang berada di samping <b style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">F1 akan selalu berubah sesuai dengan warna yang sedang di sorot oleh mouse. jadi cara kerjanya sangat mudah, sorot warna yang di sukai yang ada di layar monitor, lalu catat kode warnanya, selesai. Contoh kode warna yang ada di panel yang saya berikan adalah ECE9D8, jadi apabila di pakai dalam template menjadi #ECE9D8.  Maaf sobat, tutorial kali ini sedikit belibet karena campur sama iklan,,,, <div class="fullpost" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Sumber : Kang Rohman</div>
<div class="fullpost" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Editor   : Ahmad Scamuwil</div>
 </div>

P ostingan kali ini agak sedikit berbeda dengan postingan-postingan terdahulu. Jika sebelumnya saya banyak menulis tentang blog, design blog...

HTML (2)

<img height="177" id="il_fi" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTP91md9MGmbpx_9R_Co5FWdekR5eRQgZ0k5sdOwTGyuomtPMxBfSy8_DAFUA" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;" width="285" /> 
 
 
Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut :  <html> 
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
</div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
<head></div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
<title>latihan</title></div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
<body></div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
Tulis apa-apa yang saya terangkan di sini !</div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
</body></div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
</html></div>
<div style="padding-bottom: 0.7em; padding-left: 0px; padding-right: 0px; padding-top: 0.7em;">
 </div>
 Kita langsung ke topik bahasan aja ya biar ga bosan.  Elemen dasar HTML  Ada beberapa elemen dasar HTML yaitu :  Elemen Blok Level  Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>.  Contoh : <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h1>Ini heading 1</h1>  <h2>Ini heading 2</h2>  <h3>Ini heading 3</h3>  <h4>Ini heading 4</h4>  <h5>Ini heading 5</h5>  <h6>Ini heading 6</h6> </code> Hasilnya akan seperti ini :  <h1 style="font-size: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Ini heading 1</h1>
 Ini heading 2  Ini heading 3  Ini heading 4  <h5 style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Ini heading 5</h5>
 <h6 style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Ini heading 6</h6>
 Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">.....</code>.  Contoh :  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 1</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 2</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 3</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 4</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 5</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 6</code>  <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ini font size 7</code>  Hasil yang akan tampil seperti ini :  Ini font size 1  Ini font size 2  Ini font size 3  Ini font size 4  Ini font size 5  Ini font size 6  Ini font size 7  Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.  Untuk kesempatan kali ini, kaya nya udah dulu sobat soalnya belum mandi nih, mo berangkat kerja       hiii.....pantesan dari tadi ada yang bau aneh     Nantikan seri berikutnya! 
 
 
Sumber : No 
Editor   : Ahmad Scamuwil

Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang...

Tutorial HTML

Bagi kawan-kawan yang sudah pernah berkunjung ke blog ini, mungkin tahu bahwa hari ini blog ku ada banyak perubahan, yo'i.. yang tadinya sangat anti gambar sekarang tiba-tiba jadi lautan gambar, coba saja lirik kebawah, tadinya banner yang terpasang hanya beberapa buah saja tapi sekarang jadi ngebaris kaya tentara mau berangkat perang. Yups..tadinya cuma iseng-iseng masukin banner dari teman-teman blog lain, eh keterusan.. ya udah sekarang semua gambar dari <a href="http://www.feedburner.com/" rel="nofollow" style="color: #0c75b7; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">feedburner.com</a> aku masukin semua..sekalian biar rame..<span class="fullpost" style="color: #2c2c2c; font-family: arial; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">  Dan mulai hari ini topik bahsan pun akan ada sedikit perubahan, yakni ga cuma ngebahas blog tutorial doank tapi ngebahas juga soal HTML, ini saya lakukan karena ada diantara sahabat saya yang hoby obrak-abrik template blognya tapi masih menemui kesulitan karena masih bingung soal perintah-perintah HTML, ya ngga jauhlah dari saya yang setiap edit HTMl musti inga inga dulu perintah HTML nya ma'lum baru belajar jadi belum pada hapal.  Baiklah sobat, kita kembali ke (laptop) bahasan utama artikel ini yaitu mengenai HTML.  Apa itu HTML ?  HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).  
<li style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Mengenal Tag HTML</li>
 Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">..., ...</code> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ... </code>, dapat di timpa oleh tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ... </code>sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan huruptebal, contoh :  ini hanya <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></code>contoh <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></code> saja sobat  yang akan tampil di browser adalah :  ini hanya contoh saja sobat  di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr>,   , ataupun <input>  Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">....</code> akan sama dengan Tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ....</code>.  
<li style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Struktur dokumen HTML</li>
 Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.  HTML  Sebuah dokumen HTML haruslah diawali dengan tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><HTML></code> dan di tutup dengan <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></HTML></code>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.  HEAD  Bagian header dari sebuah dokumen HTML diawali oleh tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><HEAD></code> dan di tutup oleh tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></HEAD></code>, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka<code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><TITLE></code> dan di tutup oleh tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></TITLE></code>, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><TITLE> Blog Tutorial </TITLE></code>, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu<code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><$BlogPageTitle$></code>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.  Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag <code style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><META></code>, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.  BODY  Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.  Ok sahabat, mungkin pengenalan pertama mengenai HTML di cukupkan sekian dulu dan akan di teruskan pada postingan-postingan selanjutnya ... Sumber : No 
Editor   : Ahmad Scamuwil

Bagi kawan-kawan yang sudah pernah berkunjung ke blog ini, mungkin tahu bahwa hari ini blog ku ada banyak perubahan, yo'i.. yang tadinya...