Membuat Link yang Bergaris Bawah

Link yang digaris bawahi berarti link tersebut di garis bawahi .biar lebih jelas silakan sobat lihat link yang di daris bawahi di bawah ini.

ini adalah sebuah link yang di garis bawahi

Nah… itu dia yang dimaksud dengan LINK yang digaris bawahi..Link yang digaris bawahi juga lebih menunjukan sebuah link, jadi pembaca akan lebih tau bahwa itu sebuah link.
Untuk mencabanya silakan lihat contoh dokumen htlm dengan link yang di garis bawahi dibawah ini.

<html>
<body>
<p>
<a href=”http://www.denisahlan.co.tv “ target=”_blank”>ini adalah sebuah link yang di garis bawahi</a>
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan link yang di garis bawahi silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Link yang digaris bawahi Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba11tml.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya : Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan :

Read More

Cara Mengganti Tanggal Posting dengan Icon Kalender

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. 

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}

3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode http://kendhin.890m.com/kalender/bluecalend.gifadalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif 
dengan redcalend.gif.

blackcalend.gif	blue2calend.gif	bluecalend.gif
greencalend.gif	orangecalend.gif	pinkcalend.gif
redcalend.gif	ungucalend.gif	yellowcalend.gif

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini 
<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode.month { dan juga dibawah kode .day {

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya : Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan :

Read More

Dokumen HTML : Tag Paragraf

Tag paragraph adalah suatu tag untuk membuat suatu elemen paragraph dalam suatu dokumen HTML.Tag paragraph adalah tag <p>dan </p>. Tag paragraph berguna untuk membuat suatu elemen paragraph dalam dokumen HTML. Untuk mencoba membuat dokumen htlm dengan tag paragraph silakan sobat lihat contoh dokumen HTML dengan tag paragraph berikut ini.

<html>
<head>
<title> DOKUMEN HTML DENGAN TAG PARAGRAF</title>
</head>
<body>
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p> 
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p> 
<p>Ini merupakan contoh dokumen html dengan tag paragraph</p> 
</head>
</html>

Untuk mencoba membuat dokumen html dengan tag paragraph silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag paragraph Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba4.html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya : Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan :

Read More

Cara Membuat Menu Dropdown

Apa itu Dropdown Menu ?Dropdown Menu adalah menu yang jika kita mengarahkan kursor ke menu tersebut maka akan muncul menu lainya yang memanjang kebawah.Contoh dari Dropdown Menu Adalah sebagai berikut:

MENUCara Download Video Youtube  Cara nge-hack Facebook  Cara Konversi File Online Cara Bikin Blog  Cara nge-hack Facebook 

Berarti sekarang kamu udah tau kan apa itu Dropdown Menu.ya udah tenang aja karena dalam postingan kali ini klinik-it akan menjelaskan bagaimana Cara Membuat Dropdown Menu.Tapi sebelumnya klinik-it akan menjelaskan sedikit dulu tentang Dropdown Menu. Apa sich kegunaan dari Dropdown Menu ini.Dropdown Menu ini berguna untuk membuat menu tanpa harus memakan banyak tempat.misalnya saja untuk menu-menu postingan kamu,atau bisa juga sebagai menu utama blog. dan yang jelas Dropdown Menu ini tidak akan memakan tempat yang banyak.untuk membuatnya silakan ikuti tutorial Cara Membuat Dropdown Menu berikut ini.

1.Login Ke Blogger dengan ID kamu.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.

6.Lalu masukan Script Berikut ini.

<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected">MENU</option><option value="http://kelolablogspot.blogspot.com/2010/02/cara-download-video-youtube.html">Cara Download Video Youtube </option><option value="http://kelolablogspot.blogspot.com/2010/01/cara-nge-hack-facebook.html"> Cara nge-hack Facebook </option><option value="http://kelolablogspot.blogspot.com/2010/02/cara-konversi-file-online.html"> Cara Konversi File Online</option><option value="http://kelolablogspot.blogspot.com/2010/02/cara-buat-blog.html"> Cara Bikin Blog </option><option value="http://kelolablogspot.blogspot.com/2010/01/cara-nge-hack-facebook.html"> Cara nge-hack Facebook </option></select>

Keterangan : Silakan Ubah Link yang berwarna biru dengan link-link Blog kamu. Dan ganti Teks yang berwarna merah dengan Teks yang kamu inginkan.

7.Dari Script di atas maka hasilnya adalah sebagai berikut.

MENUCara Download Video Youtube  Cara nge-hack Facebook  Cara Konversi File Online Cara Bikin Blog  Cara nge-hack Facebook 

8.Jika kamu ingin menambahkan menu-menu yang lainya,kamu tinggal menambahkan Kode berikut ini di atas kode </select>.

<option value="URL link">Teks</option>.

8.Setelah jadi semua jangan lupa klik SIMPAN.

9.Selamat mencoba...

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya : Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan :

Read More