Sabtu, 12 Mei 2012

Membuat Link feedback blog di homepage

Posted by Unknown 03.20, under | No comments


Link Feedback Blog di Homepage – Feedback sangat penting buat blog untuk membuat blog lebih hidup dengan masukan, kritik maupun saran dari para pengunjung. Adakalanya penempatan feedback blog ini terdapat di dalam postingan dan tidak diberikan link dari homepage, atau paling tidak link ini selalu muncul disetiap halaman.
 Pada postingan ini kami akan berbagi cara membuat link feedback blog di homepage dengan sebuah image feedback ayng berada disebelah sisi halaman blog. Seperti ini :


 Caranya membuat feedback blog ini adalah sebagai berikut :

1. Masuk ke edit template html anda

2. Copy kode berikut dan letakkan sebelum kode skin ]]></b:skin>

</
#feedB_off a {
position: absolute;
width: 25px;
height: 85px;
z-index: 1;
top: 200px;
left:960px;
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmLuJLPObHPSsB_tRYvPtOpIXb9OiLAjXhSt9kppdPZjH1UIJWXggjZouA0IpUfC2CRj8ppzroQqaUhzwRGFQQ1PEDjqaOJIhP2uCARCyp5KyuFdx_AQrJb7z0T6GORnZDGd581MFUCI/s288/feedback_off.png");
}

#feedB_off a:hover {
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinV2brtZayIqkwD-TNSrVZJo3p5fnIV-p6b4SKWs8mK7OvVDnfhnsMj5bhs4TFf41JMb8x6L5_DxgVdVp-p-L3Ix2tR5ux1MGvkBVDM4X1HI7d_pg_SnsjuzIDRrtYCT2_g8f0-CPe9-4/s288/feedback_on.png");
cursor:pointer;cursor:hand;
} >

3. Lalu letakkan kode berikut ini setelah kode <body>

</<div id="feedB_off">
<a href="URL FEEDBACK BLOG ANDA" target="_blank"></a>
</div>>
Lihat hasilnya dan selamat mencoba

Rabu, 09 Mei 2012

Cara membuat daftar isi auto

Posted by Unknown 09.15, under | No comments

Daftar judul postingan cukup penting agar pengunjung betah berlama-lama di blog kita. Karena semakin banyak postingan kita maka akan semakin banyak juga pilihan bagi pengunjung untuk membaca artikel yang telah kita buat. Dan dengan daftar ini pengunjung akan lebih mudah memilih judul artikel atau postingan yang akan dibaca.
Daftar judul ini hampir sama dengan kategori, bedanya daftar ini dilengkapi scroll bar sehingga dapat menghemat tempat serta memiliki pemberitahuan artikel mana saja yang baru sehingga pengunjung dapat menilik artikel-artikel terbaru kita.
Berikut adalah cara mudahnya untuk ditempel di sidebar  :
  1. Login ke blogspot anda
  2. klik “Tata Letak” atau “Layout”
  3. Klik Tambah Gadget di sebelah kiri atau kanan Layout
  4. Pilih HTML/Java Script
  5. Kemudian paste (ctrl+v) kode berikut ke dalam gadget HTML/Java Script :

<div style="overflow: auto; width: 200px; height: 100px; text-align: left;">
<script src="http://fullmusic1975.fileave.com/daftarisiotomatis.js"><br /></script>
<script src=" squiterzx.blogspot.com"><br /></script>
</div>

    6. Simpan dan selesai
 
Keterangan :
  • Tulisan merah merupakan lebar (width)  dan tinggi (heigth) kotak daftar isi, silahkan atur sesuai  dengan selera anda anda
  • Tulisan hijau, ganti dengan alamat blog anda
Selamat mencoba dan Semoga bermanfaat....

Membuat variasi font pada teks

Posted by Unknown 09.11, under | No comments

Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam HTML, agar tulisan lebih bervariasi.

Nama-nama Font bisa anda lihat dibagian paling bawah halaman ini. Daftar font yang saya contohkan saya ambil dari nama-nama font yang di pakai di Notepad, versi script western.
Untuk memberi warna pada teks anda, silahkan lihat dan pilih warna dan kodenya yang ada  pada Tabel kode warna di : http://adhy.yn.lt/colour?id=Mandan87&url=http://mandan87.mw.lt  Atau KLIK DISINI

OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :

1. Teks standart :
<font>Teks dengan fon standart</font>
berikut hasilnya :
Teks dengan font standart


2. Teks dengan nilai besar-kecil :
<font size="6">Teks dengan ukuran font</font>
 berikut hasilnya :

Tek dengan ukuran font


3. Teks dengan nilai ukuran dan berwarna :

<span style="color: #FF0000; font-size: 45px;">Teks dengan nilai ukuran dan berwarna merah</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna merah

<span style="color: #ffff20; font-size: 50px">Teks dengan nilai ukuran dan berwarna kuning</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna kuning

<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna hijau</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna hijau

<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna biru</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna biru



4. Teks berwarna dengan besar 30px,font Goudy Stout :
<span style="color: #1418ff; font-size: 30px"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span>

berikut hasilnya :
Teks berwarna dengan besar 30px,font Goudy Stout

Gimana mudah kan....?
Berikut ini daftar macam-macam font untuk anda coba terapkan pada artikel anda :

Nama-nama Font
Agency FB
Algerian
Arial
Arial Rounded MT
Baskerville Old Face
Bauhaus 93
Bell MT
Berlin Sans FB
ArialBernard MT
Blackadder ITC
Bodoni MT
Bodoni MT Poster
Book Antiqua
Bookman Old Style
Bradley Hand ITC
Britannic
Broadway
Brush Script MT
Calibri
Century Gothic
Century Schoolbook
Chiller
Colonna MT
Comic Sans MS
Cooper
Copperplate Gothic
Courier
Curlz MT
Edwardian Script ITC
Elephant
Engravers MT
Eras ITC
Felix Titling
Fixedsys
Footlight MT
Forte
Franklin Gothic
Freestyle Script
French Script MT
Futura Md BT
Gabriola
Georgia
Gigi
Gill Sans
Gloucester MT
Goudy Old Style
Goudy Stout
Haettenschweiler
Harlow Solid
Harrington
High Tower Text
Impact
Informal Roman
okermanJ
Juice ITC
Kristen ITC
Kunstler Script
Latin
Lucida Calligraphy
Lucida Console
Lucida Handwriting
Lucida Sans
Magneto
Maiandra GD
Matura MT Script Capitals
Microsoft Sans Serif
Mistral
Modern
Modern No. 20
Monotype Corsiva
MS Sans Serif
MS Serif
Niagara Engraved
Niagara Solid
OCR-A BT
Old English Text MT
Onyx
Palace Script MT
Palatino Linotype
Papyrus
Playbill
Poor Richard
Pristina
Rage
Ravie
Rockwell
Roman
ArialScript
Script MT
Segoe Print
Segoe Script
Segoe UI
ArialShowcard Gothic
Small Fonts
Snap ITC
Stencil
System
Tahoma
Tempus Sans ITC
Terminal
Times New Roman
Trebuchet MS
Tw Cen MT
Verdana
Viner Hand ITC
Vivaldi
Vladimir Script

selamat mencoba dan semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

Cara Buat Kotak atau Teks Area

Posted by Unknown 09.07, under | No comments

Saat yang lalu saya menjelaskan cara membuat tabel. Dan pada tutorial blog kali ini hampir mirip dengan tabel, sama-sama berbentuk kotak. Tapi kotak yang ini berfungsi sebagai teks area dan bentuknya lebih sederhana, tapi tetap indah dan rajin. Cara buat kotak ini mudah, hanya dengan menggunakan atribut html : <fieldset>

Berikut kodenya silahkan anda copy, bila anda berminat :

Kotak 1
<fieldset>
Teks anda disini
</fieldset>

Berikut hasil kode diatas :

Teks anda disini


<fieldset><br>
<legend><b>Judul Teks disini</b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :



Judul Teks disiniIsi Teks anda disini


<fieldset><br>
<legend><b><fieldset>Judul Teks disini</fieldset></b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :




Judul Teks disini
Isi Teks anda disini

Nah.....,mudah kan...?
Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.
Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.

Cara menambahkan pengatur ukuran teks

Posted by Unknown 09.03, under | No comments

Menambahkan pengatur ukuran teks atau Resizer Text, memiliki kegunaan tersendiri bagi pengunjung yang merasa ukuran teks pada blog kita kurang jelas atau terlalu kecil. Dengan cara ini kita memberi kebebasan pada pengunjung untuk merubah ukuran teks sesuai dengan selera pembaca. Sehingga pengunjung betul - betul merasa nyaman membaca artikel atau posting yang kita suguhkan.

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML. 
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat sebelum kode ]]></b:skin> :
.textresize {
padding-left:20px;
padding-top:5px;
}


6. Kemudian Copy kode di bawah ini dan taruh diantara ]]></b:skin> dan tag </head> :
<script language='JavaScript' type='text/javascript'>
function changeFontSize(inc)
{
var p = document.getElementsByTagName(&#39;p&#39;);
for(n=0; n&lt;p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace(&quot;px&quot;, &quot;&quot;));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + &#39;px&#39;;
}
}
</script>

7. Bila anda ingin fitur ini diletakkan diarea posting, Cari kode di bawah ini atau yang mirip dengan kode ini :
<div class='post-header-line-1'/>

8. Tambahkan kode dibawah ini setelah baris di atas.:
<span class='textresize'>
Text Size :<a href='javascript:changeFontSize(1)'> [+]</a> | <a href='javascript:changeFontSize(-1)'> [-]</a>
</span>

9. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.