Senin, 15 Maret 2010

cara pasang file gif di posting blog


Ternyata untuk memasang file GIF (gambar bergerak) dalam posting memerlukan bantuan dari pihak ketiga ya, dalam hal ini situs penyedia layanan untuk menyimpan file gambar atau film seperti photobucket.
tengkorak
Jika belum punya akun, silahkan sign up gratis ke photobucket dulu. Klik tombol Join Now yang ada di halaman muka situs, lalu isi data-data yang diminta.situs photobucketphotobucket sign upphotobucket sign up 02
Setelah akun tercipta, silahkan upload file yang ingin ditampilkan di dalam posting.photobucket upload
Setelah file selesai di upload, file bisa ditambahkan judul, deskripsi dan tag, dan untuk mendapatkan alamat URL file bisa langsung meng-klik pada baris share lambang blogspot yang nanti akan menampilkan alamat URL file, seperti terlihat pada gambar:photobucket upload 03photobucket URL image 02
Atau pada halaman yang menampilkan thumbnail file, letakan saja kursor mouse diatas file yang diinginkan, nanti akan ditampilkan popup yang berisi alamat URL file.photobucket URL image 03
Atau bisa juga dengan mengklik file gambar yang dinginkan, yang nanti akan menampilkan alamat URL file, seperti terlihat pada gambar dibawah:photobucket URL image
Kopi alamat URL file dan setelah itu login ke blogspot --> Posting --> Buat, lalu masukan alamat URL file ke dalam kolom posting pada mode Edit HTML.edit HTML posting 01
Hasilnya bisa dilihat dengan mengklik mode Tulis.edit HTML posting 0
Selamat mencoba.


 

cara membuat efek salju dan tulisan berkedip pada blog


nah untuk membuat efek salju di blog para pembaca, ikuti langkah berikut ini !
· Login terlebih dahulu ke Blog Anda
· Kemudian masuk ke
· Pengaturan > Template > Edit HTML
· Jangan lupa backup terlebih dahulu template anda, yang belum tahu klik di sini
· Setelah itu di halaman HTML, cari kode <head>  di bagian atas
· nah setelah itu copy kode berikut tepat di bawah tags <head>

Untuk Efek Salju

<script src='http://devil32.co.cc/titip/snow.js' type='text/javascript'>
</script>

Untuk Efek Tulisan Berkedip/Berubah Warna

</script>

<script src='http://arti.master.irhamna.googlepages.com/rainbow.js'/></script>  

Anda bisa memasukkan keduanya atau pilih sesuka hati, boleh satu saja misalnya salju atau tulisan berkedip.
Sudah, lalu jangan lupa di save dan lihat hasilnya
 


 

Membuat Teks Berjalan Pada Title Bar


para teman blogger pada postinga n ini kita akan membahas bagai mana cara membuat teks berjalan pada title bar browser .
Begini caranya……
1.      Masuk ke edit html
2.      Tekan ctrl+f
3.      Cari  kode  <head>
4.      Kalo dah ketemu copi kode di bawah ini….dan paste di atas kode <head>

<SCRIPT language='JavaScript'>
    var txt=&quot;       masukan nama judul     &quot;;
width=&quot;100%&quot;;
    var kecepatan=60;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
    </SCRIPT>

5.      Kalo udah ganti tulisan yang berwarna merah….dengan nama judul blog lu….gampangkan…!

Untuk kecepatan geraknya bisa lu ganti sendiri….di var kecepatan=…!

Ok….selamat mencoba …


 

Minggu, 14 Maret 2010

membuat efek opening windows yang berputar mengelilingi layar saat blog di buka


 Okay langsung saja ni satu lagi trik buat blog karena begitu banyak yang penasaran tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertamakali halaman blog terbuka, Nih jawabannya... silahkan di coba, dan akan saya beri cara yang gampang-gampang saja O.K?

Seperti biasa silahkan anda masuk Account blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==> Centang "EXPAND TEMPLATE WIDGET"
Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".

Kemudian anda Copy kode dibawah ini :

<script type='text/javascript'>

/* Edited By : Andreas fafandreo on 28th October 2008 */
/* For support and information please e-mail to : aroel1833@yahoo.co.id */

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>



lalu Paste kode tersebut tepat di bawah kode :

<head> 


good luck


 

cara menghilangkan gambar obeng pada blog


kali ini kita akan membahas bagaimana cara
menghilangkan icon tang dan obeng di blog kita
mungkin bagi sebagian blogger hal ini tidak
begitu mengganggu denganm adanya icon obeng
dan tang justru memudahkan kita untuk memerpcepat
pengeditan..tp jika anda ingin tetep menghilangkanya
itu tidak bermasalah..sekarang anda bisa ikuti langkah
berikut ini..

menuju tata letak>>edit html..beri cek lis pada
expand template widget ...
kemudian anda cari code berikut ini di html anda.

]]></b:skin>

jika masih belum jelas lihat saja gambar ini.











setelah ketemu..silahkan anda letekan script berikut ini
di atas code yang tadi..

.quickedit{
display:none;
}

seperti ini lah cara say menyisipkan scriptnya..











kemudin save peubahan anda..maka hasailnya akan
menjadi seperti ini..contoh ni ya..














dan selesai deh,moga trik ini bermanfaat bagi temen-temen semua.,.


 

Sabtu, 13 Maret 2010

trik memposting script di halaman blog


Para blogger semua kali ini kita akan membahas tentang cara memasukkan script pada blog, Jika anda perhatikan disana ada script yang saya tampilkan dan bisa anda copy. Apakah anda pernah mencoba hal yang sama dan reaksi anda, "loh, kok jadinya begini?". Nah kalau begitu saya coba kasih solusinya. Jika anda ingin buat posting script di halaman blog anda, pasti tidak boleh langsung anda copy>paste begitu saja. Ada beberapa hal yang anda lakukan. Pertama coba anda click dulu DISINI. jika sudah disitu anda bisa melihat sebuah box dengan dua tombol dibawah nya endode & decode.
 Langkah selajutnya, anda copy script yang akan anda post di halaman blog anda, ke box tersebut. Setelah itu anda click tombol encode maka script anda akan berubah bentuk. Yang terakhir, anda copy script yang sudah di encode lalu paste ke posting anda. Nah, sekarang sudah nggak bingung lagi kan. Makanya lain kali kalo sempet mampir lagi ke blog ini, dan silahkan baca lagi tips lain nya. yo wiiiss...


 

membuat label flash



Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak?

Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://kurniasepta.blogspot.com/2008/12/membuat-label-menjadi-flash-animasi.html'>Roy Tanck</a> and <a href='http://kurniasepta.blogspot.com/2008/12/membuat-label-menjadi-flash-animasi.html'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Nah sekarang yang bisa kamu ubah adalah:

"240", "300"

240 adalah lebar flash animasi
300 adalah tinggi flash animasi

Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya.


 

membuat read more di blog


Space atau ruang di blog kita sangat terbatas, jika kita menampilakan semua isi dari postingan atau entri maka akan memakan banyak space (tempat). Bayangkan saja orang melihat halaman yang luas, maka orang akan sulit untuk memfokuskan diri.

Sebenarnya ini sama dengan membuat read more, tapi lebih praktis, karena kita tidak perlu menambahkan sesuatu kode HTML saat memposting artikel kita. Read More yang akan kita buat akan membuat kita gampang atau mudah dalam memengal isi dari postingan kita. Beberapa kalimat akan muncul dan jika dalam postingan kita ada gambarnya juga akan disertai thumbnail (gambar diperkecil)

Ada yang memberi nama read more yang akan kita buat ini dengan nama read more liberal, oleh kang Jaloe. sekarang kita bersiap untuk mempraktekanya :z Perhatikan dan baca seksama langkah-langkahnya.

Cara Membuat "read more" Yang Praktis
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini
</head>

5. Jika sudah ketemu taruh kode berikut ini di bawahnya


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

6. Cari kode di bawah ini

<data:post.body/>

7. Ganti kode yang telah kita temukan di atas dengan kode berikut ini



<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Simpan Template Kalau sudah beres

Silahkan kamu coba sekarang, tapi berikut ini catatan yang juga perlu kita ketahui:
summary noimg= 430 adalah tinggi artikel terpenggal tampa image
summary img=340 adalah tinggi artikel terpenggal dengan image


 

About Me

Foto Saya
Anwar Saputra
Bukittinggi, Sumatra Barat, Indonesia
Lihat profil lengkapku

Total Tayangan Halaman

Toko68
Free Domain

Mendapatkan DOllar
 

blog tutorial - IT & komputer Copyright © 2010 LKart Theme is Designed by Lasantha