Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :


1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

selesai... selamat mencoba ! ^^

(Disadur dari : http://trik-tips.blogspot.com)
Baca Selengkapnya.....

Membuat effect pada titlebar

Halow semua…. Wah, udah lama nih aku ngga nge-blog lagi. Hm… mungkin berbulan-bulan kale ya aku ngga nge-post lagi artikel baru. Yah… maklum lah, lagi sibuk ngurusin sekolah (kaya yg bner aja sekolahnya.hhaha…) . tapi setelah sekian lama aku ngga nge-post akhirnya sekarang ada juga waktu buat aku ngetik-ngetik. Nah, sekarang aku mau ngetik artikel tentang apa ya..?? eump… ini aja deh. Aku mau ngasi tau kalian semua para pembaca tentang gimana caranya bikin effect titlebar berubah-ubah tulisannya kaya yang ada di blog ini (liat aja titlebar-nya, unik kan  . oke seperti biasa, langsung aja aku kasi tau langkah-langkahnya .


Pertama, yang harus kamu lakukan adalah… niat, santai, rileks,tapi sambil konsen jg.
Kedua, baca baik-baik tiap langkahnya . hheuheu…

1.Login ke blogger kamu, masuk ke pengaturan layout/tata letak .
2.Klik addPageElement/tambah elemen, pilih pada elemen dasar, Javascript
3.Atau kamu juga bisa timpa elemen javascript yang sebelumnya sudah kamu buat, tinggal klik ‘edit’ .
4.Kalo kamu baru buat maka lakukan langkah 2 kemudian kosongkan untuk ‘Judul’ dan isi konten dengan kode berikut. Kalo kamu mau timpa elemen yang sudah ada, tinggal klik ‘edit’ kemudian tambahkan konten dengan kode berikut.
5.Copy-paste kode berikut pada bagian konten :
<script type=”text/javascript”>
//TITLEBAR EFFECT
var message = new Array() // leave this as is

message[0] = "tulisan pertama";
message[1] = "tulisan kedua";
message[2] = "tulisan ketiga";
message[3] = "tulisan keempat";
message[4] = "tulisan kelima";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='|||--- '+T+' ---|||'}
if(s==2){document.title='|-||-- '+T+' --||-|'}
if(s==3){document.title='|--||- '+T+' -||--|'}
if(s==4){document.title='|---|| '+T+' ||---|'}
if(s==5){document.title='|--|-| '+T+' |-|--|'}
if(s==6){document.title='|-|--| '+T+' |--|-|'}
if(s==7){document.title='||---| '+T+' |---||'}
if(s==8){document.title='||--|- '+T+' -|--||'}
if(s==9){document.title='||-|-- '+T+' --|-||'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
</script>
6.Ganti tulisan yang dicetak tebal dengan tulisan kamu sendiri yang nantinya akan tampil pada titlebar secara bergantian.
7.Klik Save/Simpan .

Udah deh tinggal coba kamu liat hasilnya. Nah, segitu dulu ah. Lain kali aku post lagi cara ngutak-ngatik blog pake javascript yang lainnya. Oke, thx 4 ur attention, bye bye…

Baca Selengkapnya.....

Membuat title berjalan dgn Javascript

JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain.

Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self.


JavaScript adalah merek dagang terdaftar dari Sun Microsystems, Inc. Bahasa ini digunakan di bawah lisensi untuk teknologi yang diciptakan dan diimplementasikan oleh Netscape Communications dan entitas barunya seperti Mozilla Foundation. (wikipedia)

Biasanya JavaScript digunakan untuk mempercantik halaman page seperti penambahan Jam atau security. pada tips kali ini saya akan memberikan contoh JavaScript untuk membuat title pada blog supaya berjalan. saya mencoba pada Blogspot. ok langsung aja caranya sprt brkt:

- Login ke blog anda

- masuk ke Tab layout

- Edit Html

- kemudian masukan script berikut atauCopy paste dibawah tag

_______________________________________________________________

<script language="JavaScript">
var txt=" text kamu";
var kecepatan=75;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

___________________________________________________
-- teks berwarna merah adalah teks yang akan muncul/berjalan
-->>contoh bisa dilihat di blog saya.....

selamat mencoba................................

(trik ini saya ambil dari blognya kak dens http://dens-ray.blogspot.com.thx u :-))

Baca Selengkapnya.....

Membuat alert message

Hai hai hai, ketemu lagi qta disini.
waduh, akhirnya aq bisa kembali ke dunia maya ini setelah sekian lama aq tertidur.
bkn tidur mksdnya. tapi, karna ope masih smp, jadi kemaren2 ope g bisa posting blog gara2 hrsh belajar paska UN 2008. huh... gila soal2nya mayan susah. makanya, ope maw minta doa aja dari sahabat setia blogger ini agar ope mendpt nilai yg maksimal dan msk SMA yg d inginkn. lho? koq malah jd curhat seh?? judul.a kn membwt alert message.hahax... yaw dah mari kita kembali ke topik. kita akn kupas topik secara akurat, tajam dan terpercaya. ehm... alert message adlh semacam kotak dialog yg akan muncul saat terjadi event tertentu.



contohnya saja di blogger ini, kmu pasti melihat dialog box yg blang selamat datang saat blog ini pertama di load.iy kn?? hayoh jgn boonk! nah, klo kamu bingung knapa bisa muncul tulisan begitu, ope bakal jelasin disini cara bikin yang begituan biar ada di blog kmuh. yaph, langsung aja ke step2 bikin alert message.
1. (seperti byasa) login ke blogger --> panel kontrol --> layout
2. pilih tambah element halaman --> HTML/JAVA atau kamu bisa timpa elemen yang sudah ada selama masih dalam satu tipe yaitu HTML/JAVA.
3. pada kolom konten, silahkan tambahkan script berikut:
<script languange="javascript">
function drawalert() {
alert ("Tulis Pesan Kamu Disini");
}
</script>
4. ganti tulisan Tulis Pesan Kamu Disini dengan kata2 sesuai kebutuhan.
5. simpan elemen
6. klik edit HTML truz di kolom edit template cari tulisan <body> (kira2 ada d tengah agak ke bawah deh. cari aja coba)
7. didalam kurung tag tambah tulisan ini :
onload='drawalert()'
sehingga tulisannya jadi seperti ini :
</head>

<body onload='drawalert()'>
<div id='outer-wrapper'><div id='wrap2'>

8. jika sudah, simpan template kemudian coba.

semoga berhasil....!! :-)
Baca Selengkapnya.....

Membuat Flash MP3 Player

hoi, hoi, hoi

dah lama g posting nie.....
waduh, trlalu sibuk mkirin UN kale ya, g krasa sih seminggu lagi. T_T

ng... baiknya skarang kita ngapain ya??
ad ide g??

oh iya, ope maw kasih taw klian cara bikin Flash MP3 Player deh...
itu loh, yg ky ada di kanan blogger ini, tuh ada playlist lagu khan?
nah maw taw g cara bikin nya...



oke, klo gitu kita mulai aja bikin (ope dapetin ini dr situs opera http://my.opera.com/yoyon/blog/show.dml/110319 makasih yaph...!!^^)


Konsep Flash Music Player ini adalah sebuah aplikasi flash kecil yang akan memutar lagu-lagu yang kamu upload ke server (Streaming) dan kamu bisa menentukan tampilan player dan tentunya lagu apa yang dimainkan.


OK, saya berusaha menulis instruksi berikut dengan aktual, tajam, dan terpercaya (baca:singkat, jelas, dan padat)


Downloading and Unzipping


Yang pertama kali kamu harus lakukan adalah mendownload file Flash MP3 Player (9 kb), simpan di komputer kamu (Right Click > Save Link/Target As).


Seperti yang kamu lihat, file yang kamu download berbentuk .zip. gunakan Winzip http://winzip.com/ atau WinRAR http://rarlabs.com/ untuk mengekstrak file zip tersebut.

Kamu akan mendapatkan sebuah folder yang berisi dua buah file yaitu mp3player.swf dan mp3player.xml.




Editing XML



Buka mp3player.xml dengan notepad. Edit baris ini:

<song path="URL.mp3" title="Artist - Song Title" />

Penjelasan:


URL.mp3 : Alamat link absolut file MP3 yang sudah kamu upload ke sebuah server seperti http://oxihosting.com.

Artist - Song Title : Nama Artis dan Judul lagu yang akan muncul di MP3 Player.




Tips:

Kamu tentu saja bisa menambahkan lebih banyak lagu dengan menambahkan lebih banyak baris <song path > Tetapi pastikan baris tambahan tersebut tetap berada sebelum baris </player>
JANGAN menggunakan simbol & pada bagian path atau title.





Uploading



Pastikan kamu mengupload lagu-lagu MP3, file mp3player.swf, dan mp3player.xml ke server yang sama, sehingga memiliki link (kira-kira) seperti ini:



http://www.YourWebHost.com/ttm.mp3

http://www.YourWebHost.com/wind.mp3

http://www.YourWebHost.com/player.swf

http://www.YourWebHost.com/playlist.xml



Kamu belum memiliki server yang menghosting lagu-lagu kamu? Coba di sini: http://myfilehut.com, Tripod http://www.tripod.com, http://oxihosting.com



Lagu-lagu yang kamu upload harus berjenis CBR (Constant BitRate) MP3. VBR MP3, WMA, ASX/ASF dan lainnya TIDAK BISA.

Untuk mempercepat streaming, kamu bisa meng-encode file-file MP3 kamu hingga 16 kbps. Gunakan MusicMatch JukeBox.




Inserting the Code



Berikutnya tinggal masukkan kode berikut ke dalam blogger kmu
seperti byasa, addPageElement --> HTML/JAVA

<object>
<embed allowscriptaccess="never"
src="http://WebHostKamu/mp3player.swf"
menu="true"
quality="high"
bgcolor="EEEEEE"
width="300"
height="400"
name="index"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="playList=http://WebHostKamu/mp3player.xml
&ShowPlaylist=1
&ShowEQ=1
&firstTrack=1
&initVol=100"
wmode="transparent" /></object>

Penjelasan:


http://YourWebHost/mp3player.swf : Alamat link absolut file swf yang sudah kamu upload ke sebuah server seperti http://oxihosting.com.

http://YourWebHost/mp3player.xml : Alamat link absolut file xml yang sudah kamu upload ke sebuah server seperti http://oxihosting.com.

nah, mungkin segitu dulu yg bisa ope lakukan.
sebelum dan sesudahnya, terima kasih......^^

(thanks ya bwat opera
yg uda ngasih trik bikin flash ini, sry ya kalo OPE rada ngutip kata2nya)

bye.
Baca Selengkapnya.....