Minggu, 04 September 2011

Tips 'n Trik

PlanetBlog - Komunitas Blog Indonesia 
kali ini saya akan share cara bikin blog kamu biar kereenn,paling ga kaya blog saya ini
silahkan ikuti beberapa tips dan trik di bawah ini


Cara Membuat Tulisan Berjalan

Cara Membuat tulisan Berjalan di blog kamu biar keren nih dia...
Mau tau caranya..?? Ikuti langkah berikut ini...
Bagaimana agar bisa membuat tulisan berjalan?


Seperti Ini ??

Bergerak kekanan !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??

Bergerak Ke Atas

Bergerak Ke Atas dan Ke bawah

Oke ini kode nya :

Untuk Yang bergerak kekanan

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"

Untuk Yang Ke Kanan dan Kekiri

<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>

Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak

<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>


Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

Untuk Yang Bergerak Ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>

 Untuk Yang Bergerak Ke Atas dan Ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>


 Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....
Selamat mencoba.......... Ok..  


cara agar gambar bisa bergerak kekanan atau kekiri

liat deh di sudut kanan blog saya. . . !

caranya pertama anda bikin dulu image yang anda inginklan, lalu anda upload image tsb ke photobucket.com
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marque(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergeraK Kekanan;

Langsung aja yeah... u copas aja scrip nya Ok...
<marquee direction="right"><img src="http://t3.gstatic.com/images?q=tbn:dFe_GtVkEPsP0M" /></marquee>


ganti URL http://t3.gstatic.com/images?q=tbn:dFe_GtVkEPsP0M dgn URL image milik anda

Selesai....

 

Cara Pasang Background Musik Autoplay Sendiri di Blog


tangganada



Sebuah blog akan terasa lebih hidup dengan adanya musik dan pengunjungpun akan lebih betah berada pada blog kita karena mereka merasa terhibur dengan adanya musik, tapi bagaimana caranya memasang musik pada sebuah blog? Mungkin bagi bloger masih ada yang belum mengerti cara pasang background lagu diblog kesayangannya seperti blog http://www.dalimunthe.com ini yang saya pasang lagunya mas Bon Jovi- Always.Sebenarnya memasang musik pada sebuah blog sangatlah mudah dan tidak memerlukan waktu yang lama, cukup beberapa menit sebuah musik dan player-nya akan terpasang.
Apakah anda tertarik pasang musik/lagu dib log anda ? Kalau “YA” berikut beberapa cara yang bisa anda lakukan berdasar coba-coba saya dengan blog ini "dimana menurut saya sangat ringan untuk loading sebuah Blog" :
  1. Musik/Lagu akan autoplay bila blog kita dibuka
Caranya :
  1. Masuk ke http://www.divine-music.info/
  2. Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan.
  3. Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
  4. Disitu akan ada kode EMBEDED copy kode itu dan masukkan ke kode html blog anda.
  5. Selesai dan dengarkan hasilnya.
2. User memilih mau memainkan lagu atau tidak
Caranya :
  1. Masuk ke http://musik-live.net
  2. Pilihan tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai dengan keinginan lalu copy dan paste kode yang diberikan dibawah tampilan musik player tersebut pada sidebar.
  3. Selesai dan lihat hasilnya
Jika lebar dan tinggi dari player musik tersebut tidak sesuai dengan sidebar, kita tinggal merubah nilai Width dan Height nya saja.

3. Memasang sendiri lagu sesuai dengan keinginan kita
Caranya :
a. Masuk ke  http://4shared.com  mestinya kita register dulu ya.
b. Selesai register login dan upload lagu kesayangan kita.
c. Setelah itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang muncul dan masukkan ke blog kita.
d. Nikmati hasilnya.
Untuk cara ini menurut saya sangat lambat waktu loading buka situs kita, karena kita perlu file hosting 4shared, Tapi kalau mau nyoba ke blog kesayangan akan lebih baik, ilmu kan harus diaplikasikan.(*)

 

Membuat Read More ( baca selengkapnya... )

PlanetBlog - Komunitas Blog Indonesia 
Sebagaimana kita ketahui bahwa Blogspot tidak menyediakan fasilitas read more atau page break dalam penulisan post. Namun, bukan berarti kita tidak bisa membuatnya sendiri, bahkan kita bisa menggantnya dengan tulisan Baca Selengapnya, Detail, Read More, dsb. Inilah uniknya blogspot (blogger), kita bisa edit template bawaan, yang penting kita mau sedikit bersusah-susah mengedit code HTML.

-sigup terlebih dahulu..
-masuk ke tatletak
-pilih edit html pastinya,
-beri tanda centang pada Expand Template Widget
-cari code berikut <p><data:post.body/></p> biar mudah
klo loe pake firefox tekan aja ctrl+f trus masukin code nya..
-trus loe copy kode berikut !! dan letak diatasnya
<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>
 
-kata yang berwarna merah " read more.."bisa loe ganti dengan kata terserah loe..misalnya Baca selengkapnya....
-trus simpan template,
-kemudian loe masuk pada "pengaturan" or "setting"
-trus pilih tabmenu format
-copy code berikut !!


<span class="fullpost">

</span>
 
-letak codenya di dalam Template Posting
-simpan setelan
-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>
 
-Letakkan abstraksi posting atau artikel yang 
akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") 
diatas kode ini : <span class="fullpost"> sementara sisanya 
yaitu keseluruhan posting letakkan di antara 
kode 
<span class="fullpost"> dan </span>
-finish..... 

 

itulah sedikit ilmu yang saya dapat dan semoga bisa bermanfaat

0 komentar:

Posting Komentar

caci - maki kalian sangat saya harapkan untuk kemajuan saya di hari mendatang dan silahkan tinggalkan cacian anda disini

 
;