cara membuat tulisan bergerak

 Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog. 

Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee  seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda.  Untuk lain-lainnya anda bisa ber experiment sendiri" mudak ko'k.

01. Tulisan berjalan ke kanan.

Tulisan berjalan kekanan

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />

02. Tulisan berjalan dengan gambar.

Tulisan berjalan dengan gambar

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

03. Tulisan berjalan ke atas.

Tulisan berjalan ketas

<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

04. Tulisan dapat memantul.

Tulisan mantul

<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

05. Tulisan berjalan akan berhenti jika dibayangi cursor.

Tulisan berjalan akan stop bila dibayangi oleh cursor

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

06. Tulisan zig-zag

Zig-zag

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

07. Tulisan Bouncing around

Bouncing around

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />

8. Tulisan berjalan lambat

Tulisan berjalan lambat

<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>


good luck...bro or sist

»»  read full post

cara memasukan lagu ke blog

.Ingin mempunyai musik di blog anda ??? Caranya mudah sekali
Berikut caranya :

jika kurang jelas silahkan klik ctrl+ !

 1 Masuk ke link ini
(jika kurang lengkap)
2 Pilih lagu yang kamu suka
3 Copy code HTMLnya
4 Login ke blog anda
5 Masuk rancngan
6 Add gadget => HTML/JavaScript
Paste code tadi
7 Simpan...selesai

jika lagu yg dicari ga lengkap bisa dengan cara mem pindah ke web lain yg menyediakan music gratis!
contoh menggunakan nya bisa lihat gambar..

good luck...bro or sist

»»  read full post

cara membuat lencana facebook diblog

badge facebook dikenal juga dengan nama lencana profil facebook. Merupakan fitur facebook yang memungkinkan pengguna mengintegrasikan halaman profil facebooknya ke blog yang ia kelola. Bermanfaat bagi blogger untuk meningkatkan brand personal dirinya melalui badge facebook yang ia pasang di salah satu sidebar atau halaman statis blog.
Lagi pula facebook merupakan salah satu sosial media yang marak dikunjungi. Hasil survey menunjukkan Indonesia menduduki peringkat kedua di dunia dalam hal akses Facebook. Jadi jangan sia-siakan kesempatan ini. Yuk mari kita sebagai blogger memanfaatkan sosial media untuk kepentingan blog dan personal branding.

langkah2 untuk melakukan nya

1. Login ke akun facebook anda
2. Silahkan ke link di bawah ini
   http://www.facebook.com/badges/
3. Pilih “profil badge”
   
   

   cara membuat badge profil facebook
4. Pilih “edit this page”
   
   

   cara membuat dan mengambil lencana profil facebook
   Di bagian ini anda bisa memilih bentuk vertikal atau horisontal atau dua kolom yang bisa anda lihat contohnya di halaman about me adhani blog, anda juga dapat menambahkan item seperti nama, tanggal lahir, nama website jika punya, lalu memilih format yaitu menaruh foto atau tidak di profile/badge facebook anda.
   
   
   

   cara setting badge lencana facebook
5. Jangan lupa untuk klik save
6. Untuk mengambil kode badge / lencana profil facebook anda klik “Blogspot” untuk blog berplatform blogspot atau pilih “other” untuk pengguna wordpress.
7. Copy/paste dan simpan di notepad (hanya untuk memudahkan)

Selanjutnya, 

Cara memasang badge facebook di blog wordpress atau Blogspot

Anda bisa memasang di sidebar blog dengan menggunakan “widget text” wordpress atau menggunakan “add to gadget” di blogspot atau memasangnya di halaman tentang saya atau about me seperti yang ada di halaman statis about me adhani blog
Untuk memasang di widget wordpress caranya sebagai berikut

1. Silahkan masuk ke dashboard WordPress Anda
2. Kemudian klik “Appereance” pilih ” Widget “
3. Pilih widget “Text”
4. Kemudian copy-paste kode Facebook tadi kedalam widget text tersebut
5. Simpan dan Selesai

Untuk memasang badge profil facebook di halaman statis blog wordpress

1. Silahkan masuk ke dashboard wordpress anda
2. pilih “pages/halaman” kemudian klik “add new/ buat baru”
3. Beri judul halaman statis wordpress anda, bisa about me atau tentang saya
4. Sorot isi postingan terlebih dahulu ke arah “HTML” kemudian pastekan kode badge / lencana facebook anda disitu
5. Kemudian sorot lagi ke posisi “visual” kemudian ketikkan isi postingan seperti biasa
6. Jangan lupa jika sudah selesai klik update/publish.

Untuk memasang lencana profil facebook di halaman statis blogspot silahakan ikuti langkah-langkahnya di artikel cara membuat halaman statis di blogspot

Tambahan tips

Agar tampilan badge facebook di halaman statis lebih menarik, tambahkan sedikit sentuhan kode HTML di bawah ini untuk membuatnya berada di posisi tepat sebelah kiri artikel (left text wrapping position).

style=”float: left; border: 0px; margin: 0 10px 10px 0;”

letakkan kode html di atas tepat di samping kode pemanggil gambar badge / lencana profil facebook. Kode HTML pemanggil gambar berawalan “<img src…..”

contoh :

<img src=”http://badge.facebook.com/badge/1511328027.817.1925713938.png” width=”360″ height=”208″ style=”border: 0px;” /></a><!– Facebook Badge END –>

Setelah ditambahkan kode di atas menjadi

<img style=”float: left; border: 0px; margin: 0 10px 10px 0;” src=”http://badge.facebook.com/badge/1511328027.817.1925713938.png” alt=”" width=”120″ height=”306″ />

NB: float:left bisa anda ganti dengan float:right (untuk posisi right text wrapping)

Maka hasilnya bisa anda lihat seperti gambar di bawah ini

contoh badge profil facebook di halaman statis blog

Mudah bukan membuatnya, dengan memasang badge profil facebook pengunjung blog anda dapat mengetahui siapa di balik penulis blog melalui akun situs jejaring facebook, hitung-hitung sebagai upaya diri untuk terkenal melalui dunia online bukan ? Karena kata pepatah, tak kenal maka tak sayang
Semoga tutorial cara membuat badge facebook berguna buat anda.  Tunggu tips dan trik facebook berikutnya di kategori serba-serbi facebook zero general community blog

download lenkap post klik here 
good luck...bro or sist
 

»»  read full post

tulisan berlampu diblog

cara membuat tulisan dengan efek lampu!
1.login blogger.
2.ke rancangan
3.tambah gandet.
4.paste tulisan dibawah ini di gandet baru..

<script language="JavaScript1.2">

var message="Tulisan Yang diberi Efek"

var neonbasecolor=""

var neontextcolor="#fd3d3a"

var neontextcolor2="#ff8080"

var flashspeed=50 // kecepatan flashing dalam milliseconds

var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor

var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable)

var flashpause=0 // pause diantara flash-cycles dlm milliseconds

var n=0

if (document.all||document.getElementById){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')

}

else

document.write(message)

function crossref(number){

var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj

}

function neon(){

//Change all letters to base color

if (n==0){

for (m=0;m<message.length;m++)

crossref(m).style.color=neonbasecolor

}

//cycle through and change individual letters to neon color

crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2

if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",flashpause)

return

}

}

function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)

}

beginneon()

</script>

5.kemudian save.

catatan:ganti tulisan berwarna merah dengan kesukaan mu...
download lengkap posting ini"klik disini"

good luck...bro or sist

»»  read full post

cara membuat read more otomatis

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik.

Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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'/>

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang tebal adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...


KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

download lenkap posting ini
good luck...bro or sist

»»  read full post

cara memasukan script pada postingan.

Bagi Blogger pemula kemungkinan menemui kendala jika ingin memasukkan kode HTML/script di postingan blog, karena script HTML tidak akan bisa tampil di postingan dan terkadang muncul pesan “error” .

Saya juga pertama kali kesulitan bila akan memasukkan script HTML tersebut. Untunglah di dunia maya ini banyak para blogger yang baik hati mempostingkan caranya, setelah di search melalui “ Om Gogel “ tak butuh waktu lama akhirnya ketemu deh caranya, yaitu dengan cara Konversi Online.

Adapun caranya adalah sbb :

1. Kunjungi Encode Decode HTML Converter disini.

Perhatikan Screenshoot di bawah ini :

2. Delete atau hapus terlebih dahulu tampilan kata-kata yang muncul di layer “Encode” , setelah clear..

3. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode” . Selesai

4. Copy dan paste hasil encode yang ada dalam kotak kedalam postingan Anda.

5. Selamat Mencoba

Catatan : menu “Decode” adalah untuk mengembalikan tampilan HTML sebelum di “Encode”

good luck...bro or sist

»»  read full post