Tips and Trik Cara Pasang Musik Autoplay Di Blogger

Hi Semua... Wah Akhirnya saya Bisa Share Artikel Tentang Tutorial Blogger. Soalnya Selama Ini saya Belum Bisa Share Tutorial Blogger Karena Internet Di Rumah Sedang Putus-putus. Ok Langsung Saja Ke Materi. Mungkin Cara Ini Tidak Terlalu Penting. Namun Jika Anda Ingin Membuat Blog Anda Lebih Berwana Dengan Ada Musik, Ikutilah Tips Ini. Musik Autoplay Di Sini Maksudnya Yaitu Jika Visitor Membuka Blog Anda, Entah Itu Di Homepage Atau Di Dalam Artikel, Musik Akan Sendirinya Play. Berikut Caranya :

1. Login Blogger Dulu Ya...
2. Buka Situs ini
3. Carilah Artis / Band Yang Lagunya Ingin Anda Pasang Di Blog Anda.
4. Jika Telah Dapat, Klik Nama Artisnya. Maka Anda Akan Diberi Beberapa Pilihan Lagu Yang Tersedia.
5. Akan Ada Textbox Disana, Copy Semua Kodenya.
6. Masuk Ke Tata Letak > Tambah Gadget > HTML/Javascript.
7. Paste Kode Yang Tadi Telah Di Copy.
8. Simpan. Cek!

Adakan? Nah Itu Dia. Saya Menyediakan Beberapa Lagu Yang Sedang Populer.

Owl City - Fireflies

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Owl City - Fireflies(1)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Eminem - Not Afraid

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Eminem - Not Afraid (prod. Boi-1da)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Flo Rida - Low

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/Flo Rida - Get Low (Clean).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Pitbull - Give Me Everything

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Maroon 5 - Moves Like Jagger

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Moves Like Jagger (feat. Christin.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Maroon 5 - Payphone (feat. Wiz Khalifa)

<center>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>

<br><br><b>

<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>

<EMBED SRC="http://divine-music.info/musicfiles/01 Payphone (feat. Wiz Khalifa).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Sekian Dulu Ya... Thanks!

Sumber Artikel : http://blogmartstein.blogspot.com/2012/10/cara-memasang-musik-autoplay-di-blogger.html#ixzz2FkbvJp9E

Read More

Bikin Preload Pakai QueryLoader Pada Blogspot

QueryLoaderPreload Your Website With Style

QueryLoader adalah animasi yang akan keluar dalam pemanggilan halaman/page, istilah kerennya sih preloader page. Sebelumnya yang lebih populer yaitu LazyLoader, Jika LazyLoader untuk gambar atau beberapa element, nah QueryLoader ini bisa menjadi preloader halaman/page. Tetapi tidak hanya halaman saja, gambar atau elemen-elemen dalam blog juga bisa diberi animasi dalam pemanggilannya.

Fitur:

• Preload sebuah halaman web secara keseluruhan
• Preload elemen pada halaman
• Preload semua gambar, dan background dari CSS
• Mudah untuk diimplementasikan
• Animasi bar yang adjustable

Cara Mengimplementasikan

Sebelumnya kalian harus unduh file yang akan kita gunakan.

• QueryLoader
• QueryLoader dengan persentase

Ok langsung aja kita mulai!

• Unzip file yang sudah kalian unduh tadi
• Upload ke webserver seperti Google Code
• Selanjutnya masukkan script dibawah ini, tepat diatas tag </head> 
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'></script> <script src='http://kidzoom.googlecode.com/files/queryLoader.js' type='text/javascript'></script>
• Setelah itu taruh script dibawah ini diatas </body>
<script> QueryLoader.selectorPreload = "body"; QueryLoader.init(); </script>
• Nah selanjutnya kita masukkan code CSS-nya
  

QueryLoader Tanpa Persentase

.QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #00818B; height: 2px; }
QueryLoader Dengan Persentase 

.QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCCCCC; height: 1px; } .QAmt { color:#333333; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:40px; font-weight:bold; line-height:50px; height:50px; width:100px; margin:-60px 0 0 -50px; }
 

Code CSS tersebut dapat kalian ubah/modifikasi untuk menyesuaikan dengan template anda. 

Read More

Bikin Postingan Ada Backgroundnya

copy paste kode dibawah ini d postinganmu--pilih edit html ( bukan yg compose):

<div style="padding: 10px; background: transparent url(http://i1002.photobucket.com/albums/af149/Imtikhan/background_posting.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;"><br>TARUH POSTINGANMU DISINI<br>
<br>
</div>

nb :
http://i1002.photobucket.com/albums/af149/Imtikhan/background_posting.jpg

bisa d ganti link foto kamu lhooo

Read More

Cara Migrasi Dari Wordpress Ke Blogger

Jika ada yang tertarik ingin pindah Silahkan ikuti langkah-langkah di bawah ini:



1.Silahkan Login Ke Wordpress

2.Masuk Ke Dashbord

3.Kemudian Pilih Tools

4.Pilih Export Dan Klik DoWnload Export File


5.Kemudian Masuk Ke http://wordpress2blogger.appspot.com Trus Browse File yang tadi Sobat Export Trus KLik Convert.



6.Silahkan Sobat Login Ke Blogger Trus Klik Pengaturan Lalu Pilih Import Blog.


7.Pada Jendela Import Silahkan Pilih File Yang Sudah Di Convert tadi.

8.Jangan Lupa Cheklist di bawahnya kemudian klik import Blog.

9.Selesai dan lihat hasilnya selamat mencoba..

Read More

Cara Mencegah Copy Paste Pada Blogspot Selain Dengan Javascript

Cara Mencegah Copy Paste Pada Blogspot Selain Dengan Javascript

1. Masuk Blogger terus pilih Design/ rancangan

2. Pilih Edit HTML

3. Centang expand Widgets

4.Cari <body>

5.lalu ganti dengan kode dibawah ini


<body ondragstart='return false' onselectstart='return true' style='-moz-user-select: none; cursor: default;'>

6.Save dan liat Hasilnya.

Note: cara ini sangat tepat digunakan buat blog download mp3, software atau game.

Read More

Bikin selected teks pada postingan blogger

1.masuk pada blogger dashboard--> layout- -> Edit HTML

2.Cari kode seperti ini </head> tag .

3.Copy dan paste kode ini ,diatas kode </head> tag .

<style type="text/css">
::selection {background:#cc0000;color:#ffffff;}
::-moz-selection{background:#cc0000;color:#ffffff;}
code::selection {background: #333333;color:#ffffff;}
code::-moz-selection {background: #333333;color:#ffffff;}
pre::selection {background: #44ceff;color:#ffffff;}
pre::-moz-selection {background: #44ceff;color:#ffffff;}
</style>

Note : warna dapat diganti sesuai yang kamu suka.

4.sekarang simpan template kamu.

hasilnya akan seperti gambar dibawah ini.

Read More

Cara membuat background blog bergaya slide show

Menghias atau mempercantik blog dengan memasang background yang bisa berubah-ubah atau bergaya slideshow barangkali merupakan pertimbangan tersendiri bagi anda yang ingin tampil sedikit beda. Bosan baragkali dengan template lama atau templatenya keliwat canggih ??? apa salahnya kita mencoba membuat, lebih tepatnya mengedit template dari minima klasik biasa, tokh ternyata bisa kita hias sedemikian rupa, kita tambah-tambahin kolom misalnya atau kita hiasi dengan background. Hitung-hitung buat belajar ngobok-ngobokin kode HTML, ya ngga ??? ...

Baik, tanpa berpanjang lebar lagi kita langsung praktek nih ...

PERSIAPAN

1. Buat sebuah blog baru dengan menggunakan template standar dari blogspot yaitu template minima putih biasa yang 2 kolom. Kalo kepengen memakai yang tiga kolom, boleh sobat download di sini. Atau kepengen yang multi kolom alias kebanyakan kolom? download di sini.

2. Setelah blogmu jadi, isi dengan sembarang posting, jangan lupa cantumkan beberapa buah label di kotak labels for this post pada ruang postingmu.

3. Pasang read more nya.

5. Pasang widget label di sidebar blogmu.

Nah, sekarang kita masuk ke tahap pembuatan backgroundnya.


A. MEMASANG BACKGROUND UTAMA

1. Kopi kode di bawah ini, lalu edit dengan menggunakan worpad atau document txt.

background-image:url('http://kojeksyahenim.googlepages.com/serangga.gif');background-color:transparent;
background-attachment: fixed;
background-position:top left;
background-repeat:no-repeat;

Ganti url gambar yang berwarna merah dengan url gambarmu.

kode top left yang berwarna biru bisa kamu ganti dengan top right, bottom left, bottom right, left, center atau right. Sesuaikan dengan besarnya gambarmu. Bila menggunakan gambar berukuran besar ganti saja dengan center.

Kode no-repeat yang berwarna hijau adalah kode yang menyatakan bahwa gambar yang kamu pasang tidak memerlukan pengulangan, Nah, kalau memakai gambar berukuran kecil semisal gambar texture, hapus saja kode no-repeat tersebut.

2. Login ke blogger --> Klik Customize --> Layout --> Edit html. Cari kode seperti di bawah ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

3. Rubah kode di atas dengan menambahkan kode hasil editan kamu tadi sehingga hasilnya menjadi seperti di bawah ini : Perhatikan baik-baik penempatan kode hasil editan yang berwarna biru.

body {
background:$bgcolor;
background-image:url('http://kojeksyahenim.googlepages.com/serangga.gif');
background-color:transparent;
background-attachment: fixed;
background-position:top left;
background-repeat:no-repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

4. Simpan hasil pekerjaanmu dengan mengklik tombol SAVE TEMPLATE.

B. MEMASANG BACKGROUND HALAMAN DEPAN/FRONT PAGE

Tahap pertama

1. Kopi kode seperti di bawah ini, edit terlebih dahulu dengan menggunakan worpad atau document txt.

<style type="text/css">
{ background-color:transparent; }
body {background-image:url('http://kojeksyahenim.googlepages.com/Icha.jpg');
background-attachment: fixed;
background-position:bottom right;
background-repeat:no-repeat;
</style>

Ganti url gambar yang berwarna biru dengan url gambarmu.

Atur letak gambar dengan merubah kode bottom right yang berwarna kuning

Atur pengulangan gambar bila diperlukan dengan menghapus kode no-repeat yang berwarna hijau. Bila tidak biarkan saja, jangan di hapus.


Tahap ke_dua

Tahap ke dua adalah tahap pemasangan kode hasil editan tadi ke sidebar blog anda, caranya sebagai berikut :

1. Login ke blogger --> Klik Customize --> Layout --> add a gadget --> HTML/JavaScript.

2. Isi title/judul dengan (misalnya) css1.

3. Pastekan kode hasil editan tadi ke ruang content.

4. Klik save untuk menyimpan hasil hasil kerjamu.

Tahap ke_3

Tahap ini adalah tahapan dimana kita akan mengatur css background yang bkita beri nama css1 tadi untuk tampil di halaman depan saja dan akan menghilang bila kita bergerak ke halaman selanjutnya.

1. Login ke blogger --> Klik Customize --> Layout --> Edit html. Centeng kotak Expand Widget Templates

2. Cari nama css background tadi, lalu selipkan dua buah script seperti tampak di bawah ini. Perhatikan penempatan kode yang berwarna biru

<b:widget id='HTML20' locked='false' title='CSS1' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Secara default, setiap penambahan elemen halaman yang kita lakukan akan dinamai secara otomatis oleh blogspot denag HTML1, HTML2 dan seterusnya.

CSS1 nama dari elemen halaman yang kita tambahkan tadi untuk memudahkan kita mencari elemen yang bersangkutan di ruang edit HTML. Jadi sebaiknya setiap widget/aksesoris kita beri nama.

Kode

<b:if cond="data:blog.url == data:blog.homepageUrl">

dan kode

</b:if>

adalah kode yang membuat elemen halaman yang kita pilih hanya tampil di halaman depan dan akan menghilang bila kita bergerak ke halaman selanjutnya.

C. MEMASANG BACKGROUND UNTUK HALAMAN SELANJUTNYA

Di sini kerja kita sedikit mudah. Bukankah tadi anda punya kode css background yang anda edit dengan worpad atau document txt lalu anda pasang di side bar dan anda beri nama css1? Nah manfaatkan kode tersebut. Ikuti langkah-langakahnya seperti di mulai dari pengeditan css tersebut hingga css background tersebut terpasang di sidebar blog. Ingat !!! untuk memudahkan kita mencari css backround tersebut, berilah nama misalnya css2.

Untuk mengatur agar css backround yang kita beri nama css2 tadi anda tinggal mengikuti langkah MEMASANG BACKGROUND HALAMAN DEPAN/FRONT PAGE tahap ke_tiga, point 1 sampai 2. Kemudian selipkan 2 baris script seperti tampak pada kode di bawah ini : perhatikan letak penempatan kode yang berwarna biru.

<b:widget id='HTML21' locked='false' title='CSS2' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Nah, ngga terlalu sulit khan bloggers, selamat dech ... sekarang blog anda bisa tampil dengan background yang berbeda pada setiap halamannya.


Artikel Terkait:

Kode HTML

Mencegah masuknya virus tanpa anti virus

Cara Menghapus Folder Autorun.inf Smadav

Cara Mendeteksi dan Menyerang Balik Pengguna Netcut

ATLET WANITA TERSEKSI DI DUNIA (Youtube) 5 Atlet Paling Seksi Sejagad

[DOWNLOAD] Software Image / Photo Editor Gratis

Cara Baru Hacker Menyerang Server Web

CARA MENYERANG SITE MENGUNAKAN METODE DDOS

Read More