PASANG MUSIC DI BLOG

Label: komentar (0)

Blog sobat sudah terpasang widget music belum?..Jika sobat blogger belum mempunyai widget ini dan ingin memasangnya, silahkan ikuti langkah2nya berikut ini.

MENGGANTI CURSOR ANIMASI DI BLOG

Label: komentar (0)

Sobat blogger pasti udah sering baca post tentang cursor animasi di blog. Ya..walaupun artikel seperti ini udah gk asing lagi alias dah basi tapi gak ada salahnya saya share kembali buat sobat blogger lain yang mungkin lagi nyari script ini buat dipasang diblognya.

Ok langsung saja ini dia scriptnya :

Ganti Url : http://i562.photobucket.com/albums/ss67/cutie_gal_18/cursor/cursor.gif dengan alamat cursor yang telah sobat sediakan.

Cara pemasangan seperti biasa :
- Untuk posisi letaknya, terserah sobat mau diletakkan dimana. 
- Tambahkan gadget
- Klik HTML / Java Script lalu paste kode tadi
- Trus save dan lihat hasilnya.

Gampangkan sobat, slamat mencoba ...!

MENGGANTI LINK READ MORE DENGAN GAMBAR

Label: komentar (0)

Bagi sobat blogger yang ingin mengganti link redmorenya dengan gambar, saya udah nyiapin nih tipsnya. Selengkap nya yuk kita simak berikut ini.


Berikut Langkah2 cara mengganti link readmore dengan gambar :

1. Login ke akun Bloger sobat.

2. Pilih Layout > Edit HTML > Lalu centang Expand Widget Template

3. Kemudian tekan F3 untuk mempermudah pencarian, lalu masukkan kode ini : <data:postbody/>

4. Lalu cari kode ini : <a expr:href='data:post.url'>Read More...</a>

5. Jika sudah, ganti tulisan Read More... dengan kode berikut :
 

6. Ganti URL-GAMBAR-READMORE-ANDA dengan url gambar sobat. Contoh :



Jika sobat sudah melakukan langkah2 diatas tadi, jangan langsung disave ya. Coba klik PRATINJAU dulu untuk melihat gimana hasilnya. Jika sobat ngerasa hasilnya udah sesuai dengan yang sobat inginkan, langsung disave lalu lihat lagi hasilnya. Ok sobat blogger silahkan dicoba!.

MENGGANTI ICON ADDRESS BAR [PAVICON]

Label: komentar (0)

Kali ini saya mau share tips cara mengganti icon address bar atau pavicon buat sobat blogger. Sobat pasti pernah lihat icon address bar di blog atau web lain saat penjelajahan mencari artikel sesuatu. Contohnya seperti icon yang ada pada address bar saya. Nah..apa sobat ingin mencobanya? . . yuk kita simak langkah2nya.

Beikut langkah2 cara mengganti icon address bar (pavicon) :

1. Log in ke akun blogger sobat

2. Pilih Layout > Edit HTML > lalu centang Expand Widget Template

3. Kemudian cari kode </head>

4. Jika sudah ketemu lalu letakkan script dibawah ini sebelum kode </head> :

5. Pratinjau terlebih dahulu, jika iconnya telah muncul lalu disave.

Sobat bisa mengganti http://img145.imageshack.us/img145/7793/image14zg9.gif  dengan url icon yang telah sobat sediakan. Atau sobat bisa mencarinya di imageshack.us atau di photobucket.com. Selamat mencoba!.

MENAMPILKAN GAMBAR SELALU BERADA DIPOJOK

Label: komentar (0)

Nah. . .sobat blogger dah liat tuh gambar animasi gitaris yang ada dipojok kiri blog saya?..meskipun scroll barnya ditarik keatas atau kebawah, gambar animasinya tetap selalu berada dipojok kiri blog saya. Mau tau gimana cara membuatnya? yuk kita simak langkah2nya berikut ini.

Beikut langkah2 cara menampilkan gambar selalu dipojok :

1. Log in ke akun blogger sobat

2. Pilih Layout > Edit HTML > lalu centang Expand Widget Template


3. Kemudian cari kode ]]></b:skin>


4. Jika sudah ketemu, lalu letakkan script dibawah ini tepat diatas kode ]]></b:skin> :

6. Berikutnya sobat cari kode </body>

7. Jika sudah ketemu, lalu letakkan script dibawah ini tepat diatas kode </body>  :


8. Pratinjau terlebih dahulu, jika gambar animasi dipojok telah muncul lalu disave.


Untuk langkah yang nomor 7, sobat bisa mengganti http://i693.photobucket.com/albums/vv292/celsius46/Davidspics124.gif  dengan url gambar yang telah sobat sediakan. Atau sobat bisa mencarinya di imageshack.us atau di photobucket.com sesuai dengan selera sobat. Selamat mencoba!.

PROTECT ARTIKEL BLOG DARI KLIK KANAN

Label: komentar (0)

Mungkin bagi sebagian sobat blogger para pemilik blog sering kali jengkel jika melihat artikel2 yang sobat buat dengan memutar otak dan daya upaya yang kadang hampir lupa waktu, tiba2 sudah ada di tempat blog milik orang lain. Apa lagi disitu tidak disebutkan sumber asli dari artikel tersebut. Wah..udah pasti sobat blogger akan mengeluarkan sumpah serapah dan kata2 kotor(jengkel mode on) saat mengetahuinya.
Tapi mungkin bagi sebagian sobat blogger ada yang sama sekali tidak mempermasalahkannya walaupun artikelnya dicopy.

Nah..bagi sobat blogger yang ingin memprotect artikelnya dari klik kanan, saya akan tunjukkan bagaimana caranya. Yang pasti caranya mudah, gak ribet dan udah pasti melindungi artikel sobat dari klik kanan.

Berikut langkah-langkahnya :

1. Login ke akun blogger sobat

2. Pilih Rancangan > Tambah Gadget > HTML/Java Script

3. Untuk posisi letaknya, terserah sobat mau diletakkan dimana.

4. Copy script dibawah ini ke HTML/Java Script tadi :
 

5. Save dan lihat hasilnya.

Ok sobat blogger, mudah kan . . . selamat mencoba!

MEMBUAT KOTAK BLOGROLL MODE TEXT AREA

Label: komentar (0)

Hai . . . sobat blogger..kali ini saya mau share tips cara membuat kotak blogroll. Sobat pastinya udah tau kan apa itu kotak blogroll?...itu lho contohnya seperti kotak yang ada live traffic feednya punya saya.
Nah tentunya sobat blogger mau nyobain kan, yuk kita praktekin cara-caranya seperti berikut.

Berikut langkah-langkahnya :


1. Login ke akun blogger sobat

2. Pilih Rancangan > Tambah Gadget > HTML/Java Script

3. Untuk posisi letaknya, terserah sobat mau diletakkan dimana.

4. Copy script dibawah ini ke HTML/Java Script tadi :
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, sobat bisa merubahnya dan menyesuaikanya dengan ukuran yg sobat suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link sobat, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya sejajar, maka hilangkan kode <br /> 

Ok sobat blogger met mencoba!

MEMBUAT KOTAK BLOGROLL MODE MARQUEE

Label: komentar (0)

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak blogroll mode text area, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal. Nah gini nih cara buatnya.

Berikut langkah-langkahnya :

1. Login ke akun blogger sobat

2. Pilih Rancangan > Tambah Gadget > HTML/Java Script

3. Untuk posisi letaknya, terserah sobat mau diletakkan dimana.

4. Copy script dibawah ini ke HTML/Java Script tadi :
 <MARQUEE align="center" direction="up" height="100"
scrollamount= "2" onmouseover='this.stop()' 
onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Ok sobat blogger selamat mencoba!

MEMBUAT BERBAGAI MACAM TEXT AREA

Label: komentar (0)

Apa itu teks area? bagamana sih Cara Membuat Text Area? secara umum teks area adalah area/ daerah untuk menampilkan teks yang baru. Dengan kata lain dengan teks area ini akan ada daerah baru atau ruang baru dalam suatu ruangan web/ blog yang memiliki beberapa tujuan, antara lain: memudahkan bagi pengunjung untuk mengcopy teks atau kode yang sobat sisipkan dalam postingan (agar gak salah ngopy), dan yang satunya lagi yaitu yang gak kalah penting adalah berguna untuk menyingkat kode HTML/ script atau juga teks yang sobat tampilkan agar tidak memakan banyak tempat(khusus teks area tipe scrool).

Untuk membuat text area ini, sangat mudah, cara membuatnya anda hanya memerlukan beberapa kode HTML yang kemudian tulisan/ kode yang ingin anda tampilkan tinggal disisipkan ke dalam kode text area tersebut. Selain itu, text area memiliki banyak macam, juga memiliki karakteristik tersendiri, sehingga sobat dapat memilihnya sesuai dengan selera sobat.

Terdapat 6 macam text area dan sobat bisa mengunakannya sesuai kebutuhan. Silahkan pilih, yang manakah text area yang sobat inginkan?

1. Text Area Standar/ Biasa.
 Kode :
<textarea>Silahkan Tulis apa saja di sini</textarea>

Tampilan :



2. Text Area yang Bisa Diatur Ruang dan Kolomnya.
  Kode :
<textarea cols="20" rows="5">Silahkan Tulis apa saja di sini</textarea>

Tampilan :




3. Text Area Password.
Kode :
<input type="password" value="Tulisan ini nanti gak kelihatan" >

Tampilan : 




4. Text Area Garis Putus.
Kode :
<textarea cols="20" rows="5" style="border: 2px dashed ;">Silahkan Tulis apa saja di sini</textarea>

Tampilan :




5. Text Area klik Auto Blok.

Kode :
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Silahkan Tulis apa saja di sini</textarea>

Tampilan : 
 



6. Text Area Tombol Blok.
Kode :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Silahkan Tulis apa saja di sini</textarea></p></div></form>

Tampilan : 


Ok sobat blogger selamat mencoba!

MEMBUAT IKLAN MELAYANG DI BLOG

Label: komentar (0)

Kali ini saya akan share cara membuat/memasang iklan melayang diblog. Caranya sangat praktis dan sangat mudah sobat tinggal copas aja scriptnya kemudian lihat hasilnya.
Ok tanpa membuang2 waktu yuk langsung aja kita lihat langkah2nya.

Berikut langkah-langkahnya:
  • Masuk ke akun blogger sobat
  • Pilih Rancangan>Tambah Gadget>HTML/Java Script
  • Untuk posisi letaknya, terserah sobat mau diletakkan dimana.
  • Kemudian copy script dibawah ini ke HTML/Java Script tadi :
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang sobat inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


Kemudian save dan lihat hasilnya.

Gampangkan sobat! silahkan dicoba. . .

MEMBUAT UCAPAN SELAMAT DATANG DI BLOG

Label: komentar (0)

Sobat udah liat kan pertama kali sobat masuk ke blog ini trus ada tulisan keluar "SELAMAT DATANG SOBAT BLOGGING (BLOG SPOT ™)". Nah kali ini saya mau berbagi tips ini kepada sobat blogger.
Langsung aja kita lihat langkah2 cara pembuatannya sebagai berikut.

Berikut langkah-langkahnya:
  • Masuk ke akun blogger sobat
  • Pilih Rancangan>Tambah Gadget>HTML/Java Script
  • Untuk posisi letaknya, terserah sobat mau diletakkan dimana.
  • Kemudian copy script dibawah ini ke HTML/Java Script tadi : 
<script type="text/javascript">
alert('TULISAN ANDA DISINI ')
</script>
<noscript>Enable javascript in your browser to view an important message</noscript>

Kemudian save dan lihat hasilnya.

Gampangkan sobat! semoga bermanfaat.

Langganan: Postingan (Atom)