Membuat Buku Tamu/Space Iklan Melayang Di Blog

Kali ini kita coba bersama-sama bagi mana membuat buku tamu atau space iklan yang dapat melayang-layang di area blog, mungkin teman-teman sering melihanya ketika berkunjung ke situs-situ yang berjenis bisnis online, bagi teman-teman yang ingin mencoba membuatnya tetapi belum menemukan tutorialnya mungkin dengan postingan saya yang sederhana ini semoga dapat membantu teman-teman semua. Bagi yang berminat mencobanya saya sarankan untuk melihat demonya dulu agar tidak menyesal di kemudian hari :).

Berikut cara pembuatanya :

• Tambah Gadget
• Pilih HTML/JAVA SCRIPT
• Kemudian Copas Script dibawah ini.
  

<style type="text/css">
#topbar{
position:absolute;
border:;
padding: 2px;
background-color:;
width: 390px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* http://amcied-logica.blogspot.com/
***********************************************/
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar">
<a href="" onclick="closebar(); return false"><span style="float:left">[X]close</span></a>

<div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow; -moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;">

<div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">Pasang Buku Tamu/Iklan Disini</div>

</div></div></div></div>

• Simpan, dan lihat hasilnya.

Selamat mencoba dan semoga bermanfaat...!!!

Read More..

Driver Genius Pro 9

Driver Genius Pro 9, merupakan salah satu software yang terbaik menurut saya, Driver Genius Pro 9 ini dapat memperbaiki performa komputer anda lebih baik apa lagi kita tau driver-driver komputer tidak selamanya terjaga dengan baik, malah terkadang dengan kecerobohan kita driver-driver yang kita miliki ntah kemana karena lupa meletakkannya, Driver Genius Pro 9 sangat membantu dan cara menggunakannya sangat mudah tinggal beberapa klik secara otomatis akan mengupdate pada driver yang belum terinstal yang pasti software ini harus digunakan di komputer yang terkoneksi internet.

Cara Instalasi

1. Install drvgenpro.exe
2. Copy the file "DriverGenius.exe" in install dir, by default: C:\Program Files\Driver-Soft\DriverGenius
3. Run DriverGenius Pro and use the serial for register the program
   

1. Instala drvgenpro.exe
2. Copy el archivo "DriverGenius.exe" donde se instaló el programa, por defecto: C:\Archivos de Programa\Driver-Soft\DriverGenius
3. Ejecuta DriverGenius Pro y usa la serial para registrarlo
   

Driver Genius Pro 9 serial:

ACTA4Y-D5RZWV-G729EV-P6N287-V797Z6-LJU99L

Download :: Driver Genius Pro 9

Penting...!!! Bila ada link yang rusak harap informasikan ke kami.
Terima kasih...!!!

Read More..

Total Video Converter v3.61

Total Video Converter v3.61 adalah salah satu software converter yang dapat mengkonversi bermacam jenis file-file audio dan video ke dalam format file yang kita inginkan. fitur dan format file yang di berikan sangat banyak mungkin terlengkap dari pada software-software converter lainnya.hehee maaf bukan mksud ngejatuhin lawan. cara gunainnya juga sangat gampang tidak perlu keahlian khusus dan software ini sudah saya coba, sangat bagus dan komplit deh, ya udah dari pada penasaran download aja langsung Gratis kok.

Download :: Total Video Converter v3.61

Penting...!!! Bila ada link yang rusak harap informasikan ke kami.
Terima kasih...!!!

Read More..

Cara Membuat Menu dTree

Menu dTree adalah menu yang mirip menu explore dan menu ini dapat kita tampilkan ke dalam web/blog. Teman-teman pasti sudah pada tahukan bagaimana bentuknya menu explore itu. Untuk penampilan menu dTree sendiri, daripada teman-teman ntarnya bingung di bawah ini ada demonya sebelum teman-teman ingin mencoba membuatnya bisa di lihat dulu. Oh ya...sebenarnya trik ini sudah lama sekali dibahas. dan trik ini bersumber dari Destroydrop.com, maklumlah saya juga masih belajar,, jadi harus memiliki referensi sebanyak-banyaknya. Ok, lanjuuut...

Untuk memulai memasang menu tersebut, seperti biasa login dulu ke akun blogger. Lalu klik Rancangan >> Klik Edit HTML

• cari script </head> kemudian letakkan script-script di bawah ini di atas script tadi.

<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

• Kemudian simpan template
• Selanjutnya kunjungi Elemen Laman >> Tambah gadget >> HTML/JavaScript >> copas script berikut ini.

<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'amcied Logica');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' #.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' #.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');
d.add(9,8,'Sub/file Sub folder 03',' #.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' #.html');
d.add(11,0,'File[non-folder]',' #.html');
d.add(12,0,'File Single',' #.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>

Selesai deh, gampangkan ;).. Semoga Bermanfaat...!!!

Read More..

Membuat Efek Zoom Sederhana Pada Gambar

Bagaimana cara membuat suatu effect pada gambar atau image yang kita pasang, yaitu effect yang membuat besar image atau gambar ketika mouse diletakkan tepat di atasnya atau di sorot. Banyak sekali web yang telah menjelaskan cara menggunakan aplikasi effect seperti ini, biasanya web yang menampilkan galeri gambar. disini saya akan mencoba berbagi membuat efek zoom yang sangat sederhana mungkin tidak sebagus bila menggunakan script-script JQuery. Sebelum mencobanya saya sarankan untuk melihat demonya dulu.

Langsung aja ya...!!!

• Cari script ]]></b:skin> kemudian letakkan script di bawah ini tepat di atasnya.

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
font: arial black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}

• Kemudian Simpan...!!!
• Setelah itu copy-paste script brikut, letakkan di mana saja sesuai keinginan anda.

<a class="thumbnail" href="#thumb"><img src="Url Gambar" width="100px" height="66px" border="0" /><span><img src="Url Gambar" /><br />keterangan Gambar</span></a>

Semoga Bermanfaat...!!!

Read More..