Cara mengetahui Blog atau Web yang terserang Virus

Jika anda telah melihat gambar disamping,itu merupakan status blog atau website yang sudah terserang virus atau tidak yang kita bisa dideteksi dengan menggunakan Webutation. dengan semakin pesatnya virus di Dunia ini virus komputer sudah mulai menyebar tanpa kendali entah itu di PC/Laptop anda atau disebuah blog atau website yang telah disisipi virus,untuk mencegah hal itu anda dapat mendeteksinya dengan menggunakan fitur di website Webutation situs yang menawarkan scan blog atau web secara gratis.


Cara Menggunakannya cukup gampang :

1. Ketik pada address bar browser http://www.webutation.net/
2. Masukan alamat blog atau website anda dikotak yang sudah disediakan.
3. Setelah itu tunggu dan anda akan mendapatkan hasilnya.
4. Jika anda ingin menambahkan widget anda dapat memilih tab For Webmaster,pilih widget yang ingin digunakan dan pasang di blog atau website anda.

Jika anda mendapatkan gambar tameng berwarna hijau maka situs blog atau website anda sudah dipastikan aman,namun untuk kebawah anda harus menghapus source code entah itu javascript yang berisi virus atau memperbaiki situs blog atau website anda.

Semoga artikel ini berguna untuk anda, Selamat Malam !!!..

Read More

Cara membuat Menu Popup

Menu Popup adalah menu yang berfungsi saat diklik akan menampilkan beberapa menu lagi,pembuatannya pun cukup mudah dan tidak perlu lagi mengobrak-ngabrik code CSSnya.untuk demo sudah ada dibagian kiri.








1. Tambahkan code CSS ini kedalan website kamu namun untuk diblogger anda dapat memasukannya diatas code </style>.

.size { position:relative }
.size .field {
 width:150px;background:white; color:black; padding:5px; border:none; cursor:pointer;
 font-family:'lucida sans unicode',sans-serif; font-size:12px;
 border:solid 1px black;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.size .field:hover {
 border:solid 1px #fff;
 -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { display:none;
 position:absolute;  z-index:999;
 width:142px;
 margin:0; padding:10px; list-style:none;
 background:#fff; color:#333;
 -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
 border-bottom: solid 1px #ccc;
width:95%;
}
.size>ul.list li:last-child { border:none }

2. Tambahkan code JS ini tepat diatas code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type="text/javascript">
(function($){
$.fn.styleddropdown = function(){
return this.each(function(){
var obj = $(this)
obj.find('.field').click(function() { //onclick event, 'list' fadein
obj.find('.list').fadeIn(400);

$(document).keyup(function(event) { //keypress event, fadeout on 'escape'
if(event.keyCode == 27) {
obj.find('.list').fadeOut(400);
}
});

obj.find('.list').hover(function(){ },
function(){
$(this).fadeOut(400);
});
});

obj.find('.list li').click(function() { //onclick event, change field value with selected 'list' item and fadeout 'list'
obj.find('.field')
.val($(this).html())
.css({
'background':'#fff',
'color':'#333'
});
obj.find('.list').fadeOut(400);
});
});
};
})(jQuery);

$(function(){
$('.size').styleddropdown();
});
</script>

3. Masukan code HTMLnya dimana saja entah itu dibagian content atau diwidget blogger.

<div class="size">
<input type="text" name="test" value="Sub-Forums ▼" class="field" readonly="readonly" />
<ul class="list">
<li><a href="forum-15.html" title="">Sub 1</a></li>
</ul>
</div>

Maka hasilnya akan seperti ini :

• Sub 1

Bagaimana mudah bukan ?.

Read More

Keuntungan jika kita menggunakan HTML5 & CSS3

Banyak orang yang mungkin tidak mengetahui apa sih keuntungan HTML5 & CSS3,meskipun fungsinya juga tetap sama namun berbeda efeknya.

HTML5 & CSS3 tidak saja sangat tidak lama untuk loadnya jika anda memang mengerti sekali.




Berikut keuntungannya :

1. Jika anda menggunakan HTML5 & CSS3 anda tidak perlu lagi repot-repot nyari Images yang tepat untuk CSS anda,cukup menggunakan code maka HTML5 & CSS3 akan terbentuk sesuai yang anda inginkan.
2. Loading yang sangat sebentar yang menyebabkan HTML5 & CSS3 sangat diperlukan oleh Website,karena Browser telah mendeteksi code tersebut namun disisi lain jika pengguna menggunakan Browser versi lama maka yang terjadi code tersebut tidak akan dideteksi.Tergantung Browser yang digunakan.
3. HTML5 & CSS3 juga hampir tidak memerlukan Javascript jika ingin membuat sebuah efek.
4. HTML5 & CSS3 sangat SEO Friendly mungkin karena Loadnya sebentar jadi Google juga akan cepat menangkap data-data yang ada di web yang dibuat.
5. Dan masih banyak lagi.

Sekarang jangan ragu-ragu untuk menggunakan HTML5 & CSS3 di websitemu sendiri.

Read More

Cara Memasukan Disqus kedalam Blog

Haloo sobat hari ini saya akan sharring tentang cara memasukan disqus kedalam blog tapi disini saya akan kasih tau apa itu Disqus.

Disqus adalah Widget Komentar yang sangat berguna untuk Blog atau Halaman yang aslinya tidak ada fitur komentar.didalam disqus terdapat banyak fitur yang sangat lengkap dan cocok sekali untuk yang blog yang dimoderasi lebih dari dua orang,untuk contohnya cuman lihat Blog ini saja karena sudah menggunakan Disqus.

langkah-langkah untuk memasukan disqus kedalam blog :

1. Masuk ke www.disqus.com lalu klik Get This On Your Site.
2. Masukan data-data anda pada form Register your site for free.
3. Setelah itu isi form Primary moderator dimana Primary Moderator adalah admin dari situs tersebut,jadi kalau mau login ke control panelnya anda harus pakai ID Primary Moderator bukan ID Moderator.
4. Setelah selesai silahkan konfirmasi dulu lewat email jika sudah silahkan login pake ID Primary Moderator.
5. masuk menu Admin lalu klik tab Settings
6. Klik menu install setelah selesai klik Blogger dan anda akan diarahkan ke Blogger.
7. Seperti biasa login Blogger lalu atur widget.
8. Selesai

 Semoga bermanfaat.

Read More

Cara membuat Tooltip

Jika anda mau membuat tooltip seperti ini:

Maka kamu hanya perlu menggunakan tutorial ini harap simak yaa:

#easyTooltip { padding: 5px; border: 1px solid #008000; color: #00cc00; background: #004000; }

Tambahkan code ini dibagian mana saja untuk open source.jika menggunakan blogger maka masukan code itu didalam tag code HTML
.

<style type="css/text">Code Tersebut</style>

lalu tambah code ini pada bagian atas Blog atau Open Source yang digunakan tapi ingat jangan diluar tag <html></html>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <!-- begin Tooltips -->
    <script type='text/javascript'>
    $(document).ready(function(){
    $(&quot;a.tooltip&quot;).easyTooltip();
    });
    </script>    <script type='text/javascript'>
    //<![CDATA[
    (function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
    //]]>
    </script> 

Setelah selesai kita buat percobaan seperti ini:

<a class='tooltip' href='url link' title='pesan tooltip'>text link</a>

Read More

Cara Membuat Archive Blog Dengan Javascript

Sebelumnya tambah Gadget pada blog lalu ketik code ini

<script style="text/javascript" src="http://trevolutions.googlecode.com/files/contents.js"></script><script src="http://trevolutions.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Semoga Berhasil

Read More

jQuery UI Plugins Cocok Untuk Sebuah Website Bergenre javascript

khusus untuk yang suka jQuery ini adalah solusi pengganti script JS berbayar klik disini!.selain itu anda bisa melakukan Customize sesuka hati mu tanpa rasa ragu.

Mau dengan theme yang lebih advance kamu bisa buat disini dengan pilihan yang berbeda sesuai selera anda.

Bisa didownload dibawah :
http://jqueryui.com/download

Read More

Link kedap kedip Efek Dengan Javascript

Hai untuk hari ini saya sharring tentang Cara membuat link kedap kedip dengan javascript.kamu bisa download filenya dilink bawah ya:
http://www.4shared.com/document/wdSdbj69/Link_JS.html


hasilnya seperti ini :

Atau gunakan code di blogger dengan tambah widget di rancangan.

Copas Code ini ya:

<script type ="text/javascript">
<!-- ;
// Setting
//- SPEED CAN BE CHANGED HERE -
var rate = 40; // Increase-Decrease amount ( Higher=Faster )
// - DO NOT ALTER BELOW -
// Main routine
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{ if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != "A" && obj.tagName != "BODY") {
obj = obj.parentElement;
if (obj.tagName == "A" || obj.tagName == "BODY")
break;
}
if (obj.tagName == "A" && obj.href != "")
{ objActive = obj;
act = 1; clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == "A") {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != "A" && obj.nodeName != "BODY") {
obj = obj.parentNode;
if (obj.nodeName == "A" || obj.nodeName == "BODY")
break;
}
if (obj.nodeName == "A" && obj.href != "") {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == "A") {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// HSVtoRGB
if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;
elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) { elmG = t1;
elmB = t2;
elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;
elmR = t2;
elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;
elmR = t2;
elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;
elmG = t2;
elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;
elmG = t2;
elmB = t1 - t3;
}
else { elmR = 0;
elmG = 0;
elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360) elmH = 0;
return "#" + elmR + elmG + elmB;
}
// end hide -->
</script>

Read More