Cara Membuat Bismillah Otomatis Di awal Postingan Blog

Thursday, May 16, 2013

Membuat Bismillah Otomatis Di awal Postingan Blog -

Nah,,, Jika sobat ingin menambah bismillah di awal postingan Blog, ikuti petunjuk dibawah ini: Cekidot !!!!

Cara Memasang Bismillah Di Awal Postingan
1. Buka blog anda
2. Pilih Template => Edit HTML

3. Cari kode <data:post.body/> jika sudah ketemu.

4. Lalu letakkan kode Bismillah dibawah ini, tepat diatasnya

<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>ب&#1616;س&#1618;م&#1616; الله&#1616; الر&#1617;&#1614;ح&#1618;من&#1616; الر&#1617;&#1614;ح&#1616;يم&#1616;</span></span> </div><br/>

Atau Sobat bisa juga memasang kode dibawah ini, Bedanya pada tampilan font :

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>

Sekian dulu sobat Cara Membuat Bismillah Otomatis Di awal Postingan Blog tentunya sangat menarik buat blog sobat, hehehe Selamat Mencoba Widget Bismillah Di awal postingan Blog.

 

sumber  http://softwaremaniapc.blogspot.com/2013/05/cara-membuat-bismillah-otomatis-di-awal.html

Read More

Cara Membuat Cursor/Mouse Blog Bertabur Bintang Paling Gampang

Cara Membuat Cursor/Mouse Blog Bertabur Bintang Paling Gampang

• Yang jelas sobat harus login dulu ke blogger.com
• Di dashbord sobat klik 'tata letak' yang nampak di gambar dibawah ini :

• Tambah gadget, lalu scroll ke bawah pada jendela baru yang terbuka hingga terlihat html/javascript
• Klik pada html/javascript tadi!
• Setelah itu, copy kode dibawah ini dan edit seperlunya :

Bintang Warna Merah :

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang Warna Kuning :

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Bintang Warna Hijau : 

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Bintang Warna Hitam : 

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Bintang Warna Biru : 

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Bintang Warna Ungu : 

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Bintang Warna Silver : 

<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

• Paste kode yang tadi sobat copy ke kotak yang besar pada jendela html/javascript
• Klik simpan di bagian kiri bawah jendela dan cobalah di test dengan membuka blog sobat.

Sumber : http://ri-on.blogspot.com

Read More

Cara Memasang Widget Chat Box yang Tersembunyi di Kanan

Cara Memasang Widget Chat Box yang Tersembunyi di Kanan

Nah kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya.
Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIiIfyjcyu22VKU0wu-sifGqO16HD-VqcUQfZwiwqSAmM-wCbzGqASLY_yNP6cij6dmjMNQoj9T5ZoF7ddRiaL36M_H0VKBsJaA_Y1lYAz_ZfQUrW_thP1eQFqAfsrorixC1eOiDXJEk/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">

MASUKAN KODE CHAT BOX DISINI

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://regibrader-free.blogspot.com/2013/02/cara-memasang-widget-chat-box-yang_18.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.

Url Gambar Lainya:

	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4CFRNeTkXA64m39bI6Obsa-UCGhG8hF4cwWDPE5b-fI8fmdlQP71wVn03X4sGqur0_h7w2XQHHlTuT1yZ5J-abt69w3Govmmwk0OCGP9zK5SghkB1CG0F9ZRRoozn9M9cVp9T_oVMIHc/s1600/Chatbox.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg56GiAOgpqANndTp2jhxayJKGb6vQscudQJ0xIamVTtVpJEnmY1Letj0-pLRfiRHj_ZrlT7MwzuHo7Zn7UXESHD7eR6dahoazMv6wgGP90ndEELH5UW0M9k6oizQ0zL7vDIyLnLFHm9OQ/s1600/Bukutamu3.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDlqc4whCUtxEAFV4b2ULGnn9nIutPRxlbHECUFEorfmFMazf5psKfSgtF9KDnsSkoba4796hi-O5idSZJ9zhWWhLaVu-fNetdcJr8-B2TKRQ58AlFYSs9Almk3KKF8ifD74VFgVLkySY/s1600/bukutamu2.gif
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFKbf5j0vwM5QVopJ31Iy27sfSzMPuYDdtH5yf9cjsjnXhTeglCpjlF19ebcjCyLqZ2unevmWiuUfZM3E4nrHCO7MNuccu_3KUrum2muTwRgt14LKGFCwNXIfcKzx8QmCKMIo_d03vgc/s1600/bukutamu5.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh86re4yblDydsyRxRlSBXVew9AqGywhA5oGXJX90D43_SJg6VHC091O2MzJo-cx2UuZUdEU4nezraWkLDZ8-gY35waPj1gfUMTyNHO4fEHYZLbk38q93Y_7jfcXQdqMH21cW_U52Jf0k/s1600/2131wkl.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNSlm5R2ppJLXSaNzn8IvDsZ-_UnsZLL_5qLDA3UzLXPDbXw5i9ArqckDbHWgoFe1a6jtGKmdwrR7NOvKhJGeEOSSriOCqisoNDkuMsu3of5NS-3tl5D_thJ3eUhAlX5yam6hkNsjtkPM/s1600/bukutamu4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS55VbSIp59DzhBW0ajHzEWl0-DCxh1vu4ETQqk0YWE4xSTVCTlGJVaOjZs_vBsURsfTWUzhpYHbH4TqzISnA7zlkYYO7T8w4IRwwM0JIQSbJLL2DtFH5-rTnkfbS_xVeqhmMhVIQ_2Ns/s1600/BukuTamu1.png

10. Klik Simpan dan selesai. Lihat Hasilnya.

 

sumber   http://regibrader-free.blogspot.com

Read More

Cara Membuat Efek Daun Berjatuhan Di Blog

Hai..sob...kali ini saya luhur fatah akan memposting mengenai "Cara Membuat Efek Daun Berjatuhan Di Blog". Daun Berjatuhan Di Blog merupakan sebuah efek yg di buat masih menggunakan java script, Fungsi dari Efek Daun Berjatuhan Di Blog mempercantik blog agar blog merasa indah bila di pandang, memang  Efek Daun Berjatuhan Di Blog bisa memperlambat loading blog, tapi jika sobat hanya menggunkan efek ini dan tidak menggunakan efek lain, Loading blog pasti akan tetap cepat. Gimana berminat..silahkan simak tutorial berikut..!!!

1. Login ke akun Blogger Sobat.

2. Lalu Sobat pergi ke Template

3. Untuk berjaga-jaga Download dulu template blog sobat.

4. Pilih Edit HTML >> Lanjutkan >> Centang Expand Template Widget

5. Cari Kode </head> Untuk mempermudah sobat bisa gunakan Ctrl+F atau F3

6. Copas kode berikut tepat di atas kode </head>

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

7. Simpan dan lihat hasilnya...

sumber  http://widgetfree.blogspot.com

Read More

Cara Membuat Buku Tamu Tersembunyi di Blog

Cara Membuat Buku Tamu Tersembunyi di Blog

Cara Membuat Buku Tamu Tersembunyi di Blog - Cara memasang buku tamu/guest book tersembunyi di blog atau cara agar buku tamu/guest book bisa tersembunyi di blog.

Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita.Buku tamu juga dapat menaikan trafic blog. Jika anda tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah berikut:

Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML

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


    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwfom4k2uPJpSWFX9T3Oa5xW7c7ZONFtg5UAlgh6E96i5CDTsBaWlHLrn-AnALw2wuJvYZvQm2Pd0dPP00Sm110wq2uvmv9DDmBA8BHFKbDI7_-_-s1wjBb6VGQQ6He5fgOnqrcqhtsmL5/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    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.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>


    <div id="gb">


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


    <div class="gbcontent">


    < Letakkan disini kode Shoutbox Anda>


    </div>


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

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.

7.Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing,jika tidak berhasil tulis keluhan di buku tamu kami. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.

sumber http://slinder9.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html

Read More

Cara Membuat Buku Tamu Tersembunyi

Guest Book atau yang lebih dikenal adalah Buku Tamu Chat Box adalah tempat untuk pengunjung yang sedang online memberikan daftar hadir di sebuah situs / blog. Komponen dari buku tamu adalah dengan memasukkan nama, email, dan message (pesan) kepada pemilik blog.

Buku Tamu ini sering dimanfaatkan untuk meletakkan url link menuju halaman website kita. Beragam Gadget dan Widget Guest Book tersedia di beberapa website yang menyediakan chat box menu secara gratis. Apabila anda belum memiliki guest book silahkan daftar terlebih dahulu di Shoutmix atau Cbox.

Disana anda hanya perlu melakukan pendaftaran dan melakukan optimisasi warna bukutamu, warna text, background dan sebagainya. Setelah anda melakukan personalisasi, copy kode HTML / Javascript yang diberikan.

Untuk menghemat ruang, guest book ini dapat disembunyikan di bagian scroll kiri kita. Jadi Buku Tamu tersebut tidak melayang di blog, tetapi akan dibuat auto hide dengan tombol click pada mouse. Berikut panduan pembuatan widget buku tamu tersebut.

Cara Membuat Buku Tamu Tersembunyi :
1. Masuk ke Blogger.com
2. Pilih Layout > Tambah Gadget / Widget
3. Klik HTML/Javascript
4. Masukkan kode di bawah ini ke dalam kotak box tersebut.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('

#0b5394;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1rP9KioetTo0YZ_2HcqBJ1uia1TmwEjMyCO3LWvztN8zIWSZH4T_Y-5A3Km03SkNBS2yMWoKXYcK4YKdQ_o5Vh0qLhzcrVJSyiizS9qC4KDtIowdN7Cgy3bwpet9hXNJ9-L6NLY7Arlp/s1600/impoint.blogspot.com+bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<Letakkan disini kode Buku Tamu Anda>

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://sazuke-4rt.blogspot.com/2013/01/buku-tamu.html" target="_blank">Sasuke Blog</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

5. Ganti tulisan <Letakkan disini kode buku tamu anda> (berwarna merah) dengan kode Guestbook yang anda buat di Shoutmix atau Cbox.ws tadi.
6. Simpan Template.

Buku tamu tersebut sudah terpasang rapih dan lebih optimal di blog anda. Semoga dapat bermanfaat. Jika ada yang masih belum paham silahkan berkomentar. Anda juga dapat mengganti background gambar buku tamu tersebut pada kode berwarna biru diatas. Demikian artikel mengenai Cara Membuat Buku Tamu Tersembunyi.

sumber: http://impoint.blogspot.com

Read More

Cara Pasang Background Matrix Di Blog

Oke...postingan artikel kali ini cara pasang background The Matrix yang unik dan atraktif. Background The Matrix ini tersedia dalam berbagai image yang sudah saya persiapkan. Sobat blogger tinggal pilih imagenya kemudian tinggal pasang kode CSS-nya di blog sobat. Caranya gampang ga perlu ribet n pusing...

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan

• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".
  
  
  


• Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.
  
  
  <style type="text/css">
  body{
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjbdV8ROZHNP83rkRrHePg_vtUmb__TTy0lu6HTSGs2Xls1tSzqMxsaeQNrigLx4MAOQojW-tBwyf_wnKHT4PHpsi7beipgjik9bZzFiikCclcv6CKetzLPNaFmyfYennukoY7_gdRNo1/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
  }
  </style>
• Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix yang sobat inginkan.
• Klik "Save" dan lihat hasilnya...

Animasi Gambar Matrix

• 0-1-1 Matrix
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTshPkkRF7WyswrZTAFrDr0huvmhCb-Q8BsC1UY2c_RUzlVk2fznQdJwLOIrY19TeXWQ8q5n7XAuaD7sMzBGbrYi7jjp2VifR9_L5eTm4q_gjCnYi7fI2h2pJNr17uGQ3WYF83Gq5zCbM/s1600/0_1_1.gif


• Black Red Matrix
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GwH1LuvS7dO21480NJojrIM7Aq8hfxpfI4LafwgEKNo2Lx_yZJQtBhrDOUOe0zJMiQJPo_HJd-8S22IwJmIUNy9XfdSFo3pLYy4P2cnWrsfsyg32D4htuGPWykIiJMBSqF4wesSShj4h/s800/black_red_matrix.gif


• Blue Matrix 1
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii4JDYjqAZelZzV-ghmxhOHqeNmtD6FaH-b-twmrZ5C8IcRndax6XFX9_Ovr4kIfeT_ju47IWw4EmbhVOK21Ew30IySGgqrdRNV8c6EsZK_fEm_baXEoNRjF8bVUs3WnIFiqmLEUw99skW/s800/bluematrix.gif


• Blue Matrix 2
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik58RkxSckWrKCnZAf8KmO8PPqQ4ve9GbdGR2_U7hpNup80e6h6E2CgihxgM5IhCDR2r1ZFUKlKWXleydDHa-l5Bfa1MXCXi1I-mRDwPYieOtF9ouEzPWmkqaZy7CNT-Qh5Eat26AjRtTY/s800/bluematrix2.gif


• Green Matrix
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQS1B2ofivC7FV8fAifQ3GSc6cRKjOCwxbEYaHAeZ-K1Sfev3aqKUbvoOiK7vp635mrYlOPf47vHZ3V0mszUp9hh9w1Rbhxr3W21PXaXrpLS5UYjn5FrXsIv00fZM8JnsfZCsvsjBTq-J/s800/matrix.gif


• Port Listener
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPaBmuyi6QSlyd2GZlehRWk5ZoL8vZJIkpB743TqSY91aeeBLWonS2HU6QyPD6FyhNi87748gsfUHyea_G4MG9MvhXiAhQac2sYDNArmXhbkm00a-dDvuYBfkPhqoOdu6QlqRjVgzwC4O/s800/port_listener.gif


• Red Matrix
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjbdV8ROZHNP83rkRrHePg_vtUmb__TTy0lu6HTSGs2Xls1tSzqMxsaeQNrigLx4MAOQojW-tBwyf_wnKHT4PHpsi7beipgjik9bZzFiikCclcv6CKetzLPNaFmyfYennukoY7_gdRNo1/s800/monozcore_blogspot_com_redmatrix.gif


• Blue Matrix
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUmKjaNW06N04ekNDv3K8SLoLHvmpV-bnKrbkKU-MJPOgpmn9a0gYUMlVhrsRvTktfrfl3Q4rznkOU8R7FQw59JQ0GPDEI7icLZGeQh3DBP9IaS_IvBtWK9TtOtOdwB-MwwAnWZEFiiOE/s800/matrix.gif

Wuiiihhh...cape juga ngetiknya...oke selamat mencoba aja dech... Jangan lupa koment, G+1, star vote and FB Like. Happy Blogging...!@#$%&

Read More

MEMBUAT EFEK MATRIX DENGAN PHOTOSHOP

MEMBUAT EFEK MATRIX DENGAN PHOTOSHOP

Pagi-pagi posting yang ringan-ringan saja... Tapi, cukup menarik lho...!!! Nih aku posting tentang design graphics, yaitu gimana caranya bikin efek matrix dengan photoshop...!!! Jadi ini bukan animasi tapi hanya gambar namun efeknya hampir menyerupai matrix (film matrix). Contohnya yang ada di header blogku ini...!!! Nah caranya langsung aja kamu buka photoshopnya...!!!


1. Buat lembar kerja dengan ukuran terserah kamu dan beri warna hitam (sebenarnya gak harus hitam, tapi di film matrix yang dominan hijau dan hitam)

2. Kalian masuk ke menu filter >>> Texture >>> Grain maka akan keluar tampilan seperti dibawah ini lalu kalian atur sesuai keinginan (sesuaikan)

3. Dalam praktekku aku mengganti semuanya menjadi 100% dan klik OK maka akan menjadi seperti ini :

4. Klik Filter >>> Artistic >>> Neon Glow maka akan keluar tampilan seperti ini :

5. Kalian atur misalnya : Glow Size = 5, Glow Brightness = 25, dan Glow Color = hijau lalu klik OK maka akan tampil seperti dibawah ini kemudian simpan dalam ekstensi *.jpg, *.png, dsb

6. Selesai..

---------------------------------------------------GOOD LUCK-----------------------------------------------

sumber http://ubaynyzhar.blogspot.com

Read More

MEMBUAT READ MORE

MEMBUAT READ MORE

Akhirnya dapat ide lagi.Nah. Langsung saja dari pada kepanjangan, nggak kelar-kelar, ntar akhirnya kemalaman, tidurnya kelarutan, dan akhirnya ntar bangunnya kesiangan. Hahahaha...!!! oke gini caranya... Simak baik-baik..., hehehehehehehehehehehehehehehehehehehehehehehehe...!!!!

* Login seperti biasa >>> masuk pengaturan >>> masuk format

* Pada bagian paling bawah terdapat sebuah textarea dan isi textarea kosong tersebut dengan kode berikut :

<span class="fullpost"></span>

* Simpan pengaturan dan lakukan langkah selanjutnya...

* Centang "Expand Template Widget" kemudian cari kode <data:post.body/> dan ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong><img src='http://i833.photobucket.com/albums/zz258/NYZHAR/READ-MORE.gif'/></strong></a></p>
</b:if>

* Simpan template

:: ANDA BISA GANTI KODE WARNA MERAH DENGAN URL GAMBAR READ MORE ANDA ::

:: POSTING ::

Untuk melakukan posting ketik posting yang ingin ditampilkan awal di antara kode <span class="fullpost"></span> kemudian sisa posting tulis di akhir kode.

 

sumber ubaynyzhar

Read More

MEMBUAT TITLE BERGERAK (RANDOM LETTERS)

MEMBUAT TITLE BERGERAK (RANDOM LETTERS)

Selamat malam semua. Malam-malam gini baru dapat ide buat posting.aku jadi tertarik bikin title bergerak seperti gitu. Dan akhirnya setelah coba-coba akhirnya sukses juga bikin title seperti gitu. Title ini contohnya seperti di blogku ini. Title ini bukan bergerak seperti yang pernah aku posting dulu, tapi kali ini title bergerak muncul satu per satu secara random atau acak. Nah untuk membuatnya scriptnya cukup panjang lho...!!! hufft...!!!

1. Login akun blog kalian

2. Masuk Rancangan >>> Edit HTML

3. cari kode <title><data:blog.pagetitle/></title> kemudian copy-paste script berikut tepat di bawah kode tersebut :

<script type='text/javascript'>
//<![CDATA[
function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(1);
tb5_messages[0] = "UBAY_NYZHAR";
tb5_rptType = 'infinite';
tb5_rptNbr = 5;
tb5_speed = 300;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();
//]]></script>

4. Simpan Template

:: KODE WARNA MERAH KALIAN GANTI SESUAI KEINGINAN :: 

ssumber  ubaynyzhar.blogspot.com

Read More

MEMBUAT BACKGROUD MATRIX

MEMBUAT BACKGROUD MATRIX

Bosan dengan tampilan blogku yang standard-standard aja...,
Aku nyoba-nyoba sesuatu..., Akhirnya aku dapat ide buat ganti background blog jadi seperti di film matrix (yang angka-angka warna hijau ada banyak terus jalan vertical dengan cepat itu lho...!!!)
Akhirnya jadi deh seperti backgroundku yang sekarang...,



Oke begini caranya :
1. Login ke akun blog kamu
2. Masuk Tata Letak >>> Edit HTML
3. Cari kode </body>

4 Copy-Paste script di bawah ini di atas kode </body> tadi :


<style>
.nackvision.com {Background code}
body {background-image: url(http://i560.photobucket.com/albums/ss44/erge32/dot.gif);}
</style>

5. Simpan template
6. Selamat anda telah masuk dunia matrix...!!!

Sumber ubaynyzhar.blogspot.com

Read More

Cara mengetahui harga blog dan website

Cara mengetahui harga blog dan website

Anda mempunyai blog? berapa rata-rata kunjungan blog Anda setiap hari? Kalau ada keinginan untuk menjual sebuah blog, kira-kira berapa ya harga yang pantas untuk blog saya? Di posting kali ini kami ingin memberikan cara untuk mengetahui harga suatu blog.


Setelah bertahun-tahun menulis berbagai macam artikel di sebuah blog dan pengunjung pun membludak setiap harinya kemudian ada seseorang yang ingin membeli blog Anda, bagaimanakah tanggapan Anda? Kalau Anda belum tahu harga blog Anda di pasaran maka pasti Anda bingung, karena Anda belum tahu harga yang pantas untuk blog Anda.
Dibawah ini ada berbagai macam alamat website referensi untuk mengetahui berapa uang yang pantas untuk menghargai blog Anda, kalau Anda berniat menjualnya. Tentu harganya beragam menurut versi masing-masing website.

http://www.blogcalculator.com
Di website ini Anda disuruh untuk menginput data blog Anda seperti nama blog dan jumlah kunjungan di bulan terakhir. Dan lihatlah, harga blog Anda pun akan muncul menurut perhitungan dari website ini

http://www.websiteoutlook.com
Sedikit berbeda dengan website diatas, disini untuk mengetahui harga blog Anda, Anda tidak perlu menginput data blog, tetapi cukup mengetikkan alamat blog Anda atau nama domain Anda.

http://www.seotunning.com
Pada dasarnya website ini tidak hanya untuk mengetahui harga sebuah blog, tetapi lebih kepada check blog. Artinya kita bisa mengetahui atau mengecheck semua jenis status blog kita, termasuk Site visits & pageviews, Domain Age, Google pagerank, Alexa traffic rank dll (Tidak berlaku untuk blog gratis seperti blogspot,wordpress maupun subdomain)

http://yourwebsitevalue.com
Kami rasa, kami tidak perlu lagi deh memberikan penjelasan tentang website ini. Hari gini masih perlu penjelasan...??? Apa kata dunia. Kunjungi websitenya dan cari tahu sendiri harga blog Anda... hehee:D

Read More

Cara Membuat Kotak Komentar Facebook di Blogger

Cara Membuat Comment Box Facebook di Blogger,bersebelahan dengan komentar blog di bawahnya. Membuat komentar dengan tampilan yang menarik, akan memancing pengunjung untuk berkomentar di blog Anda. Hal ini sudah tidak menjadi hal yang baru, dan telah banyak yang memakai dengan aplikasi plugin tambahan Facebook ini. Mengapa banyak orang yang ingin membuat kotak komentar facebook di blognya? Salah satu faktor utama adalah untuk meningkatkan traffik pengunjung bagi blog mereka.

Facebook memang sebagai Social Media sedangkan Blogger adalah Pembangun Blog dengan platform gratis. Hubungan pembuatan komentar Facebook di Blogger, bukan untuk media promosi di social media melainkan menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan facebook. Untuk cara pembuatan kotak komentar facebook ini cukup mudah dan 100% berhasil. Agar blog Anda lebih terkonektivitas dengan facebook, langkah pertama adalah dengan membuat aplikasi di facebook terlebih dahulu. Tetapi, bagi Anda yang hanya ingin mengarahkan kotak komentar sebagai Anda yang menjadi adminnya tidak perlu membuat aplikasi facebook ini.

Cara Membuat Aplikasi di Facebook :

• Login ke Facebook Anda.
• Silahkan klik link Pembuatan Aplikasi Facebook ini.
• Klik "Create New App"
• Masukkan Nama Aplikasi anda di "App Display Name" , seperti gambar diatas.
• Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".
• Masukkan kode yang tertera, apabila kode benar maka akan muncul tampilan berikut ini

Isikan pada kolom "Website", dan "App on Facebook (Canvas URL)" dengan alamat blog kamu. Lalu Simpan. Catat nomor Aplikasi ID Anda, seperti yang ditunjukkan di gambar Facebook tersebut. Sampai disini anda telah selesai membuat plugin aplikasi facebook. Sekarang lanjut ke tahap pembuatan komentar facebook di blog.

Cara Membuat Kotak Komentar Facebook di Blog :

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML

2. Jangan lupa centang tulisan EXPAND TEMPLATE WIDGET

3. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F 

4. Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

.comments-page { background-color: #00BFFF;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

5. Setelah itu cari lagi kode </head> kemudian letakkan kembali kode di bawah ini tepat di atas kode </head> :

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

Ganti kata ID FB Anda dengan aplikasi facebook yang telah Anda buat tadi. Jika Anda tidak membuat aplikasi facebook, silahkan masukkan id facebook anda yang terlihat di browser. Contoh : http://facebook.com/pemakan.wortell/ masukkan pemakan.wortell saja.

6. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi. Silahkan cari kode <div class='comments' id='comments'>  .. Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.Cari kode yang paling terakhir, lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class='comments' id='comments'> :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
    <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:588px;'>Facebook Comments by
<b><a href='http://impoint.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Media Blogger</a></b>
</div>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Lalu, Klik Simpan Template dan lihat hasilnya. Jika Kotak Komentar Facebook belum terlihat juga mungkin template tidak memiliki script kode yang support dengan facebook.

Maka, cari kode ini <html dan ganti dengan kode di bawah ini :
<html xmlns:fb='http://www.facebook.com/2008/fbml'
Simpan Template Anda.

Langkah langkah diatas telah saya tes dan berhasil. Semoga Cara Membuat Kotak Komentar Facebook di Blogger ini dapat bermanfaat untuk Anda. Semoga Bermanfaat. Jika Ada permasalahan mengenai cara mengganti komentar facebook ini, silahkan berkomentar.

sumbert      http://impoint.blogspot.com

Read More

Cara Menginstall Linux Redhat 9

Cara Menginstall Linux Redhat 9 Lengkap Gambar

Persiapan Instalasi
Beberapa hal yang patut anda catat sebelum memulai instalasi adalah :
1. siapkan PC yang memungkinkan untuk menginstal linux

2. siapkan CD instalasi Linux yang akan anda instal
Memulai Instalasi
1. Setting BIOS pada komputer, agar booting pertama dari CD-Drive.
2. Masukkan Disk ke 1 dari 3 CD Red Hat ke dalam CD-Drive.
 Tunggu beberapa saat hingga tampil pilihan untuk memulai instalatasi Red Hat tersebut | tekan tombol Enter. 

Maka muncullah gambar seperti dibawah ini :

 langkah-langkah mengistall  Linux Redhat 9 :

1. Booting dari CD atau DVD

2. Tekan enter

3. Pilih Skip
4. Tekan enter

5. Klik next

6. Pilih bahasa yang agan inginkan
7. Klik next

8. Pilih U.S. English
9. Klik next

10. Pilih Wheel Mouse (PS/2)
11. Klik next

12. Karena saya menggunakan komputer saya sendiri jadi saya memilih Personal Desktop. Workstation untuk perusahaan. Server untuk komputer yang digunakan hanya sebagai server saja. Custom untuk memilih secara manual

13. Klik next

14. Agar cepat dalam menginstall redhat 9 sebaiknya agan memilih yang paling atas yaitu Automatically Partition

15. Jika komputer masih ada data, misal: sudah ada windowsnya. Maka muncul pesan Warning
16. Klik Yes

17. Pilih Remove all Linux Partition on this system
18. Klik next

19. Klik Yes

20. Klik next

21. Pilih automatically via DHCP
22. Klik next

23. Pilih Use default firewall rules
24. Klik next

25. Klik next

26. Pilih dimana lokasi agan sekarang

27. Isi Root password sesuai keinginan agan
28. Isi Confirm dengan password yang sudah agan isi sebelumnya

29. Pilih Accept the current package list
30. Klik next

31. Klik next

32. Tunggu proses kira-kira kurang lebih 7 menit

33. Masukkan CD kedua
34. Klik OK
35. Tunggu beberapa saat

36. Masukkan CD ketiga
37. Klik OK
38. Tunggu beberapa saat

39. Pilih No, I do not want to create a boot diskette
40. Klik next

41. Pilih VESA driver (generic)
42. Klik next

43. Pilih Unprobed Monitor
44. Klik next

45. Screen Resolution bisa agan pilih sesuai dengan ukuran layar monitor agan
46. Klik next

47. Klik Exit untuk restart system dan komputer sekaligus untuk menyelesaikan instalasi redhat 9

48. Tekan enter atau biarkan saja dalam waktu 10 detik agan akan langsung masuk

49. Klik forward

50. Isi Username sesuai keinginan agan, misal saya memakai nama Science. Isi Full name sesuai keinginan anda, sama juga tidak masalah. Isi Password sesuai keinginan agan atau sama dengan password yang awal tadi waktu menginstall redhat 9, samakan Confirm password dengan password yang sudah agan isi sebelumnya
51. Klik forward

52. Atur Date and Time sesuai dengan tanggal dan waktu yang ada di tempat agan
53. Klik forward

54. Klik forward

55. Pilih No, I do not want to register my system, karena agan bisa mengkonfigurasinya setelah agan sudah masuk ke tampilan redhat 9

56. Klik forward

57. Klik forward

58. Masukkan Username yang sudah agan isi tadi
59. Tekan enter

60. Masukkan Password yang sudah agan isi tadi
61. Tekan enter

62. Inilah tampilan Linux Redhat 9

Nah selesai juga kan menginstalnya... tinggal nyobainnya aja sobat.

"Semoga Bermanfaat yaa"

Sumber :http://media-science.blogspot.com/

Read More