BloggerMates

FOLLOWERS

[ Categories ]

[ Followers ]

Image

[ Partner Link ]

[ Recent Comments ]

Arnoldi-Technology

[ Advertiser ]

Code HTML/Isi Widget kalian
Diberdayakan oleh Blogger.

5 Software Gratis Mengubah Tampilan Windows 7 Seperti Windows 8

Sidoarjo_Hacking,Bisa dikatakan bahwa Windows 8 saat ini menjadi sistem operasi yang begitu populer dengan metro user interface yang tersusun rapi dan dinamis seolah menjadi ciri khas dari windows 8. Bagi Anda yang ingin merasakan sensasi Windows 8 tapi enggan menginstallnya, berikut adalah 5 software gratis yang bisa anda gunakan untuk merubah tampilan windows 7 Anda mirip seperti Windows 8.

1.Mosaic

5 Software Gratis Mengubah Tampilan Windows 7 Seperti Windows 8

Mosaic adalah software gratis untuk memperoleh tampilan Windows 8 dengan metro interface lengkap. Mendukung berbagai task seperti image viewing, text editing, reading RSS feeds. Bahkan anda bisa membuat file back-up serta akses langsung ke Google, Wikipedia, Yahoo, dan lainnya. Pin website atau aplikasi favoritmu pada screen mosaic ini. Dan bahkan menawarkan widget seperti sticky notes, calendar dan lain-lain. Download

2.Newgen



Dengan software ini anda bisa mengkostum Windows 8 start screen dengan bantuan settings menu option, akses aplikasi dengan satu klik dan bahkan bisa melihat video, memainkan musik tanpa perlu membukanya. Download

3.Windows 8 UX Pack



Didesain khusus untuk Windows 7 untuk menghasilkan tampilan yang benar-benar mirip dengan Windows 8. Tidak seperti software serupa yang banyak ditawarkan di internet, software ini sama sekali tidak memodifikasi ataupun merubah file sistem untuk menghasilkan tampilan layaknya windows 8. Start screen akan segera muncul begitu anda selesai menginstall software ini termasuk beberapa kotak, video, gambar, windows media player, weather dan lain-lain. Bahkan tampilan Windows 8 charmsbar akan segera tampil begitu anda mengklik di pojok kanan atas pada layar. Download

4.Windows 8 Transformation Pack



Software ini menawarkan rasa Windows 8 secara lengkap, dengan themes baru, tombol toolbar yang didesain ulang, font dan kursor mouse ala Windows 8. Download

5.Pulmon


5 Software Gratis Mengubah Tampilan Windows 7 Seperti Windows 8

Selain menawarkan tampilan, software satu ini juga menawarkan beberapa fitur dari windows 8. Software gratis ini pada dasarnya akan menempatkan beberapa program Windows 7 anda kedalam kotak. Kotak yang ditampilkan adalah sama dengan apa yang ditampilkan pada windows 8. Anda akan melihat kotak untuk control panel, Internet Explorer, notepad dll. Tinggal klik pada kotak untuk mengakses program, anda juga bisa mengatur posisi kotak sesuai keinginan anda. Download



Sumber

Download Windows 8 and serial number


Hai Sobat... Kami Sidoarjo_Hacking Akan memberi Link Download Windows 8 :D 


Download in Here 


Cara membuat Trigger Hover jQuery / Vertical Sliding Panel

Langkah cara membuat Trigger Hover jQuery / Vertical Sliding Panel mengggunakan jQuery ini sobat bisa lakukan langkah -langkah berikut:

Pertama,pilih Dashboard lalu pilih Tata Letak / Rancangan(1) kemudian pilih tab Edit HTML(2),lalu seperti biasa contreng tulisan Exspand Widget Templates(3).
Lihat Gambar ya :D


Cara membuat Sexy Vertical Sliding Panel mengggunakan jQuery.
(1)


javascript - Combine hover and click functions (jQuery) ?.
(2)


Membuat Vertical Sliding Info Panel With JQuery.
(3)


Nah,selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin> tersebut.

#container {
clear: both;
margin: 0;
padding: 0;
}

#container a{
float: right;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

#container a:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

.content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel {
position: absolute;
top: 250px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 250px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4Qwgzmp98LW3k19pULdMxPqeJ6LwT3UuFYED4foGoRFhMMNjkvqDze2zdMnuaSGohJuLb9vcpRIj5y83t8KdUceOr4L5aBgnm9_wNgrAXMVMmtWK8Oqc807KboC0qhrbp5rDXGslai4/s320/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 250px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4Qwgzmp98LW3k19pULdMxPqeJ6LwT3UuFYED4foGoRFhMMNjkvqDze2zdMnuaSGohJuLb9vcpRIj5y83t8KdUceOr4L5aBgnm9_wNgrAXMVMmtWK8Oqc807KboC0qhrbp5rDXGslai4/s320/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhis77bjPRFByxCeyP4VN2-53Mt2dG4Ls_AYrGP4zkZWwtiJGk3na87PVjcmb7ZMn1cKAd3UlJWIh0KOGSpLNfjm0nB2FBU8LqOIn6woPsD6BQHy3fqy_1w1Y8wllnBRgajjYU2UWkZeM4/s320/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}


Setelah itu,carilah kode </head>,setelah ketemu tepat diatasnya letakkan kode javascript dan jQuery berikut:

<script src='https://sites.google.com/site/pujiantoroinc/Home/jquery-1.3.2.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.trigger&quot;).click(function(){
$(&quot;.panel&quot;).toggle(&quot;fast&quot;);
$(this).toggleClass(&quot;active&quot;);
return false;
});
});
</script>


Lalu simpan templates.
Nah,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)

googlecode.com/files/jquery-1.3.2.js.
(4)

javascript - Jquery 1.3.2 error on Internet Explorer.
(5)


Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:

<div class="panel">

<h2>Silakan pilih kategori:</h2>
<div style="clear:both;"></div>
<div class="columns">
<div class="colleft">
<h3>Bisnis Online</h3>
<ul>
<li><a href="http://marshaaruan.blogspot.com/" title="Bisnis Gratis">Bisnis Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Domain Gratis">Domain Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Pasang Iklan Gratis">Pasang Iklan Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Bisnis Tanpa Modal">Bisnis Tanpa Modal</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Uang Gratis Free!">Uang Gratis Free!</a></li>
</ul>
</div>

<div class="colright">
<h3>Ngemis Dollar Internet</h3>
<ul>
<li><a href="http://marshaaruan.blogspot.com/" title="Bisnis Gratis">Bisnis Gratisan (Baru)</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Domain Gratis">Baru! Domain Gratis</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Pasang Iklan Langsung!">Pasang Iklan Langsung!</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Bisnis di Rumah">Bisnis di Rumah</a></li>
<li><a href="http://marshaaruan.blogspot.com/" title="Gratis Uang Jajan">Gratis Uang Jajan</a></li>
</ul>
</div>
</div>
<div style="clear:both;"></div>
</div>
<a class="trigger" href="#">Surf!</a>


Sumber