Global Variables

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Sabtu, 07 Mei 2011

ONLINE TOOLS : CUSTOM FORMS

14.35  selalu ada cintamu  No comments


- Printable Version
- Send Page To Friend

This tool let's you add a customized formstyles to your pages.

The code will only work on Internet Explorer - since IE is the only browser that support custom formstyles.

The code will not cause any harm if viewed on older Netscape browsers - it just won't have any effect, so a normal formstyle will appear if viewed with Netscape.

Fill in the fields and let this page do the programming for you.

Then copy and paste the code into your own HTML document.

As easy as it gets!



Please note: This tool creates codes and examples on the fly. In order to do this the page makes use of complex dynamic HTML that is only supported by newer versions of Internet Explorer.


1: FILL IN THE FORM


OPTIONSSETTINGS
Background Color =
Font =
Font Size =
Font Color =
Padding between border/content =
Border Color =
Border Thicknes =
Border Type =



2: LOOK AT THE SAMPLE BASED ON YOUR TEST

Sample text field:


radio 1   radio 2   radio 3

checkbox 1 checkbox 2


NOTE:
When you click the "Test New Scrollbar" button, the code for the scroll bar is generated below. If the test scrollbar is okay, you can copy the code from this page and insert it into your own.

You can enter color values using pre defined names (green, blue, etc) or HEX values (#FFCC00, #CC9900, etc).


3: COPY THE CODE THAT FITS YOUR NEED
3a: CODE TO CHANGE ALL FORMFIELDS ON THE PAGE

Copy This To The <HEAD> Section Of Your Page
<style type="text/css">
INPUT, SELECT, TEXTAREA {
background-color: #AABBAA;
color: black;
font-family: arial, helvetica;
font-size: 12px;
border: dotted 2px gray;
padding: 2;
}
</style>

 3b: CODE TO CHANGE ALL FIELDS WITHIN A SINGLE FORM

Insert the following code right above your <form> tag
After that, add </div> right after your </form> tag.
<style type="text/css">
.customform1 INPUT, .customform1 SELECT, .customform1 TEXTAREA {
background-color: #AABBAA;
color: black;
font-family: arial, helvetica;
font-size: 12px;
border: dotted 2px gray;
padding: 2;
}
</style>

<div class="customform1">


 3c: CODE TO CHANGE SINGLE FORMFIELDS

Copy This To The <HEAD> Section Of Your Page
After that, add class="customform1" to the desired fields.
For example: <input type="text" class="customform1">
<style type="text/css">
.customform1 {
background-color: #AABBAA;
color: black;
font-family: arial, helvetica;
font-size: 12px;
border: dotted 2px gray;
padding: 2;
}
</style>




Using multiple styles on same page
The code produced with this tool creates a CSS class called customform1.

If you want to use the tool for several different styles used on the same page you should simply change the name customform1 to customform2, customform3 etc.



Setting width and height of form elements
The code produced with this tool does not specify attributes for width and height. That is because it's rare that ALL form elements on a form should have the same width and height.

However, you can specify the width and height of single fields similar to this example: <input type="text" style="width:120px; height:30px;">
 << BACK TO MENU
READ MORE >>  



Read More

HTML Backgrounds : FIXED IMAGE

14.32  selalu ada cintamu  No comments


- Printable Version
- Send Page To Friend

The background image will scroll when the user scrolls down the page, unless you have set it to be fixed:

<body background="drkrainbow.gif" bgproperties="fixed">



By adding the bgproperties="fixed" you force the browser to let the background be fixed even if the user is scrolling down the page.

Note: Fixed backgrounds are only supported by MSIE and do not work in Netscape browsers - instead they simply act as normal backgrounds.




As mentioned earlier in this section a limited use of colors can add more power to the few colors that are used.

The most important tool for adding colors to certain areas of the page rather than the entire background is tables.

The next section will teach you how to add tables to your pages....
 << PREVIOUS
BACK TO MENU >>  

Read More

Rabu, 04 Mei 2011

13.23  selalu ada cintamu  No comments

Icons Icons Icons Icons
Icons Icons Icons Icons
Icons Icons Icons Icons

Read More

membuat buku tamu unik

11.35  selalu ada cintamu  No comments


Pada Blogger.com secara otomatis Title Blog yang lebih dahulu terindex Google, bukan Judul Postingan. Supaya lebih SEO friendly, lebih baik Judul Postingan yang terindex Google. Karena, bayangkan seakan anda seorang netter yang sedang mencari informasi pada search engine Google, tentu yang diharapkan Judul Postingan anda tercantum dalam hasil pencarian bukan. Supaya Judul Postingan terindex Google, ada langkah sederhana yang dapat anda lakukan.

1. Masuk Tataletak
2. Edit HTML
3. Cari kode berikut :

<title><data:blog.title/></title>


4. Ganti kode diatas dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> - <data:blog.title/></title></b:if>


8. Save template

Pada saat berada di halaman utama title yang tertera Title Blog, namun bila masuk ke tiap postingan maka title yang tertera adalah Judul Postingan. Apabila belum bisa aktif, bagi yang sudah memasang Meta Tag, letakkan kode diatas tepat dibawah kode : <head>
Info ini didapat dari Sahabat Dunia Maya : Klik disini

Read More
11.33  selalu ada cintamu  No comments


Pada Blogger.com secara otomatis Title Blog yang lebih dahulu terindex Google, bukan Judul Postingan. Supaya lebih SEO friendly, lebih baik Judul Postingan yang terindex Google. Karena, bayangkan seakan anda seorang netter yang sedang mencari informasi pada search engine Google, tentu yang diharapkan Judul Postingan anda tercantum dalam hasil pencarian bukan. Supaya Judul Postingan terindex Google, ada langkah sederhana yang dapat anda lakukan.

1. Masuk Tataletak
2. Edit HTML
3. Cari kode berikut :

<title><data:blog.title/></title>


4. Ganti kode diatas dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> - <data:blog.title/></title></b:if>


8. Save template

Pada saat berada di halaman utama title yang tertera Title Blog, namun bila masuk ke tiap postingan maka title yang tertera adalah Judul Postingan. Apabila belum bisa aktif, bagi yang sudah memasang Meta Tag, letakkan kode diatas tepat dibawah kode : <head>
Info ini didapat dari Sahabat Dunia Maya : Klik disini

Read More

Selasa, 03 Mei 2011

18.21  selalu ada cintamu  No comments

Membuat Banner dan Tukeran Link Banner

Jika kita punya suatu produk, pasti kita ingin juga membuat sebuah logo dari produk kita tersebut, misalnya kita punya toko, tentu kita juga akan memberi nama toko kita itu, dengan nama yang bagus, yang mempunyai arti dan tentu saja mudah diingat, itu sama artinya saat kita punya blog, tentu kita akan menamainya dengan sesuatu nama atau brand dengan nama yang bagus dan mudah diingat.

Sebagai contohnya adalah blogger, yang sudah banyak dikenal orang, mungkin kenapa blogger juga banyak dikenal orang karena Logo Banner juga. Kita yang punya blog juga mengikuti atau setidaknya berusaha memperkanalkan blog kita pada khalayak umum dengan  salah satu caranya dengan membuat Banner.

Salah satu pernak-pernik blog yang banyak digunakan dan tentunya akan berdampak positif dengan blog kita adalah Banner dan Tukeran Link Banner. Dengan pernak-pernik tersebut akan membawa manfaat terciptanya pertemanan derngan blogger yang lain, karena saling bertukeran link, yang akhirnya berimbas pada traffic blog kita.

Cara Membuat Banner dan Tukeran Link Banner
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript 
4. Masukan kode HTML berikut ini

<a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a></textarea>

5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.
  • Diatas kode <!-----> adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.
  • http://kurniasepta.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.
  • http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.
  • Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah
 Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.




Setelah kita pasang atau tambahkan ke blog kita nanti hasilnya akan seperti di atas, ada yang mau tukeran link banner dengan saya? atau ada yang ingin mengoleksi banner? Silahkan :D

Enter your email address:

Belajar Ngeblog Terkait

Read More
18.11  selalu ada cintamu  No comments

Membuat Tulisan Berjalan dan Aplikasinya

Jangan hanya diam, itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa? kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa menjadi daya tarik atau menarik perhatian orang.

Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.

Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping


<marquee direction="left"><b>Selamat Datang di Belajar Ngeblog di BLOG </b></marquee>


Selamat Datang di Belajar Ngeblog di BLOG

Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.

Berikut ini adalah kode untuk tulisan berjalan ke atas

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Belajar Ngeblog di BLOG</b> </marquee>


Selamat Datang di Belajar Ngeblog di BLOG

Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmalnya menjadi sebagai berikut:

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<a href="http://kurniasepta.blogspot.com/">LINK 1</a>
<a href="http://kurniasepta.blogdetik.com/">LINK 2</a>
<a href="http://kurniasepta.dagdigdug.com/">LINK 3</a>
</marquee>

Bisa juga kita gunakan untuk aplikasi newsflash. Kode HTMLnya sebagai berikut

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="http://kurniasepta.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
 </script>
</marquee>

Jangan lupa mengganti http://kurniasepta.blogspot.com dengan URL kamu sendiri, sebagai recent post.

Enter your email address:

Belajar Ngeblog Terkait

Read More