Jumat, 23 Maret 2012

Cara Memasang Musik di Blog Via SCM Player



      Disini saya akan menulis artikel tentang bagaimana cara memasang musik di blog. Disini saya akan mengunakan jasa SCM untuk memberikan script musik kepada sobat blogger.

Berikut ini adalah langkah-langkahnya :

[-] Kunjungi situs SCM disini.
[-] Setelah itu sobat blogger diminta memilih skin seperti gambar di bawah ini :
 
[-] Selanjutnya klik " Edit Playlist " dan masukan judul lagu dan url lagu pada kolom yg disediakan seperti gambar dibawah ini : 

[-] Sobat blogger dapat mendapatkan url musiknya dari youtube atau mengupload sendiri musik yg sobat blogger inginkan.
[-] Setelah itu klik " Configure Settings " dan setting sesuka hati sobat blogger dan klik " DONE "
[-] Selanjutnya sobat blogger akan mendapatkan script, nah script itu yg akan kita gunakan..

[-] Masuk Blog sobat blogger => Tata letak => add gadget => pilih HTML / script => pastekan code yg telah di dapat dari SCM tadi.
[-] Save
[-] Selesai dah. Mudah kan ^_^
[-] Semoga bermanfaat ea sobat blogger ^_^

[*] Credit by : Bekti_108
[*] Source     : Master Endi
READ MORE - Cara Memasang Musik di Blog Via SCM Player

Rabu, 21 Maret 2012

Cara Membuat Burung Twitter

 

    Disini saya akan mengajari sobat blogger bagaimana cara membuat burung twitter yg mengikuti cursor / mouse. Langsung tidak usah banyak bicara saya akan mengajari kalian caranya. 
Ikuti langkah dibawah ini.

[-] Masuk ke blog sobat.
[-] Masuk ke tata letak => add gadget => pilih HTML / script.
[-] copy dan pastekan kode di bawah ini.

<script type="text/javascript" src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQL0Ay3fA_1pNapMYI2KrISdUB7TrVeEQywDmD_JXMDwUlWQG4smnflzxHgRSVS5VaaGqfIvkv0NdfGWdLsIzWqLuBQlhlo4i6XMZ-lF5BMjnT7XHeyX1RFiMWlnLQQWp_xqXuNDT7gkM/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "Url Twitter Sobat;
var tweetThisText = "Twitter -  http://bekti108.blogspot.com/";
tripleflapInit();
</script>

[-] Pada tulisan Url Twitter Sobat masukan URL twitter sobat yg ingin nantinya di follow orang-orang yg    masuk blog sobat. 
[-] Sekian tutor dari Bekti_108 kalo ada kata yg salah Bekti_108 minta maaf. ^_^
[-] Semoga bermanfaat dan selamat berkreasi ^_^ 

[*] Credit by : Bekti_108
READ MORE - Cara Membuat Burung Twitter

Pasang Iklan Mendapatkan Pulsa



Apa Sich BloggerBersatu.com?

     BloggerBersatucom adalah Website Jaringan Periklanan Online berbasis PPC / Pay Per Klik atau Bayar Per Klik dengan harga termurah yang menawarkan jasa periklanan kepada anda para Advertiser (Pemasang Iklan) yang berkeinginan mempromosikan website atau usaha onlinenya yang bakal disebarkan kepada ribuan web owners / blogger yang telah terdaftar di BloggerBersatu.com.
     BloggerBersatucom juga merupakan website yang memberikan kesempatan bagi anda para Publisher (Penerbit Iklan) untuk memperoleh pulsa gratis dengan menyediakan ruang / space pada website atau blog anda sebagai tempat pemasangan iklan bagi advertiser.



Harga Per Klik
Advertiser (Pemasang Iklan)Rp. 200,-
Publisher (Penerbit Iklan)

Rp. 100,-
Referral Rp. 10,-

Bagaimana Caranya Menjadi Advertiser / Pemasang Iklan ?
Untuk menjadi seorang Advertiser / Pemasang Iklan yang harus Anda lakukan adalah :
  1. Silakan lakukan pendaftaran terlebih dahulu di sini dengan mengisikan data diri anda.
  2. Lakukan konfirmasi pendaftaran pada email yang kami kirimkan.
  3. Login ke BloggerBersatu.com dengan menggunakan email dan password anda.
  4. Silakan isi saldo iklan (lihat caranya di member area) dan setelah itu silahkan konfirmasi kepada kami.
  5. Buat iklan anda di halaman member area dan klik aktifkan pada iklan yang akan ditayangkan.
  6. Tugas anda selesai dan iklan anda sudah terbit diseluruh publisher BloggerBersatu.com 
Bagaimana Caranya Menjadi Publisher / Penerbit Iklan ?
Untuk menjadi seorang Publisher / Penerbit Iklan yang harus anda lakukan adalah :
  1. Silakan lakukan pendaftaran terlebih dahulu di sini dengan mengisikan data diri anda.
  2. Lakukan konfirmasi pendaftaran pada email yang kami kirimkan.
  3. Login ke BloggerBersatu.com dengan menggunakan email dan password anda.
  4. Ambil code script iklan BloggerBersatu.com untuk blog / website Anda selanjutnya pasang pada blog / web anda.
  5. Silakan buka blog / website Anda, apabila konfigurasi telah dilakukan dengan benar, maka iklan kami akan langsung terlihat atau terbit pada blog / website anda. 
Selamat mencoba.. ^_^
Semoga mendapat pulsa yg banyak.. ^_^

[*] Credit by : Bekti_108
[*] Sumber    : BloggerBersatu.com
READ MORE - Pasang Iklan Mendapatkan Pulsa

Selasa, 20 Maret 2012

Cara Membuat Iklan Melayang


     Untuk blogger yang menjadi publisher iklan PPC mungkin menyenangi memasang iklan melayang di blog. Tapi sebagian juga tidak menyenangi. Saya sih, tidak menyarankan menggunakan iklan melayang untuk PPC kemungkinan melanggar TOS dari layanan iklan semisal adsensecamp. Tapi, untuk anda yang berminat dan ingin mencoba dipersilahkan.

     Langsung saja tanpa basa-basi :

[-] Seperti biasa masuk blog anda.

[-] Masuk ke Tata letak => Tambah gadget HTML/Script.

[-] Copy dan Pastekan kode d'bawah ini : 

<center><style type="text/css">
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:#000000;
background:#000000;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:center">.: Klik Iklan untuk Keluar :.
</div>
<div style="text-align:left">
<a href="javascript:showHideGB()">
.: Klik 2x :.
</a>
</div>
<center>

"DISINI TULIS KODE IKLAN LOE"

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div></center>

[-] Pada tulisan berwarna HIJAU itu adalah kode warna. Gantilah dengan kode warna yg anda sukai.

[-] Pada tulisan berwarna BIRU, disitu anda menempatkan kode iklan kalian.

[-] Selamat mencoba dan semoga bermanfaat ^_^


[*] Credit by : Bekti_108



READ MORE - Cara Membuat Iklan Melayang

Minggu, 18 Maret 2012

Cara Membuat Link Bergoyang Saat di Sentuh Mouse

 


     Cara membuat link bergoyang. Bagi yang suka otak atik blog tentunya hal ini akan membuat hati gregetan bila blog kita bagus dimata. Karena tampilan blog tentunya dapat membuat betah pengunjung. Demikian juga bila link di blog kita bisa goyang dombret tentu akan dapat menarik pengunjung betah di blog bukan...
  
     Oke kalau begitu langsung aja cara membuatnya berikut ini:

[-] Seperti biasa Login ke Blog dolo.
[-] Menuju ke Dashboard > Rancangan Edit HTML.
[-] Cari kode </head> ( lebih gampang menggunakan Ctrl + F ).
[-] Lalu copy script dibawah ini dan paste di atas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

[-] Simpan template... 
[-] Nah sekarang tinggal liat blog kalian.. ^_^
[-] Sekian dari artikel ini semoga bermanfaat dan berkreasilah.. ^_^

[*] Credit By : Bekti_108
[*] Thx To     : Alkaz
READ MORE - Cara Membuat Link Bergoyang Saat di Sentuh Mouse

Kamis, 15 Maret 2012

Cara Membuat Judul Postingan Miring

 
[-] Seperti Biasa Login Blogger 

[-] Rancangan ,Klik Edit HTML 

[-] Centang Expand Template Widget

[-] Cari kode ]]></b:skin> ( lebih gampang menggunakan Ctrl + F )

[-] Di Atas Kode ]]></b:skin> Pastekan Kode di Bawah ini :

.post-title{opacity:0.7; background:#050505; border:1px solid white; -moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}

[-]Lalu Save dech.. Lihat hasilnya..^^

[-] Selamat mencoba dan semoga bermanfaat. ^^

[*] Credit by : Bekti_108
[*] Source     : Mr Ardy
READ MORE - Cara Membuat Judul Postingan Miring

Cara Membuat Back To Top



 

         Fitur Back To Top/Scroll To Top adalah fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam satu klik.

         Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

Cara Memasang Back to Top Blogger/Blogspot V2:

[-] Copy kode berikut :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="http://i1265.photobucket.com/albums/jj509/bekti108/navigate-up-icon.png" /></a>

          Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan. Ganti http://i1265.photobucket.com/albums/jj509/bekti108/navigate-up-icon.png dengan gambar back to top anda atau menggunakan back top ini.

[-] Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript

[-] Paste/letakkan kode tersebut, lalu save.

[-] Done.!

[-] Selamat mencoba dan semoga bermanfaat.^^

[*] Credit by : Bekti_108
[*] Source     : Buka Rahasia




READ MORE - Cara Membuat Back To Top

Minggu, 11 Maret 2012

Cara Membuat Screen Saver di Blog


Cara Membuat Screensaver Di Blog or Membuat (Energy Saving Mode)Pada Blogspot Bagi pengguna blog WordPress, cara memasang aplikasi ini sangat mudah, cukup download Plugin Screensaver (Energy Saving Mode) saja dan Pada Tutorial Blog kali ini artikel tentang Bagaimana Cara Membuat Screen Saver Dengan Css. Cara Membuat Screen Saver (Energy Saving Mode) Blog Jika Sobat Menginginkan Screen Saver Seperti Blog Posting Teja HTC Itu Silakan Sobat Ikuti Langkah-Langkah Berikut Ini :
ini dia Tutorial Cara Membuat Screen saver atau Cara Membuat (Energy Saving Mode)
  • Login Ke Akun Blog Sobat
  • Pada Dasbor Klik Rancangan--> Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script
  • Pastekan Kode ini Tepat Didalamnya
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>

<div class='saving'>
<p class='esm1'>Bekti_108<br/>
<span class='esm2'>Energy Saving Mode using CSS3</span><br/><br/>
<span class='esm3'>Move your mouse to go back to the page!<br/>Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p>
<div class='by_bekti_108'>Original design by: <span class='esm4'> bekti108.blogspot.com - bekti108.blogspot.com</span> - Maret 2012</div>
</div>
  • Ubah Kata Nama Bekti_108 Dengan Nama Sobat.
  • Dan Yg Terkahir Simpan.
Source : http://ojelhtc.blogspot.com
READ MORE - Cara Membuat Screen Saver di Blog

Jumat, 02 Maret 2012

Cara Mengetengahkan Widget.!

Menambahkan elemen widget merupakan suatu hal yang biasa dilakukan para pemilik blog untuk mempercantik tampilan blog mereka. Selain mempermanis tampilan blog, widget juga dapat bermanfaat baik bagi para pengunjung maupun pemilik blog itu sendiri. Seperti widget buku tamu misalnya, widget ini dapat menjadi media interaksi antara pengunjung dan pemilik blog. Selain itu masih banyak lagi widget yang dapat dipasang di blog dengan kegunaannya masing-masing.

Untuk memasang widget-widget tersebut di blog bukanlah merupakan suatu hal yang sulit. Bila sudah mendapatkan script dari widget yang dimaksud maka tinggal diletakkan saja di bagian HTML/JavaScript pada sidebar atau di bagian Edit HTML pada postingan. Setelah disimpan atau diterbitkan maka akan terlihat hasilnya.


Setelah terpasang, posisi atau alignment dari widget tersebut menunjukkan selalu berada di sebelah kiri. Bila hal ini dirasa kurang rapi dan ingin menjadikan widget tersebut berada di tengah-tengah, maka ada cara mudah untuk melakukannya. Caranya adalah dengan menambahkan kode <center> di awal script widget dan kode </center> di akhir script widget tersebut.
Di bawah ini adalah script dari sebuah jam untuk di pasang di blog.

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0006-yellow.swf";obj.TimeZone="GMT0700";obj.width=200;obj.height=240;obj.wmode="transparent";showClock(obj);</script>

Bila script di atas tidak diberi kode  <center> dan </center> mka hasilnya akan seperti di bawah ini.


Sekarang script tersebut ditambah kode <center> di awal dan kode </center> di akhir maka jadinya akan seperti di bawah ini.







Selamat Berkreasi....

Soucer : http://lanoblog.blogspot.com/
READ MORE - Cara Mengetengahkan Widget.!

Cara Membuat Running text di tab blog.

Mempercantik tampilan blog kita merupakan aktivitas yang mengasyikan karena terkait dengan gengsi kita sebagai blogger. Salah satu aksesoris yang cukup sedap dipandang adalah menambah running text pada tab blog kita. Maksudnya?? Coba perhatikan tampilan tab blog saya ada tulisan berjalan kan? Nah itu yang saya maksud :D. Untuk mendapatkan tampilan tersebut anda perlu menambahkan sedikit kode Javascript di blog. Sebenarnya ada berbagai macam tampilan yang bisa didapat dengan menambah kode javascript di blog kita, tetapi saya kasih 1 contoh aja seperti tampilan blog saya saja ya ..:-). Berikut langkah-langkahnya (khusus untuk blogspot) :


1. Masuk ke blogger.com, pilih tata letak.

2. Pilih edit HTML, jangan lupa centang Template Expand Widget

3. Carilah kode
<head>


4. Kemudian letakkan kode javascript berikut ini tepat di bawah kode berwarna
merah di atas :
<script language='JavaScript'>var txt=" .:::***(Tulis Disini) ***:::. ";
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Pada Tulisan (Tulis Disini), anda ganti dengan tulisan yang anda inginkan tanpa
tanda kurung, misal selamat datang, welcome, dan sebagainya. Mudah sekali bukan?, selamat mencoba.
Source : http://juliojoverentorsina.blogspot.com
READ MORE - Cara Membuat Running text di tab blog.