Cara Agar Blog Memiliki Musik/Lagu Latar Saat Dibuka

Cara Agar Blog Memiliki Musik/Lagu Latar Saat Dibuka

Caranya gak sulit kok gan, cuma nambahin Gadget baru aja di blog. Stepnya klik HTML/Java Script dari halaman Rancangan (khusus blogger). Habis itu copas scriptnya di bawah ini :

<embed src="http://www.4shared.com/embed/fxgUFosz/Syahrini-Sesuatu.swf"
autostart="true" loop="true" width="0" height="0"/><embed></embed></embed>

Nah untuk URL pilihan musiknya ditunjukkan pada font yang berwarna merah diatas. kalian bisa ganti musik sesuai dengan url tempat musik/lagu favorit kamu tersimpan.

Biasanya untuk format extensi musik yang ada di hosting 4shared tergolong cukup susah ditemukan maka disini kita share cara membikin file musik dengan ekstensi swf:

1. Upload file swf ke 4shared
   
   
2. Setelah upload akan muncul notifikasi dan kamu tinggal copas aja link alamat lagu yang diupload tadi
3.  
4. Edit kode tersebut. Misalnya kode yang kamu dapet :
   

   http://www.4shared.com/document/3Q-wROI-/Syahrini-Sesuatu.html

    Ganti "document" dengan "embed". Dan "html" dengan "swf". Sehingga hasilnya :
   

   http://www.4shared.com/embed/3Q-wROI-/Syahrini-Sesuatu.swf

Setelah mendapat URL swf, copas aja kedalam kode bawah ini menggantikan kode yang berwarna merah.

<embed src="http://www.4shared.com/embed/fxgUFosz/judul lagu.swf"
autostart="true" loop="true" width="0" height="0"/><embed></embed></embed>

Selesai

Membuat Efek Marquee atau Teks Berjalan

Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :

• Alternate : Teks bergerak bolak-balik
• Slide : Teks hanya bergerak sekali saja
• Scroll : Teks bergerak ke satu arah secara kontinu

2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

• Up : Teks bergerak keatas
• Down : Teks bergerak kebawah
• Left : Teks bergerak kekiri
• Right : Teks bergerak kekanan

3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Welcome To My Blog

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right"behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Welcome To My Blog</marquee></font>



Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Welcome To My Blog

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up"behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Welcome To My Blog</marquee></font>



Contoh 3: Efek teks berjalan kekanan secara kontinu

Welcome To My Blog

Kodenya:

<font face="times" color="green" size="4"><marquee direction="right"behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>



Contoh 4: Efek teks berjalan kekiri sekali saja

Welcome To My Blog

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>



Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To My Blog

Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3"behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>



Contoh 6: Efek Bounce

Panduan membuat blog

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10"behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Panduan membuat blog</marquee></marquee></font>


Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>

Hasilnya seperti ini:

panduan membuat blog untuk pemula beserta tips n triknya...

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.


Cara memasang kode marquee pada blog:

1. Login ke Blogger. Klik menu Design->Page Elements
2. Klik Add a Gadget-> HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

Selamat berkreasi...

Memasang Tombol Like Facebook Di Blog

Beberapa waktu yang lalu saya pernah mengulas tentang cara mempromosi blog dengan memasang feed blog di Facebook.

Dengan cara ini maka semua postingan blog anda akan muncul di halaman profil Facebook sehingga dapat dinikmati oleh teman facebook anda.

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu denganmemasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini





Kalau anda ingin membuat tombol like dalam bentuk ini




maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.


Selamat mencoba. Semoga bermanfaat...

Mendisable Klik Kanan

Terkadang kita ada kalanya kepingin halaman blog kita tidak bisa di klik kanan oleh orang lain, mungkin karena ada sesuatu hal yang membuat kita terpaksa membuatnya.

Mungkin saja karena kita ingin melindungi semua rahasia-rahasia yang ada di balik klik kanan tersebut. Terlepas dari hal itu, entah anda pingin atau tidak, saya coba membantu cara praktis membuat klik kanan di halaman blog anda agar di disable oleh system.

 
Untuk itu silahkan ikuti langkah-langkah berikut ini :

• Login ke Blog
• Klik Tab Tata Letak
• Klik Tambah Gadget
• Klik pilihan menu HTML/JavaScript
• Pastekan script di bawah ini ke dalam kolom konten tersebut

<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

(silahkan anda ganti tulisan yang berwarna Merah dengan kalimat pilihan anda)

• Klik Simpan
• Selesai

 
Selamat Mencoba.

Cara Mengganti Logo Blogger

Berikut ini adalah langkah untuk menggantinya :

• Pada dasbor blog pilih rancangan
• Pilih edit HTML,centang kotak Expand Template Widget
• Selanjutnya Cari kode <title><data:blog.pageTitle/></title> <b:skin><![CDATA[
• Tepat di tengah-tengah kode di atas sisipkan kode di bawah ini

<link href='http://alamat-url-gambar.gif' rel='shortcut icon'/>

Untuk lebih jelasnya, letakan kode seperti di bawah ini

<title><data:blog.pageTitle/></title>

<link href='http://alamat-url-gambar.gif' rel='shortcut icon'/><b:skin><![CDATA[ 

• Klik pratinjau untuk melihat hasilnya
• Jika sudah berhasil klik save/simpan Template

Selamat mencoba,semoga bermanfaat.

Membuat Teks Berjalan Di Tab Dan Navbar Atas

klik pada gambar untuk memperbesar

Lihat tanda panah pada gambar di atas,sebenarnya kalau di bilang berjalan sepertinya kurang tepat,karena teks ini muncul satu persatu sehingga membentuk sebuah kalimat atau pesan yang bisa anda kreasikan sendiri. Bagi yang sudah lama mengenal blog pasti tahu apa dan bagaimana tampilannya. Perhatikan kode script di bawah ini :

<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "kalimat pertama";
tb8_messages[1] = "kalimat kedua";
tb8_messages[2] = "kalimat ketiga";

tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 50;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
//edit by http://www.kolom-pengetahuan.com
</script>

Keterangan :

• makeArray(3) adalah jumlah banyaknya baris teks yang di tampilkan, seperti contoh di atas akan menampilkan tiga baris yaitu dari teks di tb8_messages[0] sampai dengan tb8_messages[2] (0,1,2 = 3) dan bisa ditambahkan sendiri sesuai dengan keinginan
• tb8_rptNbr = 5 adalah nilai pengulangan tampilan teks , secepat apa teks itu tampil dari teks satu dengan teks berikutnya dapat anda atur dengan merubah angkanya
• tb8_speed = 50 adalah kecepatan dalam menampilkan teks, anda juga dapat mengaturnya
• tb8_delay = 1000 adalah waktu tunda, jadi kalau semua teks sudah di tampilkan semua maka akan kembali menampilkan dari awal lagi

Cara pasangnya :

• Masuk menu Dashboard blogger
• Pilih Tata Letak
• Pilih Tambah Gadget Html/Javascript
• Copy kode di atas dan pastekan kedalamnya
• Jika sudah simpan,dan lihat hasilnya

Menghilangkan Page Header Blogspot Dan Mengganti Dengan Widget Lain

Seperti yang kita tahu, page header merupakan bagian dari blog yang berisi judul, dan deskripsi blog. Pada blogger, page header  biasanya terletak pada bagian paling atas pada template yang di gunakan. Pada page header kita juga bisa menempelkan atau menyisipkan gambar sebagai pengganti. Kita bisa mengaksesnya melalui dasbor >> rancangan, lalu edit header. Kadang kala, kita butuh menghilangkan (menghapus) page header untuk alasan kostumasi dengan berbagai macam tujuan. Ada yang mungkin hanya ingin menghilangkannya, atau ingin memasang iklan sebagai penggantinya, atau mungkin alasan-alasan lain.Untuk menghilangkan header blogspot, kita tidak bisa melakukannya secara langsung pada pengaturan. Diperlukan sedikit modifikasi kode html pada template blog kita. Silakan ikuti petunjuk berikut untuk menghapus page header.

Pertama masuk ke akun blogger anda

Lalu masuk ke halaman dasbor

Klik menu Design/Rancangan, pilih Edit HTML

Centang kotak kecil di pojok kanan atas yang tulisannya “ Expand Widget Templates ”

Selanjutnya Cari kode yang mirip seperti di bawah ini :

.showaddelement=’no‘/>

<b:widget id=’header’ locked=’true‘

Hapus dan ganti tulisan no dengan yes dan tulisan true dengan false.

Lalu simpan perubahannya.

Kembalilah ke halaman Design/Rancangan, atau bisa dari dasbor klik Rancangan.

Kemudian klik edit pada widget page header (yang berisi judul blog).

Setelah itu pilih Hapus atau Remove

Jika sudah, maka widget header sudah hilang, dan berganti menjadi tulisan Tambah Gadget atau Add Gadget.

Sumber : http://ahyarayank.co.cc/menghilangkan-page-header-blogspot-dan-mengganti-dengan-widget-lain.php

Cara Menghilangkan Tulisan Didukung Oleh Blogger

Bagi anda yang menggunakan template yang di sediakan oleh blogger, maka di bagian bawah biasanya ada  tulisan "didukung oleh blogger", mungkin ada sebagian dari anda yang ingin menghilangkannya adapun caranya adalah sebagai berikut :

Masuk ke akun blogger anda,masuk dasbor
Klik rancangan
Klik edit HTML
Cari kode ]]></b:skin>
Lalu anda copy kode  di bawah ini :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Letakkan kode tepat di atas kode ]]></b:skin>
Klik pratinjau untuk melihat hasilnya
Jika sudah berhasil klik simpan template.

Selamat mencoba

Membuat Tombol Home, Next, Dan Previous Di Blog II

1. Masuk (login) ke blogger

2. Klik tata letak > edit HTML


3. Sekarang saatnya kita mencari cari sampah,, lho .. ?

4. Untuk mengganti tulisan "next page /posting baru" dengan gambar,,

Cari dan ganti kode <data:newerpagetitle> dengan <img src="terserah" alt="Next" />

5. Untuk mengganti tulisan "previous page /posting lama" dengan gambar,,

Cari dan ganti kode <data:olderpagetitle> dengan <img src="terserah" alt="Prev" />

6. Untuk mengganti tulisan "home" dengan gambar,,

Cari dan ganti kode <data:homemsg> dengan <img src="terserah" alt="home" />
#Catatan : biasanya, ada dua kode <data:homemsg> .. Pilih yang paling atas aja ,,

#Catatan : ganti kode terserah dengan alamat gambarnya ,,

Contohnya :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZ4cg9TFqBgosh_xiIFJlNMWO2KxPPBgdaxXG7xFtywsgXyRutTGpDX1ZCntAj9HAIVuQ9cPV81Sy6p7lBn-nMfA2BDtQ-yDymsz678KE2TvIcRKENkHHS6UInJ36Fu4bP6zPxBWlDc8b/s400/ikon+ku.png" alt=.......

Kalau nggak punya atau nggak sempat nyiapin gambarnya, bisa pake gambarku aja deh ,,
Tapi nggak bagus bagus amat lho ya ,, Khan tempaltenya beda ..