Membuat tulisan atau kalimat berkedip

Pengen postingan lebih berwarna? Cobalah membuat tulisan atau kalimat berkedip. Misalnya:

Cinta Itu Buta
Buta Itu Raksasa

Cara bikinnya sbb :
Letakkan kata atau kalimat yang akan dibikin berkedip di antara kode <blink> dan </blink>

Sehingga untuk contoh di atas penulisannya seperti ini:

<blink>Cinta Itu Buta<br /> Buta Itu Raksasa</blink>

Mudah kan? Selamat mencoba.

Tambah kolom

Jika mengacu kepada standarisasi dari template blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :

Elemen Header

Elemen Outer

Elemen Footer

Untuk elemen Outer di bagi kembali menjadi :

Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.


Akibat ketidak puasan dari sidebar yang hanya satu buah, maka jika kita menginginkan adanya sidebar tambahan maka kita tentu saja harus menambahnya sendiri, agar sedikit jelas maka akan saya perlihatkan kode template asli dari template minima (template baru/XML)


Dari kode minima, yang perlu di perhatikan adalah kode di sekitar Outer-Wrapper :


/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Seperti saya singgung diatas bahwa Outer-Wrapper merupakan wadah untuk menyimpan main-wrapper serta sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka hal yang pertama wajib di lakukan adalah menambah nilai lebar dari Outer-wrapper itu sendiri.

Sekarang bagaimanakah cara menambahkan kolom baru? Yang pertama harus di pikirkan adalah berapakah lebar kolom baru yang mau kita buat. Ok, biar sejalan saya ambil contoh lebar yang akan di buat adalah sebesar 180 pixel, jadi secara otomatis kita harus merubah lebar dari Outer-wrapper terlebih dahulu, sehingga secara kasar lebar outer-wrapper menjadi : 410 pixel + 220 pixel + 180 pixel + 20 pixel = 830 pixel, biar ada sedikt sela, maka kita tambah 10 pixel sehingga nilainya menjadi 840 pixel. Untuk menambah kode sidebar baru, saya beri contoh seperti ini :

#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Maka apabila di tambahkan kodenya jadi seperti ini :

/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Itu merupakan langkah pertama yang kita lakukan. langkah yang kedua adalah kita harus membuat kode yang di pasang pada bagian body. Sebagai contoh pada template diatas, kode id untuk sidebar adalah seperti ini :

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/> </b:section> </div>

Maka kewajiban selanjutnya adalah memasang kode untuk id sidebarbaru yang akan kita buat, kodenya seperti ini :

<div id='sidebarbaru-wrapper'><b:section class='sidebar' id='sidebarbaru' preferred='yes'/> </div>

Apabila di padukan, simpanlah kode sidebaru di bawah kode sidebar yang asli, kodenya kira-kira seperti ini :

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/> </b:section> </div><div id='sidebarbaru-wrapper'><b:section class='sidebar' id='sidebarbaru' preferred='yes'/> </div>

Kolom baru yang kita buat sudah tercipta. Agar tampak lebih menarik, maka sebaiknya kita pun mengubah lebar dari header serta footer dengan nilai yang sama untuk Outer-wrapper yaitu sebesar 840 px.


Masih bingung?

Agar tidak terlalu bingung, saya ajak sobat untuk mempraktekannya langsung. Silahkan sobat buat satu blog baru sebagai percobaan (jangan pada blog yang utama), pilihlah template minima yang biasa. Sudah siapkah sobat? Ok, kita langsung meluncur ke TKP dan saya asumsikan sobat sudah mempunyai satu blog baru sebagai bahan percobaan :

Sign in di blogger
Klik menu Layout

Klik menu Edit HTML

Ingat ! jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan mencentangnya, karena jika sobat mencentangnya nanti akan keluar kode-kode widget yang memusingkan kepala.

Cari kode seperti di bawah ini :

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }

ganti nilai 660px dengan 840px, sehingga kodenya jadi seperti ini :

#header-wrapper { width:840px; margin:0 auto 10px; border:1px solid $bordercolor; }

Cari kode seperti di bawah ini :

#outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

ganti nilai 660px menjadi 840px, sehingga kodenya menjadi seperti ini :

#outer-wrapper { width: 840px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
cari kode seperti di bawah ini :

#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Copy paste kode berikut persis di bawah kode yang seperti di atas :

#sidebarbaru-wrapper { width: 180px; float: right; psdding-left:10px; word-wrap: break-word; overflow: hidden; }

Cari kode seperti di bawah ini :

#footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; }

Ganti nilai 660px menjadi 840 px, sehingga kodenya akan seperti ini :

#footer { width:840px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; }

Cari kode seperti di bawah ini :

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/> </b:section> </div>

Copy kode berikut, lalu paste persis di bawah kode yang seperti di atas :

<div id='sidebarbaru-wrapper'><b:section class='sidebar' id='sidebarbaru' preferred='yes'/> </div>

Klik tombol Simpan Template

Selesai.

Untuk melihat efek hasilnya, silahkan klik Elemen Halaman apakah sudah berformasi tiga kolom atau belum? jika sudah, silahkan isi sidebar tersebut dengan apa saja lalu lihatlah hasil nyatanya.

Sumber : Kang Rahman

Membuat Tag line

Tag line ada motto atau slogan sebuah blog. Tag line blog ini adalah 'Panduan dan Tutorial Blogspot'. Jika blog diberi tag line biasanya akan muncul saat keluar di hasil pencarian Google. Bagaimana cara membuat tag line blog? Tapi sebelumnya akan saya tunjukkan blog dengan tag line yang terkover di search engine result page (SERP). Seperti ini:

Cara membuatnya: masuk 'Layout atau Tata Letak', trus 'Edit HTML'. Cari kode
<title><data:blog.pageTitle/></title>.
Kemudian letakkan tag line anda di antara
<title><data:blog.pageTitle/> dan </title>.
Contoh untuk blog ini:
<title><data:blog.pageTitle/> | Belajar Komputer</title>

Selesai

Sumber : blogspotcorner

Cara mencoret kata atau kalimat

Mungkin kalian sering melihat postingan di blog-blog populer yang kadang terdapat tulisan yang dicoret. Untuk mencoret kata atau kalimat di postingan gampang sekali. Ini tutorialnya.

Misalnya mau bikin tulisan seperti ini.
Saya Aku Jatuh Cinta

Caranya: tambahkan kode di depan kalimat yang akan dicoret dan di belakangnya.

Sehingga tertulis seperti ini: Saya Aku Jatuh Cinta

Gampang kan? Selamat mencoba.

Membuat huruf besar di awal postingan

B elakangan ini saya sering membuat postingan dengan huruf awal paragraf pertama berukuran besar. Tujuannya cuma tampil beda saja sih. Gimana cara membuatnya?

Tulis kode HTML ini di awal paragraf pertama:

<span style="PADDING-RIGHT: 5px;FONT-SIZE 75px; FLOAT: <br />left; COLOR: darkgreen; LINE-HEIGHT: 60px; <br />PADDING-TOP: 1px; FONT-FAMILY: arial"> HURUF AWAL </span>

Pada bagian 'HURUF AWAL' anda tinggal mengganti sesuai huruf awal kalimat yang dikehendaki. Sedangkan 'COLOR' sesuaikan selera, misalnya red, green, dsb. Untuk komposisi jarak silakan diutak-atik angkanya. Jika ingin rumus tersebut selalu tampil setiap anda hendak menulis postingan, caranya: kopi kode tersebut, masuk menu layout, edit HTML, pengaturan, format. Masukkan kode yang sudah dikopi tadi ke kotak yang ada di bawah halaman tersebut. Selamat mencoba.

Menampilkan warna tertentu di postingan

B eberapa blogger punya trik tersendiri untuk membuat postingan yang menarik. Selain membuat artikel yang ‘berisi’, menambahkan ilustrasi foto, dsb, kadang mereka menampilkan sebuah kata atau kalimat dengan warna tertentu.

Untuk menampilkan warna tertentu pada kata atau kalimat, kita harus menambahkan kode warna HTML.
Contoh: Saya suka warna biru, bukan hijau, bukan pula merah.

Untuk membuatnya: tambahkan kode di depan kata dan di belakang kata.
Untuk kalimat di atas penulisannya adalah: Saya suka warna biru, bukan hijau, bukan pula merah.
Mudah bukan. Selamat berkreasi.

Dan, berikut beberapa kode warna yang bisa membuat postingan kita lebih 'berwarna'.
Blue #0000ff
Skyblue #abcdef
Aqua #00ffff
Red #ff0000
Darkred #860000
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Orange #ffd000
Orangered #ff4500
Yellow #ffff00
Violet #ee82ee

Memasang widget most viewed post/article

Sejak beberapa hari lalu saya memasang widget baru di blog ini. Yaitu most viewed post/article atau di blog ini saya kasih nama 'paling banyak dibaca'. Mau tau cara bikinnya?
Caranya sangat mudah:

1. Login ke blog kamu.

2. Masuk 'Layout' atau 'Tata Letak'

3. Klik 'Tambah Gadget'

4. Pilih 'HTML/Javasript'

5. Masukkan kode berikut ini:





6. Simpan.

Ket: start view = 1 artinya penghitungan dimulai dari angka 1. Limit = 3 artinya postingan yang ditampilkan maksimal 3. Anda bisa ganti angkanya sesuai keinginan.

Selamat mencoba

Cara memasang emoticon dalam postingan

Cara memasang emoticon dalam postingan. Coba search di Google dengan kata kunci 'free emoticon', maka akan anda temukan ribuan artikel soal emoticon. Salah satunya website ini.
Kemudian pilih salah satu emoticon. Kopi kode HTML-nya, lantas sisipkan dalam postingan.

Contoh: Awas, tak pukul kamu.

Cara membuat text area

Text area adalah kotak berisi teks atau kode tertentu. Biasanya apa yang ada di dalam kotak text area itu merupakan bagian dari postingan yang dianggap penting. Kali ini saya kasih tutorial cara membuat text area. Tapi sebelumnya, saya berikan contoh text area. Seperti di bawah ini misalnya.

Balonku ada lima. Rupa-rupa warnanya. Hijau kuning kelabu. merah muda dan biru. Meletuys balon hijau dor! Hatiku Sangat kacau. Balonku tinggal empat. Kupegang erat-erat.

Cara membuatnya silakan kopi kode berikut ini:

<span style="font-weight: bold;">Letakkan teks atau kode yang akan ditaruh dalam text area di sini</span>

Keterangan: rows=4 adalah tinggi text area. Sedangkan cols=30 adalah lebarnya. Anda bisa mengubah sesuai kebutuhan. Selamat mencoba.

Cara membuat marquee atau teks berjalan

Marquee atau teks berjalan merupakan variasi yang membuat postingan atau blog tampil beda. Bagaimana cara membuat marquee? Simak tutorialnya berikut ini.
Ada beberapa jenis marquee.
1. Teks berjalan dari kiri ke kanan.

kiri ke kanan
Kodenya:

Masukkan teks yang akan di-marquee di sini


2. Teks berjalan maju mundur.

maju mundur
Kodenya:

Masukkan teks yang akan di-marquee di sini


3. Teks berjalan dari bawah ke atas.

Bawah ke atas
Kodenya:

Masukkan teks yang akan di-marquee di sini


4. Marquee dengan link.

Wawanwae


Blog Humor

Kodenya:

http://wawanwae.blogspot.com" target="new">Wawanwae


http://bengkelhumor.blogspot.com" target="new">Blog Humor




Selamat berkreasi.

Memasang widget feedjit.

Ingin mengetahui dari mana asal pengunjung blog-mu? Caranya gampang. Banyak situs penyedia widget pelacak jejak visitor blog. Salah satunya Feedjit. Cara memasang widget Feedjit sebagai berikut:
1. Login ke blogmu.

2. Masuk feedjit.com

3. Klik ‘Click to get FEEDJIT’ (letaknya di kanan bawah).


4. Arahkan kursor ke bawah pada tulisan ‘Blog Host or Platform’, lalu klik ‘Javascript Widgets’


5. Pada pilihan ‘Live Traffic Feed’ pilih ‘Add to your Blogger Blog’


6. Klik ‘Menambah Widget’. Jika punya lebih dari 1 blog, pilih blog yang akan diberi widget Feedjit.


7. Pilih posisi widget sesuai keinginan, lantas save.

8. Selesai. Hasilnya seperti ini.

Membuat statistik jumlah postingan dan komentar

Ada yang baru lagi di blog ini. Yaitu widget statistik jumlah postingan dan komentar yang masuk. Letaknya di sidebar, sebelah atas kotak search engine. Yang ini:

Bagaimana cara membuat widget seperti itu?
Caranya gampang. Login ke blog anda, klik layout/tata letak, tambah gadget, pilih HTML/javascript, lantas masukkan script di bawah ini,lalu save.

Blog ini ada postingan

dan total komentar

Kata yang tercetak merah bisa anda ganti sesuai selera. Selamat mencoba!

Memasang status profilebadge facebook

Siapa tak kenal Facebook, jaringan pertemanan yang lagi booming. Mulai dari pelajar, mahasiswa, pengusaha, artis, hingga caleg, memanfaatkan Facebook untuk bersosialisasi, juga promosi. Bagi anda yang sudah daftar Facebook dan ingin menampilkan badge atau status profile di blog, caranya gampang. Ikuti saja step-step berikut ini:
1. Login ke akun Facebook Anda
2. Masuk ke tab Profil
3. Arahkan kursor ke kiri bawah. Klik 'Buat Lencana'
4. Klik 'Buat Lencana'
5. Setting badge/lencana sesuai keinginan.
-Tata letak bisa mendatar atau tegak
- Format pilih 'Gambar' jika blog tidak mendukung java script seperti WordPress.
- Isi pilih sesuai selera.
- Simpan
6. Kopi kode HTML dan paste di blog.

Untuk blogspot:
- Login ke blog anda
- Klik 'Tata Letak'
- Klik 'Tambah Gadget'
- Pilih HTML/Javascript
- Masukkan kode HTML dari Facebook tadi
- Simpan

Untuk blog WordPress:

- Masuk ke dashboard
- Klik Appereance – Widget
- Masukkan widget Text
- Pastekan kode Facebook tadi
- Simpan

Selamat mencoba.

Cara membuat tulisan seperti diblok dengan Stabilo

Cara membuat tulisan seperti diblok dengan Stabilo. Contohnya seperti di bawah ini:

Caranya: selipkan kata/kalimat yang akan diblok di antara kode ini:

Kuning
kata/kalimat yang di-stabilo

Biru
kata/kalimat yang di-stabilo

Hijau
kata/kalimat yang di-stabilo

Contoh: Cinta Itu Buta. Kata 'Buta' mau diblok dengan waran kuning. Maka penulisannya:
Cinta Itu Buta

Dan, hasilnya:
Cinta Itu Buta

Selamat mencoba.

Membuat Highlight author comment

Highlight author comment adalah komentar pemilik blog yang disetting dalam kotak warna tertentu, untuk membedakan dengan komentar pengunjung. Contohnya seperti komentar di blog ini.

Cara membuat highlight author comment seperti itu sangat mudah. Ikuti step-step berikut ini:

1. Masuk menu Layout trus Edit HTML
2. Centang kotak Expand Widget Templates untuk jaga-jaga jika modifikasi gagal.
3. Cari kode ]]>
4. Masukkan script berikut ini di atas kode ]]> tersebut.

.comment-body-author {
background: #kode warna;
border-top: 1px solid #kode warna;border-bottom: 1px solid #kode warna;border-left: 1px solid #kode warna;border-right: 1px solid #kode warna;
margin:0;
padding:0 0 0 20px;
}

Contoh: higlight author comment pada blog ndeso ini kodenya sbb:
.comment-body-author {
background: #CCCCFF;
border-top: 1px solid #CCCCFF;border-bottom: 1px solid #CCCCFF;border-left: 1px solid #CCCCFF;border-right: 1px solid #CCCCFF;
margin:0;
padding:0 0 0 20px;
}

Perhatikan pada sript itu saya menggunakan kode warna sama. Itu karena saya ingin kotak comment tanpa stroke (bingkai). Kalau kamu pengen pakai garis tepi warna beda, tinggal sesuaikan kode warna bordernya.

Satu lagi, di script itu terdapat kata 'solid'. Itu artinya bingkai berupa garis. Jika menginginkan bingkai berupa titik-titik ganti dengan 'dotted'. Berbagai kode warna sesuai pilihan kamu bisa dilihat di sini.
Gampang kan. Selamat mencoba.

Cara membuat blockquote

Masuk Tata Letak, Edit HTML, kemudian centang Expand Template Widget. Jangan lupa back up dulu HTML anda buat jaga-jaga kalau gagal. Kemudian masukkan script berikut ini di atas kode
]]></b:skin>
Ini kodenya :
]]>.alert { background: #DDE4FF;<br /> text-align: left;<br /> padding: 10px 10px 10px 10px;<br /> border-top: 2px solid #848484;border-bottom: 2px solid #848484;border-left: 2px solid #848484;border-right: 2px solid #848484;}

Jika sudah, simpan.
Catatan: variasi kode warna untuk background dan garis tepi (border) silakan berkreasi sendiri. Pilihan warna bisa dilihat di sini.

Untuk memunculkan blockquote, saat posting tambahkan kode
<p class="alert">
sebelum kalimat (poin-poin) yang akan ditaruh di dalam kotak, dan di belakangnya beri kode
</p>
Selamat mencoba.

Sumber : blogspotcorner

Membesarkan ukuran huruf

Banyak cara untuk memberikan penekanan pada kata atau kalimat tertentu sebuah postingan. Misalnya dicetak tebal, miring dan sebagainya. Ada pula yang membesarkan ukuran huruf. Nah, bagaimana caranya?
Gampang sekali, tambahkan kode berikut ini. Ganti tulisan 'teks anda' dengan kata atau kalimat yang ingin anda besarkan ukurannya.

teks anda

Ket: Angka 80 menunjukkan ukuran huruf. Anda bisa ganti sesuai keinginan. Selamat mencoba.

Cara memasang label cloud di blogger

Salah satu ciri khas blog berplatform Wordpress adalah adanya label cloud. Konon, widget ini juga berpengaruh pada SEO. Tapi, blog berbasis blogger atau blogspot pun kini bisa ditambahi widget label cloud. Seperti yang ada di blog baru saya ini. Cara memasang label cloud sangat mudah.


1. Masuk Layout, Edit HTML (tak perlu centang expand widget template).

2. Cari kode atau yang mirip itu.

3. Tambahkan kode berikut ini di bawahnya:
<br /><strong><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><br /><div class='widget-content'><br /><div id='labelCloud'/><br /><p align='center'><br /><script type='text/javascript'><br />var cloudMin = 1;<br />var maxFontSize = 25;<br />var maxColor = [0,255,0];<br />var minFontSize = 10;<br />var minColor = [0,0,0];<br />var lcShowCount = false;<br />// Don't change anything past this point -----------------<br />// Cloud function s() ripped from del.icio.us<br />function s(a,b,i,x){<br />if(a>b){<br />var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br />}<br />else{<br />var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br />}<br />return v<br />}<br /><br /><br />var c=[];<br />var labelCount = new Array(); <br />var ts = new Object;<br /><b:loop values='data:labels' var='label'><br />var theName = "<data:label.name/>";<br />ts[theName] = <data:label.count/>;<br /></b:loop><br /><br />for (t in ts){<br />if (!labelCount[ts[t]]){<br />labelCount[ts[t]] = new Array(ts[t])<br />}<br />}<br />var ta=cloudMin-1;<br />tz = labelCount.length - cloudMin;<br />lc2 = document.getElementById('labelCloud');<br />ul = document.createElement('ul');<br />ul.className = 'label-cloud';<br />for(var t in ts){<br />if(ts[t] < cloudMin){<br />continue;<br />}<br />for (var i=0;3 > i;i++) {<br />c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br />} <br />var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br />li = document.createElement('li');<br />li.style.fontSize = fs+'px';<br /><br />a = document.createElement('a');<br />a.title = ts[t]+' Posts in '+t;<br />a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';<br />a.href = '/search/label/'+encodeURIComponent(t);<br />if (lcShowCount){<br />span = document.createElement('span');<br />span.innerHTML = '('+ts[t]+') ';<br />span.className = 'label-count';<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />li.appendChild(span);<br />}<br />else {<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />}<br />ul.appendChild(li);<br />abnk = document.createTextNode(' ');<br />ul.appendChild(abnk);<br />}<br />lc2.appendChild(ul); <br /></script><br /></p><br /><noscript><br /><ul><br /><b:loop values='data:labels' var='label'><br /><li><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a expr:href='data:label.url'><data:label.name/></a><br /></b:if><br />(<data:label.count/>)<br /></li><br /></b:loop><br /></ul><br /></noscript><br /><b:include name='quickedit'/><br /></div><br /><br /></b:includable><br /></b:widget></strong><br />

4. Cari kode ]]>

5. Tambahkan kode ini di atasnya:
<br /><strong>#labelCloud {text-align:center;font-family:arial,sans-serif;}<br />#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}<br />#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br />#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}<br />#labelCloud a{text-decoration:none}<br />#labelCloud a:hover{text-decoration:underline}<br />#labelCloud li a{}<br />#labelCloud .label-cloud {}<br />#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}<br />#labelCloud .label-cloud li:before{content:"" !important}</strong><br />
6. Simpan. Selesai dan lihat hasilnya.

Selamat mencoba. Mudah-mudahan berhasil.

Cara membuat link berupa gambar image

Seperti diketahui, selain berupa teks, kita bisa membuat link berupa gambar atau image. Contohnya link situs berita sepakbola (gambar Lionel Messi) di blog ini. Cara bikinnya gampang. Anda cuma butuh hosting pengupload gambar, misalnya Photobucket.

Langsung saja ke tutorialnya:
1. Siapkan gambar yang akan diisi link.
2. Upload dengan Photobucket.
3. Masukkan kode ini di tempat dimana link mau dipasang. Jika di sidebar ya masuk 'Layout', 'tambah gadget', dst.

http://ligabolaeropa.blogspot.com">http://i303.photobucket.com/albums/nn121/wawanwae/ligaeropa.jpg">

Perhatikan, yang dicetak tebal adalah URL blog tujuan dan yang satunya direct link di Photobucket. Letak direct link seperti yang ada di bawah ini:


Jika ingin linknya kalau diklik muncul di window baru kodenya:
http://ligabolaeropa.blogspot.com" target="_blank"><http://i303.photobucket.com/albums/nn121/wawanwae/ligaeropa.jpg">

Selamat mencoba.

http://blogspotcorner.blogspot.com/2009/04/cara-membuat-link-berupa-gambar-image.html

Cara memasang widget Google pagerank PR

Cara memasang widget Google Pagerank (PR) dan Alexa.
Sebenarnya banyak widget Google PR. Tapi, yang paling populer adalah keluaran Mypagerank. Oke, langsung saja ke tutorialnya:

1. Buka situs Mypagerank.

2. Klik 'Google Pagerank Button'.


3. Masukkan URL blog anda. Misalnya: http://nyosnews.blogspot.com, lalu klik 'Check PR'.


4. Muncul pilihan model widget PR. Klik salah satu yang anda sukai.


5. Masukkan skrip di bawahnya ke blog anda.

6. Selesai.

http://blogspotcorner.blogspot.com/2009/05/cara-memasang-widget-google-pagerank-pr.html