Parse HTML

Selasa, 05 Juli 2011 0 komentar

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js">
</script>

Cara Memberi Lagu Pada Blog

Sabtu, 02 Juli 2011 1 komentar

Nah... buat sobat" yang blognya pengen dikasih lagu...

Nih ane punya sedikit tips untuk Cara Memberi Lagu Pada Blog (dengan lagu pilihan sendiri)....

Ok langsung aja deeeehhh pada tipsnya....



1. Cari upload dulu lagu sobat" or kalau males upload sobat" bisa cari lagu pilihan sobat di indowebster.

NB : lagu sobat diupload hanya ke indowebster... kalau ke website laen ane gak tanggung cara ini bisa dipakek or gak....

2. Cari dan download lagu pilihan sobat..... (indowebster)
eiiiitttttzzzz..... ada trik tersendiri untuk ini and wajib diikuti.... hehehe



jika ada tampilan diatas klik OK.

lalu setelah proses download berjalan kurang lebih 30 detik.... pause proses download tersebut lalu klik kanan --> copy download link contoh seperti dibawah ini...


3. Paste kan kode tersebut pada Notepad
4.Buka Rancangan --> Elemen Halaman --> tambah gadget --> HTML/JavaScript
5. Copy kode dibawah ini

<embed src="http://www.indowebster.com/mediaplayer.swf" width="0" height="0" wmode="'transparent'" flashvars="file=http://www11.indowebster.com/55d09d32dc817960aa6b8dd498f7632d.mp3&amp;frontcolor=0xffffff&amp;backcolor=0x0066ff&amp;lightcolor=0xffffff&amp;logo=http://www.indowebster.com/images/idws.png&amp;autostart&repeat=true&amp;usefullscreen=false&amp;showeq=false&amp;volume=150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false" allowfullscreen="false" scale="noborder" quality="High"></embed>

6. lalu ganti kode yang berwarna merah dengan kode yang sobat copy pada Notepad tadi alias url lagu sobat tadi...

7. simpan.... dan lihat hasilnyaaa.......
sekian dari saya ...... selamat mencoba....

Cara Merubah Background Pada Postingan Blog

0 komentar

Inilah salah satu tips yang saya cari-cari, eeee.. ternyata temen saya dah ada yang tau, ok deh langsung saya share di sini.. Tips yang saya dapat dari sobat http://ironehtc.blogspot.com ini cukup mudah kok, dibawah ini adalah beberapa langkah untuk Cara Membuat Background Pada Postingan Blog :


Cari kode dibawah ini untuk Mengganti Warna Background

<div style="background:kode_warna_disini;">

Postingan Anda Disini

</div>

dan kode dibawah ini untuk Mengganti Background Dengan Gambar

<div style="background:url(Url Gambar Sobat) no-repeat right top; text-align:justify; font-size:100%; padding:10px">

Postingan Sobat Disini Letaknya

</div>

Cara di atas ini adalah cara yang manual nya,karna setiap kita akan posting mesti memasukan kode-kode di atas tersebut,saya menawarkan anda untuk cara yang otomatis nya,jadi sobat tidak perlu capek-capek memasukan kode di setiap anda posting..
Mau cara nya gimana..?

Ikuti langkah berikut

1.Login pada blogger.
2.Klik Setting pada Dashboard anda.
3.Pada Setting klik Formating.
4.Pada bagian kolom Post Template, masukkan kode berikut ini

<div style="background:url(URL Image) no-repeat;">

Letak Postingan

</div>

ganti URL Image nya sesuai keinginan anda.
good luck...

Jenis-Jenis Border-radius(melengkung)

0 komentar

ok deh gak usah panjang basa-basinya langsung aja deh langkah-langkah cara membuat Jenis-Jenis Border-radius (melengkung).

Syntax untuk border-radius




Mozilla Equivalent Browser Opera 10.5 Webkit Equivalent (Safari 3)
-moz-border-radius-topright border-top-right-radius -webkit-border-top-right-radius
-moz-border-radius-bottomright border-bottom-right-radius -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft border-bottom-left-radius -webkit-border-bottom-left-radius
-moz-border-radius-topleft border-top-left-radius -webkit-border-top-left-radius
-moz-border-radius border-radius -webkit-border-radius

-Moz-Border-Radius (Untuk Mozilla)

<div style="background-color:#ccc; -moz-border-radius:5px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#ccc; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topright:30px; -moz-border-radius-bottomright:30px; border:5px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius:30px 10px;  border:5px solid #38610B; padding:10px;">ISI TULISAN</div>


-Webkit-Border-Radius (Untuk Safari)

<div style="background-color:#A9D0F5; -webkit-border-top-left-radius:30px; -webkit-border-bottom-right-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5D0A9; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>



Border-Radius (Support Opera 10.5)

<div style="background-color:#F5F6CE; border-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^

Menghilangkan Angka Jumlah Postingan Pada Label

0 komentar

Ketika kamu melakukan trik blogger memasang label postingan dalam blog. Kamu akan melihat jumlah postingan yang mengikuti label atau kategori terkait yang ditunjukkan dengan angka dalam tanda kurung. Nah, apabila kamu kurang suka dengan tampilan angka jumlah label tersebut, maka kamu bisa menghilangkannya dengan melakukan trik tertentu.


Contoh :
Tips Blogging (8)
Efek-efek (10)

Menjadi :
Tips Blogging
Efek-efek

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat kamu gunakan jika kamu telah memasang widget atau gadget label dalam blog.

* Login dulu ke account blogger kamu.

* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode (<data:label.count/>).

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Jika sudah ketemu, hapus kode tersebut.

* Jangan lupa disimpan

selamat mencoba...