Cara Membuat Gambar Melayang dan Berputar di Facebook

1. Pertama Login ke akun Facebook kamu2. Kemudian Copy-paste script di bawah ini ke AdressBar atau tempat biasa kamu semua mengetikkan alamat URL website

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(“img”); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+”px”; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+”px”}R++}setInterval(‘A()’,5); void(0);

3. Lalu Kemudian tekan tombol “Enter” pada keyboard kamu

Cara Membuat Iklan Melayang pada WordPress

copas saja codenya lalu terserah anda mau menempatkan iklan itu dimana. Apakah mau di tempatkan di Main Index (home) , atau di Single Post (di artikel). Atau ke dua-duanya

Ini dia code / script yang nantinya Anda gunakan sebagai pemanggil

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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 onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
.:[Close][Klik 2x]:.
</a>
</div>
<center>

DISINILAH ANDA MELETAKAN KODE SCRIPT IKLAN ANDA

</center>

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

Tempatkan code diatas setelah code <?php get_header(); ?> , selamat mencoba

Cara Membuat Tulisan Berjalan

Kode HTML Untuk Tulisan Yang bergerak kekanan



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


Kode HTML Untuk Tulisan Yang Bergerak kekiri : Lihat pada kode tulisan bergerak kekanan diatas,tinggal ganti kata "right" menjadi "left"



Kode HTML Untuk Tulisan Yang Ke Kanan dan Kekiri


<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (ganti dgn tulisan anda)</span></marquee>



Kode HTML Untuk Tulisan 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:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (ganti dgn tulisan anda</span></marquee>



Kode HTML Untuk Tulisan Tulisan Yang Bisa Bergerak  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:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>



Kode HTML Untuk Tulisan Yang Bergerak Ke Atas


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



Kode HTML Untuk Tulisan 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:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah</span></marquee>


Note : Anda bisa merubah warna tulisan dengan kode warna HTML :


red = warna merah

blue= warna biru

yellow = warna Kuning

white = warna putih

black = warna hitam


Kode warna HTML, pada contoh diatas seperti ini:


<span style="color:red; font-weight: bold;">


Bisa diganti dengan seperti ini :


<span style="color:#f00; font-weight: bold;">


#f00; = warna merah ;


#00f; = Warna Biru ;


#0f0; = Warna Hijau ;


#f0f; = Warna Ungu ;


Atau dikombinasi....Coba-coba aja ya....

Cara Membuat Widget Melayang di WordPress

1. Pertama tama login ke account Dasbor WP anda
2. lalu tambahkan widged text pada menu Tampilan > widget Text lalu klik tambah
   
3. Setelah itu copy script di bawah ini untuk menambah gambar
   

   <@div style=”position:fixed;bottom:150px;left:10px;width:60px;height:80px;”><a href=”http://qoshosh.wordpress.com” target=”_blank”><img border=”0″ src=”http://qoshosh.files.wordpress.com/2009/07/4990.gif” title=”Home Di sini.” /></a><small><a href=”http://qoshosh.wordpress.com” target=”_blank”></a></small></div@>

   Catatan:
   - Untuk posisi gambar melayang silahkan Anda mencocokkan sesuai dengan kebutuhan bottom 150 px left 10 px artinya gambar diletakkan di sebelah bawah kiri blog dengan batas penempatan 150 pixel/karakter dari bawah dan 10 pixel dari kiri.
   - Yang berwarna biru width:60px;height:80px artinya ukuran gambar yang ingin ditampilkan, withd lebarnya height panjangnya.
   - Yang warna ijo muda  ganti dengan link alamat blog Anda. -Selanjutnya yang berwarna ungu adalah alamat dari gambarnya. Sebaiknya upload gambar tersebut di blog Anda sendiri supaya proses loading gambar cepat, sehingga tidak membuat proses load blog berat.
   -Jangan lupa tanda “@” pada script di atas bagian awal dan akhir dihapus supaya kode scriptnya dapat berfungsi.
4. Setelah semuanya beres klik simpan widget!
5. Lalu buka blog Anda dan liat hasilnya, Jika kurang pas posisinya bisa di dirubah kode yang berwarna merah sedangkan ukuran gambar warna biru

Cara Membuat Iklan Melayang Dengan Tombol Close Sekali Klik

1. Login ke blog

2. Klik add gadget

3. Pilih HTML/javascript

4. Masukkan kode di bawah ini:

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


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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-100;
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: right;">
<a href="javascript:showHideGB()">
.: Close [Click 1 x]:.
</a>
</div>

<center>

Script iklan anda disini

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



5. Simpan.

Doktrin Kepercayaan dalam Islam

Bab 9 Doktrin Kepercayaan dalam Islam

A. Iman kepada Allah

Kalimat laa ilaha illa Allah atau biasa disebut dengan kalimat thayyibah adalah kalimat yang tertinggi di dunia ini yaitu tidak mengakui adanya Tuhan selain Allah saja. Kalimat laa ilaha illa Allah selalu diucapkan manusia pada tiap sholatnya hal ini menunjukkan betapa agungnya kalimat di atas. Kita sebagai manusia wajib meniadakan Tuhan selain Allah azza wa jalla. Karena Tuhan selain Allah maka Tuhan tersebut bathil dan tidak layak untuk disembah.

B. Kemustahilan menemukan Zat Allah

Allah Maha Esa dalam segala hal yang ada di jagat raya ini. Esa berarti tidak ada yang mampu menyerupainya baik dalam sifat maupun perbuatannya. Allah dengan sifat-Nya Ar-Rahman dan Ar-Rahim telah mebekali manusia dengan akal dan pikiran. Itulah keistimewaan manusi dibanding dengan makhluk yang lainnya yang ada di dunia ini. Namun manusia dengan akal dan pikirannya ingon menmukan bagaimana zat Allah yang sesungguhnya. Maka manusia sampai kapanpun tidak akan bisa melihat Allah di dunia ini. Akal dan pikiran manusia tidak akan sampai dan sungguh tidak akan mampu menyaingi kekuasaan Allah dalam ilmunya.

C. Argumen keberadaan Allah

Ada tiga teori yang menjelaskan asal kejadian alam semesta ini. Teori yang pertama adalah teori yang sudah sangat tidak relevan yakni teori sebab akibat. Dengan tori ini maka dapat disimpulkan alam semesta ini tidak akan ada kecuali ada yang menciptkannya. Al-Farabi dengan teori emanasi-nya mengatakan alam semseta ini adalah hasil pancaran dari wujud kesebelas atau akal kesepuluh. Jika diurut secara vertikal, maka akal kesepuluh itu secara hirarki adalah kelanjutan darimakal-akal sebelumnya yang pada asalnya berasal dari akal yang pertama.

Teori yang kedua mengatakan bahwa alam semesta berasal dari sel. Sayid Sabiq melihatnya toeri ini lebih sesat dari teori yang pertama karena tidak mungkin sel dapat membangun dan memperindah sesuatu dengan sendiri hingga menjadi alam semesta ini. Dan teori yang ketiga mengatakan bahwa semesta berasal dari yang menciptakan bersesuaian dengan akal sehat manusia. Maka dari itu teori yang ketiga ini dpat diterima, namun adalah masalah yang muncul dalam akal sehat ini yaitu siapakah yang menciptakan alam semesta ini?Menurut akidah islam yang menciptakan alam semsta ini yaitu Allah. Hal itu menyatakan bahwasanya Allah itu ada.

Ada beberapa argumen yang menguatkan pernyataan dari teori yang ketiga ini diantaranya argumen ontologis, argumen teleologis,argumen moral,dan argumen epitimologis. Argumen ontologis seperti yang diangkat oleh Plato yakni dalam alam ini pasti mempunyai idea. Idea adalah konsep universal dari sesuatu.

Dengan argumen teleologis artinya diatur menurut tujuan-tujuan tertentu. Alam dalam pandangan argumen ini ialah alam ini tersusun dari bagian-bagian yang erat sekali hubungannya. Bagian tersebut saling berhubungan dan saling bekerja sama atau berevolusi dengan memiliki tujuan tertentu.

ANANDA RIDHO

Membuat Slider pada Blogspot

• Pertama login ke dashboard blog kamu.
  
• pilih Rancangan »» Edit HTML
  
• download template lengkap dulu barangkali terjadi kesalahan.
  
• Tandai kotak kecil pada Template Widget Content.
  
• Letakan kode CSS berikut diatas kode ]]></b:skin>
  
• kode CSS-nya:
  

  #slider { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfR4-knythKI4NJcz9Uoaj8dGeDLDXgYgEAWFCtOEfNwnRuaF4nqLy-TtLJuANQEVW-vFDOJkshVRL5PoSWXAeM5RW9iLpMvdvTpDGFW68DRMd3wGDqpU7YdLKzCVY4joKXj5OZ6v2LLCJ/s1600/latar+slider+uluumun.jpg); height: 300px; overflow: hidden; position: relative; margin: 5px 0; }
  #mover { width: auto; position:absolute; overflow:hidden; }
  .slide { padding: 20px 0px; width: 1000px; float: left; position: relative; height:200px; }
  .slide h2 { font-family:georgia, Helvetica, Sans-Serif; font-size: 24px; color: #ac0000; padding:0px 0px 0px 30px; margin:0px 0px; width:500px; overflow:hidden; }
  .slide h2 a:link, .slide h2 a:visited { color:#fff; background-color: transparent; }
  .slide h2 a:hover { color: #ddd; background-color: transparent; }
  span.slmet { color: #ee0909; font-size: 10px; font-family:Tahoma, georgia, Helvetica, Sans-Serif; line-height: 20px; width: 500px; padding:0px 0px 0px 30px; margin:0px 0px; text-transform:uppercase; }
  .slide p { color: #999; font-size: 12px; font-family:georgia, Helvetica, Sans-Serif; line-height: 20px; width: 500px; padding:0px 0px 0px 30px; margin:0px 0px; }
  .slide img { position: absolute; top: 20px; left: 577px; background:#fff; padding:10px 10px; }
  #slider-stopper { position: absolute; font-family: Georgia, Helvetica, Sans-Serif; top: 113px; right: 65px; color: #AC0000; padding: 3px 8px; font-size: 14px; text-transform: uppercase; z-index: 1000; }

• Kemudian letakan kode javascript berikut dibawah kode ]]></b:skin>
  

  <script src='http://blogtegal.googlecode.com/files/jquery.js' type='text/javascript'/> <script src='http://blogtegal.googlecode.com/files/slider.js' type='text/javascript'/> <script type='text/javascript'>
  <!--//--><![CDATA[//>
  <!-- sfHover = function() { var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
  for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //-->
  <!]]>
  </script>

• Kemudian cari kode dibawah ini:
  <div id='header-wrapper'> .......... ......... </b:section>
  
• Letakan kode berikut dibawah kode diatas.
  

  <!-- Casing -->
  <div id='casing'>
  <!-- Slider -->
  <div id='slider'>
  <div id='mover'>
  <div class='slide'>
  <span class='slmet'> Posted by uluumun </span>
  <h2><a href='http://uluumun.blogspot.com/2011/11/keberkahan-harta-ditangan-orang-shalih.html'>KEBERKAHAN HARTA DITANGAN ORANG SHALIH</a></h2>
  <p> Manfaat harta yang bersih dan halal di tangan orang shalih sangat banyak. Ibarat pohon kurma yang tidak menyisakan bagian sedikit pun, melainkan seluruhnya bermanfaat untuk manusia, sehingga tidak ada alasan bagi seorang muslim yang ingin meraih hidup bahagia di dunia dan akhirat untuk bermalas-malasan dan berpangku </p>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZM9RV2PWxYOJtrWHA3OVpfPtbDmxqowAx9xwnimRGG4H6_37jvXuDQPlkFVcWQeuQ16Jst2wlndek1TBGmKRGK6c8AoH0OoBTvRIPns-Ejzm6GJGJSRjPYeEkZfUZvoG7Rp87EVCllo/s1600/rokok.jpeg'/></div>
  <div class='slide'>
  <span class='slmet'> Posted by uluumun </span>
  <h2><a href='http://uluumun.blogspot.com/2011/11/rokok-dalam-timbangan-syariat-islam.html'>ROKOK DALAM TIMBANGAN SYARIAT ISLAM</a></h2>
  <p>Benda yang satu ini, meski kecil ukurannya, namun mengandung berbagai zat dan racun yang amat berbahaya bagi manusia. Tapi anehnya,</p>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLC7MO5EYZPRTsrQ-jijAr02O_zfbduJMGkIjNwtErXb42dKw7u-Ee8NSG33aj8ghUssC86Z5KwoU6OudIxc1euxhMMOqDCuUC4LdEjMUsgoWfClxc9fkpsAiWiwKl5YD7WGq4BgENRLz/s1600/harta-tahta.jpg'/></div>
  </div>
  <!-- /Mover --> </div>
  <!-- /Slider --> </div>
  <div class='clear'/>

• Yang terakhir Simpan Template dan lihat hasilnya

Mungkin kode-kode diatas ingin diganti dan di sesuaikan dengan selera kamu maka ada beberapa yang perlu di edit, apa saja itu?

1. Background image yang perlu di sesuaikan dengan kondisi template sodara-sodara, silahkan disesuaikan pada kode:
   #slider { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfR4-knythKI4NJcz9Uoaj8dGeDLDXgYgEAWFCtOEfNwnRuaF4nqLy-TtLJuANQEVW-vFDOJkshVRL5PoSWXAeM5RW9iLpMvdvTpDGFW68DRMd3wGDqpU7YdLKzCVY4joKXj5OZ6v2LLCJ/s1600/latar+slider+uluumun.jpg); height: 300px; overflow: hidden; position: relative; margin: 5px 0; }
   
2. Untuk menambah isi dari slider itu sendiri silahkan tambahkan kode berikut:
   
   <span class='slmet'> Posted by Admin </span>
   <h2><a href='http://link-artikel.com/detail-artikel.html'>Judul slider artikel</a></h2>
   <p>Deskripsi isi slider </p>
   <img alt='' src='http://link-gambar.jpg'/> </div>
   
3. Untuk mengatur warna text,bentuk text, warna link,jenis font silahkan di oprak-aprek pada kode CSSnya,děsini awak gak bisa jelaskan karna masing-masing template blog berbeda-beda.
   
4. Untuk mengatur delay (kecepatan slider) pada slider, silahkan buka file http://blogtegal.googlecode.com/files/slider.js menggunakan notepad atau wordpad atau sejenisnya, kemudian tinggal ganti saja jumlah var delayLength = 4000; dengan angka berapa saja, mis 5000 atau 9000 (catatan: 1 detik = 1000)

Selamat mencoba dan berpusing ria

Cara membuat widget hanya tampil di home

ikuti langkah-langkah berikut ini :

1. Login ke Account/Dashboard blog kalian,kemudian pilih tab Design/Rancangan.

2. Masuk ke menu Edit HTML.

3. Cari kode ]]></b:skin>

4. Ganti kode tersebut dengan kode di bawah ini :

]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#HTML1 {display:none}
#HTML3 {display:none}

</b:if>
</style>
5. Perhatikan teks berwarna biru diatas.. itu adalah kode id elemen yang akan kita buat tampil di halaman home saja. Ganti kode tersebut dengan id widget kalian.untuk mengetahui id widget, Sobat bisa mencari berdasarkan judul widgetnya. Teks warna merah dibawah adalah judul widget,sedangkan yang berwarna biru adalah id widgetnya.

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Subscribe' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Free Template' type='HTML'/>
<b:widget id='HTML3' locked='false' title='New Tutorial' type='HTML'/>
</b:section>
      </div>

dari contoh tersebut, yang tampil pada home hanya Subscribe dan New Tutorial. Sedangkan pada halaman membaca artikel,kedua widget tersebut ngga akan terlihat.

6. Save template,dan lihat hasilnya.

Mudah bukan? :) semoga bermanfaat sobat!

Sumber info script : www.resepblog.co.cc