Cara Buat Link
Minggu, 21 Juni 2009 di 22.55 | 0 komentar  
script untuk buat link supaya tampil di jendela baru, tapi kalo kode HTML ada , saya jelasin dari awal.
1. Login ke blog sobat
2. klik tanbag gadget
3. klik HTML/javaskrip

Apa itu Link...

Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut .

Bagaimana Membuat Link...

Format dasar sebuah link, adalah sebagai berikut :

<a href="URL ANDA"> TEXT ANDA </a>
Perhatikan kata yang berwarna biru..
URL ANDA = Situs / Halaman Web yang akan menjadi tautan link.
contoh : http://kursus-blog.blogspot.com
TEXT ANDA = Text yang akan menjadi perwakilan Url tersebut. Dalam arti text yang akan ditampilkan pada halaman web sebagai perwakilan dari url.

Ok untuk contoh lengkapnya silahkan anda perhatikan kode HTML berikut :
<a href="http://kursus-blog.blogspot.com"> Kursus Blog </a>
Nah..kode HTML diatas adalah sebuah link. Yang mana link tersebut menjadi perwakilan dari blog saya yaitu http://kursus-blog.blogspot.com. dan kata yang menjadi wakil / tautan ke blog tersebut adalah Kursus Blog.

Jadi intinya, Pada kode tersebut sobat tinggal mengganti url dan text-nya saja, sesuai dengan url yang akan dijadikan sebuah link. Gimana.......mudahkan...?.

Variasi Link

* target="_blank" --> Membuka link di sebuah jendela baru...
* alt="TEXT" --> Memberikan keterangan (sesuai text), apabila mouse diarahkan ke link tersebut. Contoh :

<a href="http://kursus-blog.blogspot.com" target="_blank" alt="Kursus Blog">Kursus Blog</a>

Link Untuk Gambar

Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode

<img src="url gambar anda"> -->

Formatnya seperti berikut :

<a href="url anda"><img src="url gambar anda"></a>

anda tinggal mengganti url anda dengan alamat yang akan di link, dan url gambar anda dengan url tempat menyimpan gambar anda. Contoh :

<a href="http://kursus-blog.blogspot.com"><img src="http://mizwar.blog.googlepages.com/logo.gif"></a>
Diposting oleh payaseunarah Label:
Cara membuat huruf kapital diawal postingan Blogger - blogspot - biar lebih keren - tutorial bagi pemula
di 07.32 | 0 komentar  

Pertama, buka halaman Edit HTML anda kemudian cari code CSS dibawah ini

.post-body {
.....
}

Jika sudah ketemu, tambahkan kode dibawah ini dibawah kode diatas (pastikan dibawahnya, bukan diantaranya)

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }


Cara menggunakannya :

Ketika anda menulis di halaman posting pastikan pada awal kalimat tambahkan

<bt></bt>

Contoh :<bt>C</bt>Cara membuat huruf besar di awal kalimat membuat blog kita terlihat lebih keren
Diposting oleh payaseunarah Label:
Tiga Jasa Web Untuk Menampilkan kode HTML Pada posting
Rabu, 17 Juni 2009 di 23.43 | 0 komentar  

Ada 3 cara yang saya dapat dari http://hakimtea.com.

Penjelasan sedikit tentang ini yaitu :

Jika kita olah satu persatu kode yang ada misalkan untuk satu karakter pembuka saja yang biasa kita lihat berikut: < jika ingin ditampilkan pada postingan maka yang harus kita tulis adalah < dan untuk karakter penutup > yang harus kita tulis agar tampil yang kita maksud adalah

> belum lagi karakter lainnya semisal karakter &, tanda kutip dan lainnya.


Sebagai contoh untuk menampilkan kode link HTML sederhana berikut ini, pada postingan,

<a href="http://srimargo.blogspot.com">SRIMARGO</a>

Maka kode di atas harus kita PARSE terlebih dahulu dan yang harus kita tulis sebelum dipublish (pada Edit HTML/HTML bukan Visual/Compose) sebagai berikut,

<a href="http://hakimtea.com">Hakimtea</a>

Kode di atas adalah kode HTML link yang sudah diPARSE agar bisa tampil pada postingan kita.


Cukup membingungkan….? Ga usah bingung karena banyak sekali web yang menyediakan jasa untuk memPARSE kode HTML secara instan, praktis dan cepat agar dapat tampil pada postingan blog kita.


PERTAMA, Centricle.com. Anda bisa menggunakan jasa centricle untuk memparse html dan aturannya pun cukup sederhana hanya mengcopy-paste kode html yang akan di parse pada kotak yang telah disediakan kemudian klik ENCODE, maka tampilah kode HTML yang telah diparse dan siap dicopas untuk tampil pada postingan blog Anda. Atau klik DECODE untuk mengembalikan pada kode semua. Berikut screenshotnya,
Diposting oleh payaseunarah Label:
cara menghilangkan angka pada label
Minggu, 14 Juni 2009 di 20.28 | 0 komentar  
Nah anda mau meng hilangkan angka dalam label anda gampang banget gak harus pusing hanya dengan meng hapus kode. ikitu langkah-lanhkah berikut.


1. Sign in ke blogger dengan ID anda.

2. Klik Layout.

3. Klik menu Elemen Halaman.

4. Klik tab Edit HTML.

5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).


6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,


7. Tunggu beberapa saat ketika proses sedang berlangsung.

8. Silahkan anda cari kode berikut pada kode template milik anda :




(<data:label.count/>)



9. Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.

10. Klik tombol Simpan Template.

11. Selesai. Silahkan lihat hasilnya !



Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan angka yang menyertai Label akan menghilang.

Selamat mencoba !
Diposting oleh payaseunarah Label:
Car tampilkan judul posting saja di kotak pencarian
Senin, 08 Juni 2009 di 00.52 | 0 komentar  
Ok lalu bagaimana cara untuk mengimplementasikannya.
ikuti langkah-lanhkah di bawah ini

1. Login ke blogger. Buka menu Edit HTML
2. Backup template anda lalu beri tanda centang pada "Expand Widget Templates"
3. Cari kode yang dibawah ini

<b:include data='post' name='post'/>
4. Ganti kode diatas dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. Jika sudah klik Save Template. Silahkan dicoba hasilnya
Diposting oleh payaseunarah Label:
cara pasang klender di blog anda
Minggu, 07 Juni 2009 di 22.19 | 0 komentar  
Nah kunjungi sitis ini dulu www.free-blog-content.com
cari klender anda suka copy kode yang telah disediakan situs tersebut.

Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Untuk Template klasik

1. Sig in di blogger dengan id sobat

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh

6. Klik tombol Simpan Perubahan Template

7. Selesai.

cantoh:kode HTML kelender copy paste aje kode di bawah ini

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0021.htm" width="180" height="325"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br&gt;


Untuk Template baru

1. Sign in di blogger dengan id sobat

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah elemen halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan

7. Klik tombol SIMPAN PERUBAHAN

8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

9. Selesai.




Khusus bagi sobat yang muslim dan ingin kalendernya dalam bentuk kalender Hijriah, ada sumbangan hasil karya yang bisa sobat pakai. Kalender ini di dapat dari http://mfr.jentayu.com.
selamat mencoba
Diposting oleh payaseunarah Label:
Cara pasang yahoo messenger di blog anda
di 21.56 | 0 komentar  
Bagi yang ingin dan belum tau berikut ini Cara Menampilkan Status Yahoo Mesenger - YM di blog , Jika ada juga yang belum tau cara bikin email baca di sini: cara membuat email

Ok langsung aja ,cara memasang icon yahoo/status yahoo messenger ini mudah saja:

1-Copy-paste kode di bawah ini di mana mau di letakan pad blog anda

<em>Ampersands & angle brackets need to be encoded.</em><a href="ymsgr:sendIM?GANTI"><img src="http://opi.yahoo.com/online?u=iwanfree7&amp;m=g&amp;t=2"></a>

2-Ganti tulisan "ganti "yang dikode diatas dengan ID YM kamu , dan angka "2" bisa di ganti dengan angka mulai dari "0" sampai "16" , setiap angka akan membuat tampilan yg berbeda pada icon yahoo kamu, coba aja hihihi!!!!
Diposting oleh payaseunarah Label:

HALAMAN BARU