WATU BUDUG

Membuat Widget Navigasi Metro UI

2014-01-07T21:11:00.002+07:00

Tips Widget Unik Navigasi Metro UI - Untuk widget unik kali ini saya khususkan bagi para pengguna template blog Metro UI ala windows 8, seperti artikel widget social media unik maka saya persembahkan buat anda untuk widget navigasi unik metro. Dimana navigasi ini memang di design untuk memberikan warna yang berbeda pada tampilan blog yang bernuansa Metro UI.

DEMO

Untuk langkah - langkahnya sebagai berikut :

Masuk Edit Template >> Dan Copas kode dibawah ini sebelum kode ]]></b:skin>

.samsury-metronav { font-family:sans-serif;
text-decoration:none;
width:960px;
margin:auto;
}
@media screen and (max-width:960px) {
.samsury-metronav {
width:100%;
}
}

.SamsuryMetroMenu {
position:relative;
}
.samsury-nav {
position:absolute;
width:100%;
z-index:999;
display:none;
}
.samsury-ctrlbar {
width:100%;
height:48px;
}
.samsury-ctrlitems {
margin:auto;
padding:0px;
height:48px;
display:inline-block;
text-align:center;
}
.samsury-ctrlitem {
height:48px;
width:48px;
display:none;
cursor:pointer;
float:left;
opacity:0.5;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
filter: alpha(opacity=50) !important; }
.samsury-ctrlitem:hover {
opacity:0.8;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
filter: alpha(opacity=80) !important; }
.samsury-activectrlitem {
opacity:1 !important;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important; }
.samsury-controlitems {
width:960px;
margin:auto;
}
.samsury-controlitem {
height:48px;
cursor:pointer;
}
.samsury-closenav {
float:left;
}
.samsury-movenext {
float:right;
}
.samsury-itemholder {
margin:auto;
padding:20px 0px;
}
@media screen and (max-width:960px) {
.samsury-closenav {
position:absolute;
z-index:9999;
left:0;
top:0;
}
.samsury-movenext {
position:absolute;
z-index:9999;
right:0;
top:0;
}
.samsury-controlitems {
width:100%;
}
.samsury-itemholder {
width:100%;
}
}
.samsury-centerblock {
display:inline-block;
}
.samsury-item {
display:none;
}
.samsury-showitem {
margin:5px;
float:left;
display:none;
}

.tile-bt {
text-align:center;
cursor:pointer;
width:90px;
height:90px;
}
.tile-bt a {
display:block;
padding-top:12px;
text-decoration: !important;
}
.tile-bt img {
margin:0 auto 0 auto;
padding-bottom:5px;
height:48px;
width:48px;
position:relative;
display:block;
}
.tile-bt span {
font-size:12px;
padding-bottom:10px;
display:block;
}
.tile-bt:active {
opacity:0.5;
}

.tile-bt-large {
width:190px;
height:90px;
line-height:90px;
text-align:center;
cursor:pointer;
}
.tile-bt-large a {
display:block;
text-decoration: !important;
}
.tile-bt-large img {
vertical-align: middle;
margin:auto;
padding:0px;
position:relative;
width:48px;
height:48px;
}
.tile-bt-large span {
vertical-align: middle;
display:inline;
}
.tile-bt-large:active {
opacity:0.5;
}

.tile-bt-extralarge {
text-align:center;
cursor:pointer;
width:190px;
height:190px;
}
.tile-bt-extralarge a {
display:block;
padding-top:52px;
text-decoration: !important;
}
.tile-bt-extralarge img {
margin:0 auto 0 auto;
padding-bottom:22px;
height:80px;
width:80px;
position:relative;
display:block;
}
.tile-bt-extralarge span {
font-size:14px;
padding-bottom:20px;
display:block;
}
.tile-bt-extralarge:active {
opacity:0.5;
}

.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red
.shadow-white:hover {
box-shadow:0px 0px 6px 3px #fff;
-webkit-box-shadow:0px 0px 6px 3px #fff;
-moz-box-shadow:0px 0px 6px 3px #fff;
-o-box-shadow:0px 0px 6px 3px #fff;
-ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {
box-shadow:0px 0px 6px 3px #38D1F7;
-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
-moz-box-shadow:0px 0px 6px 3px #38D1F7;
-o-box-shadow:0px 0px 6px 3px #38D1F7;
-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green:hover {
box-shadow:0px 0px 6px 3px #AACA37;
-webkit-box-shadow:0px 0px 6px 3px #AACA37;
-moz-box-shadow:0px 0px 6px 3px #AACA37;
-o-box-shadow:0px 0px 6px 3px #AACA37;
-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red:hover {
box-shadow:0px 0px 6px 3px #E81750;
-webkit-box-shadow:0px 0px 6px 3px #E81750;
-moz-box-shadow:0px 0px 6px 3px #E81750;
-o-box-shadow:0px 0px 6px 3px #E81750;
-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black:hover {
box-shadow:0px 0px 6px 3px #444;
-webkit-box-shadow:0px 0px 6px 3px #444;
-moz-box-shadow:0px 0px 6px 3px #444;
-o-box-shadow:0px 0px 6px 3px #444;
-ms-box-shadow:0px 0px 6px 3px #444;
}

.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }

.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.none { display: none !important; width:0px !important; }
.light-text {
color:#fff;
}
.dark-text {
color:#1e1e1e;
}
.gradient {
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
background: linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
}
.margin-5 { margin:5px; }

Selanjutnya pergi ke Dashboard >> Layout >> Add Gadget >> HTML/Javascript dan Masukkan kode dibawah ini :

<div class="samsury-metronav">

<div data-navid="samsury-nav" class="tile-bt-extralarge solid-orange shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuOIJmantNhvhRErpZ0Q12t3fmrpVCHCr2LOa48QaPjar3Ua8RPuVTMmW0QQa-AOdljmI4FAK5DsP-IBFq7QMPOXy_-39b4iDB0vzi3poJD2oPpPGtaltMYnp1HwbB3lUufankZtH5hRc/s1600/Samsury+Home.png" alt="" />
<span class="light-text">Home</span>
</a>
</div>

<div data-navid="samsury-nav" class="tile-bt-large solid-coral shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge1JSfcdFOi5Q5e4asqqKtxQWhXRF2ncTd4eR6iKyKrQQTGTbb-_dLjqIqWzhcwtXBl6WmpiLDEuTSHmmtSsl8ylmgQs0pFCkzg7ZCRmvfpYQ6mL897NxfKdWkYBJ7EORLV3e1A9rpAlg/s1600/Samsury+About+us.png" alt="" />
<span class="light-text">About Us</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6_LrITv2LQqvjhtRNpGGKMcbAYIuaROnojdFw0qPmMaXxBbQwtXHgocm8cH3nDPlJqtmZa5S8h2KNbofiaq7WYnPql8jtXwgLF87D7Km3As40o0sTY-oSYAoaD7habVGul_UOV2RAqA/s1600/Samsury+Rss.png" alt="" />
<span class="light-text">Rss Feeds</span>
</a>
</div>

<div data-navid="samsury-nav" class="tile-bt-large solid-purple shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfgIPMYER_Vz3ywvGnsGP8NDzUYdew6vm6N0hPQqR2iP_fgRJvTUmBuDnlDOXOEIXiOsgY6N2WdzsB58hujCHPSialg5zY6VZ9qMhM5gyuuZeXfTiEa79duYwmyRstAQNuxUfgUKS7r4/s1600/Samsury+Search.png" alt="" />
<span class="light-text">Search</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-green shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8FXskEHkPjHslGTK9KrRpWTIi8bOHrg8Bzu-kD3Qqf3saQzlaRHW62WJwv9VI5avN-Z52xa9oG4tL6vNAcr2bvbVU4sF7rbGAK1YoN7nv6DNf7sVC9_kBjCSRGvZjMQIw1t-MmHdXkeo/s1600/Samsury+Mail.png" alt="" />
<span class="light-text">Contact Me</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-yellow shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9QZEzHcMaQr0txvYvbFIFwlPpeb8b3HDPdsG1gPC0xNAnWXCtHVtlNtJ3ipEZRN0QosBzuCfNewwpmMKEBJHeZFb9gSmeSifj4OjDS2QXv32unipj3-k5tus3nvjkF-yZUKquK7xzm78/s1600/Samsury+help.png" alt="" />
<span class="light-text">Help</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-red shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPUM_-Pay9RXIn8NwTijWVeJM5DrDy5nvFGQmi9i8rJsAKvUJq0zKASFNzW1CQ6w-Dt5gpfG1SAPiHdJe6-icLK9pMiDbCTUy7x61VPoH6EkDgevwVFRUxVCrHbxu4PYFKRydNEjyvUQ/s1600/Samsury+Youtube.png" alt="" />
<span class="light-text">You Tube</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-darkblue shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpcFmOKbAMFbaSZ4cvvVClG9iClh0q0HUtHeDSkU4PwQdg0OloozW0VM3zV6hF1mcxZxZms0NRZ-2FgIjoI33fGaDimA0QmkgMWEEsQtIfL2JJNEHoJIq9diByxnk6zUSv8h9m166p1Q/s1600/Samsury+Facebook.png" alt="" />
<span class="light-text">Facebook</span>
</a>
</div>

<div data-navid="samsury-nav" class="tile-bt-large solid-blue shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirrRhmmJSSY7GtCRrywQ1k6N4_k7bxYh2kqvhY3d-GkG89b8AgV_FhsiUTeV2s-JxELCUcNmfySrZSIb_iyraN0wo-qIc34cVTLm0CgR518q3Ya7WpVEZdnWW6IcYF92rcPwtNfj_haBQ/s1600/Samsury+Photo.png" alt="" />
<span class="light-text">Photos</span>
</a>
</div>

<div data-navid="samsury-nav2" class="tile-bt solid-olive shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPuQY0g9F4f_s9ml01th4LhG3LtCyeIILW5dTnI6iW1F7_2RlCZxGNhUNUruETBKF2v3FEbwXzlxy9LOcvAqQhjchGN-e1dAZxskNPmGjDhLpmqb9IftYoMFlBYChRmjqE3yxXorwTOGA/s1600/Samsury+Music.png" alt="" />
<span class="light-text">Music</span>
</a>
</div>

<div data-navid="samsury-nav" class="tile-bt-large solid-blue-2 shadow-black margin-5 floatleft SamsuryMetroMenu">
<a href="###" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUFsFde7y0ERTQO4nIPYeUdvPA2DExznB81hbwzbQE0jcFLHJk1xqIT5nUWwpAsELrV8diVZZMeEhLUfKfPhsue5mR8T89DITWKESBAFkPnBf8ozOeRZPA1pkxzp6wLRxQUOIC4yL82do/s1600/Samsury+Sites.png" alt="" />
<span class="light-text">Samsury Sites</span>
</a>
</div></div>

Ganti ### warna merah sesuai URL data blog anda. Anda juga bisa mengubah warna icon yang akan di tampilkan dan sesuaikan dengan warna pada CSS kode diatas

Demikian tips widget unik metro window semoga bermanfaat, happy blogging.

source : samsury-sites.blogspot.com/2013/10/tips-widget-unik-navigasi-metro-ui.html

Widget Recent Comments Dengan Gaya Message Windows 8

2014-01-07T20:40:00.002+07:00

Windows 8 resmi dirilis pada akhir Oktober lalu dan membuat dunia menggelegar. dan untuk saat ini saya kan memberikan widget Recent Comments bergaya Message Windows 8, Widget ini menurut saya sangat keren, widget ini menggunakan CSS dan JavaScript. Langsung saja Lihat cara Memasang Widget Recent Comments dengan gaya Message Windows 8.

Langkah 1 : Tambahkan kode berikut sebelum tag ]]> </ b:> skin dalam template Anda.

#rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}
#rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}
#rc-avatar-plus .rc-info{width:20%}
#rc-avatar-plus img{padding:0!important;width:100%}
#rc-avatar-plus h4{margin:5px 0!important}
#rc-avatar-plus a{position:relative;width:70%;padding:5px}
#rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}
#rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}
#rc-avatar-plus p{margin:0 0 5px;padding:0}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background:#8b0094}
#rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#1eadfe}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

Langkah 2: Tambahkan 1 widget HTML / Javascript di mana Anda ingin menampilkan Recent Comments . Mengedit teks dan paste kode berikut ke dalam konten dan pilih SIMPAN .

<div id='rc-avatar-plus'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info='Recent Comments free version 3.0 by http://duypham.info';
nc=4;
length_name=30;
length_content=90;
no_avatar='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioCFVuOgCuHwp38lTkJh5iyu0WU7HsGJ1f8nr5KtEL0ydqpOV-wVAWV7-W47rSFzM0NHo8SSrmysNqwZQZL_SbQJrMthYkQkpWJTajKHisCujXesa2DyBSt4NaR41hwVKCPanGi9en4JI/s90/no-avatar.png';
on='on';
home_page='';
admin_uri='';
admin_avatar='';
var dp=['S b=["\\E\\H\\P\\s\\M\\f\\A","\\M\\e\\e\\s\\1B\\r\\r","\\Z","\\n\\q\\I\\v","\\M\\j\\h\\I","\\1k\\A\\D\\1A","\\n\\q\\E\\h\\U\\1J\\I","\\r\\s\\r","\\k\\s\\l\\n\\e","\\w","\\j\\h\\s\\l\\f\\m\\h","","\\k\\H\\V\\k\\e\\j\\n\\q\\L","\\e\\v\\2B\\s\\s\\h\\j\\1p\\f\\k\\h","\\1a\\e","\\e\\n\\e\\l\\h","\\I\\h\\h\\E","\\v\\s\\h\\q\\2C\\h\\f\\j\\m\\M\\1a\\e\\v\\e\\f\\l\\1K\\h\\k\\H\\l\\e\\k","\\H\\j\\n","\\f\\H\\e\\M\\v\\j","\\k\\j\\m","\\L\\E\\1a\\n\\A\\f\\L\\h","\\h\\q\\e\\j\\P","\\l\\h\\q\\L\\e\\M","\\l\\n\\q\\1g","\\r","\\e\\M\\j\\1a\\n\\q\\J\\j\\h\\s\\l\\P\\J\\e\\v","\\K\\f\\l\\H\\h","\\L\\E\\1a\\h\\U\\e\\h\\q\\E\\h\\E\\1H\\j\\v\\s\\h\\j\\e\\P","\\m\\v\\q\\e\\h\\q\\e","\\k\\H\\A\\A\\f\\j\\P","\\T\\1D\\2A\\2z\\2v\\1n\\1t","\\l\\f\\k\\e\\1L\\q\\E\\h\\U\\1J\\I","\\T\\1D\\1q\\1C\\1C\\1t","\\q\\f\\A\\h","\\M\\e\\e\\s\\1B\\r\\r\\n\\A\\L\\1q\\Z\\V\\l\\v\\L\\V\\l\\v\\L\\Z\\m\\v\\A\\r\\n\\A\\L\\r\\V\\l\\f\\q\\1g\\Z\\L\\n\\I","\\q\\v\\w\\f\\K\\f\\e\\f\\j","\\C\\k\\m\\j\\n\\s\\e\\w\\e\\P\\s\\h\\D\\x\\e\\h\\U\\e\\r\\1c\\f\\K\\f\\k\\m\\j\\n\\s\\e\\x\\B\\j\\m\\1v\\f\\K\\f\\e\\f\\j\\1n\\2x\\2y\\1t\\C\\r\\k\\m\\j\\n\\s\\e\\B","\\1P\\j\\n\\e\\h","\\C\\k\\m\\j\\n\\s\\e\\w\\e\\P\\s\\h\\D\\x\\e\\h\\U\\e\\r\\1c\\f\\K\\f\\k\\m\\j\\n\\s\\e\\x\\w\\k\\j\\m\\D\\x","\\r\\I\\h\\h\\E\\k\\r","\\r\\m\\v\\A\\A\\h\\q\\e\\k\\r\\E\\h\\I\\f\\H\\l\\e\\1k\\f\\l\\e\\D\\1c\\k\\v\\q\\J\\n\\q\\J\\k\\m\\j\\n\\s\\e\\T\\A\\f\\U\\J\\j\\h\\k\\H\\l\\e\\k\\D\\1A\\T\\m\\f\\l\\l\\V\\f\\m\\1g\\D\\j\\m\\1v\\f\\K\\f\\e\\f\\j\\1n\\x\\B\\C\\r\\k\\m\\j\\n\\s\\e\\B","\\1K\\h\\m\\h\\q\\e\\w\\1p\\v\\A\\A\\h\\q\\e\\k\\w\\I\\j\\h\\h\\w\\K\\h\\j\\k\\n\\v\\q\\w\\1C\\Z\\1A\\w\\V\\P\\w","\\r\\I\\h\\h\\E\\k\\r\\m\\v\\A\\A\\h\\q\\e\\k\\r\\E\\h\\I\\f\\H\\l\\e\\1k\\f\\l\\e\\D\\1c\\k\\v\\q\\J\\n\\q\\J\\k\\m\\j\\n\\s\\e\\T\\A\\f\\U\\J\\j\\h\\k\\H\\l\\e\\k\\D","\\T\\m\\f\\l\\l\\V\\f\\m\\1g\\D\\j\\m\\1v\\f\\K\\f\\e\\f\\j\\1q\\x\\B\\C\\r\\k\\m\\j\\n\\s\\e\\B","\\C\\H\\l\\B","\\1p\\v\\A\\A\\h\\q\\e\\k\\w\\v\\q\\w","\\1B\\w","\\1D\\m","\\m\\v\\A\\A\\h\\q\\e\\1H\\f\\L\\h\\D","\\T","\\1k","\\C\\l\\n\\w\\m\\l\\f\\k\\k\\D\\x","\\j\\m\\J\\f\\E\\A\\n\\q","\\j\\m\\J\\f\\H\\e\\M\\v\\j","\\x\\B\\C\\E\\n\\K\\w\\m\\l\\f\\k\\k\\D\\x\\j\\m\\J\\n\\q\\I\\v\\x\\B\\C\\n\\A\\L\\w\\f\\l\\e\\D\\x","\\x\\w\\m\\l\\f\\k\\k\\D\\x\\j\\m\\J\\f\\K\\f\\e\\f\\j\\x\\w\\k\\j\\m\\D\\x","\\x\\r\\B\\C\\M\\1G\\B","\\C\\r\\M\\1G\\B\\C\\r\\E\\n\\K\\B\\C\\f\\w\\M\\j\\h\\I\\D\\x","\\x\\w\\j\\h\\l\\D\\x\\q\\v\\I\\v\\l\\l\\v\\1P\\x\\w\\e\\n\\e\\l\\h\\D\\x","\\w\\v\\q\\w","\\x\\B\\C\\s\\B","\\C\\r\\s\\B","\\e\\j\\H\\h","\\C\\k\\s\\f\\q\\B","\\C\\r\\k\\s\\f\\q\\B","\\C\\r\\f\\B\\C\\E\\n\\K\\w\\m\\l\\f\\k\\k\\D\\x\\m\\l\\h\\f\\j\\x\\B\\C\\r\\E\\n\\K\\B\\C\\r\\l\\n\\B","\\C\\r\\H\\l\\B","\\n\\q\\q\\h\\j\\2i\\2j\\2q\\2r","\\j\\m\\J\\f\\K\\f\\e\\f\\j\\J\\s\\l\\H\\k","\\L\\h\\e\\2m\\l\\h\\A\\h\\q\\e\\2P\\P\\1L\\E"];1f=0;u=0;X=[];d=[];p=[];Y=[];1j=[];1x=[];t=[];1o=[];1u=[];a=[];W=[];1l=[];1h=[];1s=[];1m=[];1R=b[0];1S=b[1];1T=b[2];1Y=b[3];1M=3b[b[4]];y=1M[b[6]](b[5]);1w 2T(1r){G(d[u][b[6]](b[7])!=-1){Y[u]=1;i=d[u][b[8]](b[7]);i=i[1];i=i[b[10]](/-/g,b[9]);i=i[b[10]](/.2S/,b[11]);1I=i[b[12]](0,1);1O=i[b[12]](1);i=1I[b[13]]()+1O;t[u]=i}N{o=1r[b[16]][b[15]][b[14]];t[u]=o;1N=1r[b[16]][b[17]][b[14]];i=2U((1N-1)/2Y)+1;Y[u]=i};u++};1w 2X(R){1f=R[b[16]][b[17]][b[14]];1x=R[b[16]][b[15]][b[14]];G(b[18]1i R[b[16]][b[19]][0]){1s=R[b[16]][b[19]][0][b[18]][b[14]]};1m=R[b[16]][b[19]][0][b[21]][b[20]];1W(g=0;(g<1z)&&(g<1f);g++){c=R[b[16]][b[22]][g];G(g==R[b[16]][b[22]][b[23]]){2W};X=c[b[24]][0][b[4]];X=X[b[8]](b[25]);1X=X[5];1E=X[8];d[g]=c[b[26]][b[4]];G(y!=-1){d[g]=d[g]+b[5]};1o[g]=c[b[28]][0][b[27]];1u[g]=c[b[28]][1][b[27]];p[g]=1E;G(b[29]1i c){S F=c[b[29]][b[14]]}N{G(b[30]1i c){S F=c[b[30]][b[14]]}N{S F=b[31]}};F=F[b[10]](/<3c \\/>/g,b[9]);F=F[b[10]](/@<a.*?a>/g,b[11]);F=F[b[10]](/<[^>]*>/g,b[11]);G(F[b[23]]<1Q){1j[g]=F}N{F=F[b[12]](0,1Q);S 1e=F[b[32]](b[9]);F=F[b[12]](0,1e);1j[g]=F+b[33]};Q=c[b[19]][0][b[34]][b[14]];G(Q[b[23]]<1F){a[g]=Q}N{Q=Q[b[12]](0,1F);S 1e=Q[b[32]](b[11]);Q=Q[b[12]](0,1e);a[g]=Q+b[33]};G(b[18]1i c[b[19]][0]){1h[g]=c[b[19]][0][b[18]][b[14]]};G(c[b[19]][0][b[21]][b[20]]==b[35]){W[g]=2n;1l[g]=b[36]}N{W[g]=c[b[19]][0][b[21]][b[20]];1l[g]=a[g]};G(d[g][b[6]](b[7])!=-1){1d[b[38]](b[37])}N{1d[b[38]](b[39]+1U+b[2V]+1X+b[3a])}}};G(2R==b[2Z]+1S+1R+1T+1Y){1d[b[38]](b[39]+1U+b[2Q]+1z+b[2l])};1w 2k(){S O=b[11];O+=b[2o];1W(z=0;(z<1z)&&(z<1f);z++){t[z]=t[z][b[10]](b[2p]+1x+b[2s],b[11]);S 1b=b[11];G(Y[z]==1){1b=b[1V]}N{1y=b[2c]+Y[z]+b[1V];G(y!=-1){1b=b[2b]+1y}N{1b=b[2a]+1y}};O+=b[1Z];G(((1h[z]==1s)&&(W[z]==1m))||((1h[z]==2d)&&(W[z]==2e))){O+=b[2h]}N{O+=b[2g]};O+=b[2f]+1l[z]+b[2t]+W[z]+b[2u]+a[z]+b[2J]+d[z]+1b+p[z]+b[2I]+a[z]+b[2H]+t[z]+b[2G]+1j[z]+b[2K];G(1o[z]!=b[2L]){O+=b[2O]+1u[z]+b[2N]};O+=b[2M]};O+=b[2F];1d[b[2E]](b[2w])[b[2D]]=O};',"|","split","|||||||||||_0x2dd0|||x74|x61||x65||x72|x73|x6C|x63|x69|||x6E|x2F|x70|||x6F|x20|x22|||x6D|x3E|x3C|x3D|x64|_0xd75bx5|if|x75|x66|x2D|x76|x67|x68|else|_0xd75bx8|x79|a2|_0xd75bx4|var|x26|x78|x62|im|lk|pn|x2E|||||||||||x24|_0xd75bx9|x6A|document|_0xd75bx6|tt|x6B|ur|in|j2|x3F|alt|ima|x32|pi|x43|x31|_0xd75bx2|ura|x3B|ti|x5F|function|tb|cp|nc|x30|x3A|x33|x23|cid|length_name|x34|x50|str1|x4F|x52|x49|a3|num|str2|x77|length_content|ad|loc|dot|home_page|48|for|pid|inf|52|||||||||||51|50|49|admin_uri|admin_avatar|55|54|53|x48|x54|rc_avatar|44|x45|no_avatar|45|46|x4D|x4C|47|56|57|x39|69|x28|x29|x35|x38|x55|x53|68|70|67|61|60|59|58|62|63|66|65|64|x42|43|copyright_by_duypham_dot_info|html|rc_avatar2|parseInt|40|break|rc_avatar1|200|42|||||||||||41|location|br","","fromCharCode","replace","\\w+","\\b","g"];eval(function(d,e,a,c,b,f){b=function(a){return(a<e?dp[4]:b(parseInt(a/e)))+(35<(a%=e)?String[dp[5]](a+29):a.toString(36))};if(!dp[4][dp[6]](/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,199,dp[3][dp[2]](dp[1]),0,{}));
</script>
<script type='text/javascript'>rc_avatar();</script>
</div>

Anda telah berhasil Memasang Widget Recent Comments dengan gaya Message Windows 8.

source : http://mas-basir.blogspot.com/2013/06/widget-recent-comments-dengan-gaya.html

Metro Blogger Template with 4 column footer

2014-01-07T19:51:00.006+07:00

Metro is a free blogger template custom design with 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Blue, Custom Navbar, Fixed, Gray, Page Number, Responsive, and now you can download Metro blogger template for free in All About Blogspot Templates.

Template Author : Ozynetwork
Designer : Ozynetwork.com

Metro blogger Template- A Unique Stylish Blogger Template. Two Column Metro Style template with 4 column footer. Highly Customized Navigation and sidebar menus. Author Box with Related posts and subscription box.

Almost everything from head to toe is customized and we haven’t left a single item in customization. Some of the features are very impressive like Metro Style Navigation Menu, Metro Style Post titles and Metro Social Subscription widget. This is a free of cost template but in order to thanks the Author you must keep the credit link.

DEMOVIEW | DOWNLOAD

What More Metro Blogger Template?

Beside these fantastic features, Blogger Metro blogger Template has many other exciting features which you will definitely like. After reviewing the features, we will now take a look over the customization part.

Installation
1) Open Your Blogger dashboard and click on template and Edit Html.
2) Now open the file we provided it to you and copy all the data from that file and paste it there.
3) Save your template and the installation process in over.

Navigation
1) Click on Template >> Edit Html.
2) Press CTRL+F and search for

<div class='mblmetromenu'>

3) Edit the Menus and Put the links.

Author Box1) Click on Template >> Edit HTML
2) Press CTRL+F and search for

<div class='auth-panel'>

3) Edit the Author panel and you are done.

Meta Tags1) Press CTRL+F and search for

<!--meta tags-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Mtro|A stylish blogger template</title>

2) Edit the Keywords, Meta Description and Title for your blog and you are done!

source : http://redaksiexpo2012.blogspot.com/2013/10/metro-blogger-template-with-4-column.html

Stylish Recent Post Slider for Blogger with Thumbnails

2014-01-05T23:10:00.002+07:00

Recent post slider is used to increase your web traffic and attract your viewers. This recent post slider is a best way to help viewers to find more post's. This widget is made by CSS and Javascript which is not affect any load time in your blog. Please follow the below instruction to get this amazing slider in your blog.

Step 1:

Go to Blogger---> Layout ---> Click "Add a Gadget" link ---> Add HTML/Javascript Box.(refer below screenshot)

Step 2:

Now paste the following below code in HTML/Javascript Box.




<link href="http://www.tisunservices.com/jsandcss/recentpostwidget/recentpostwidget.css" rel="stylesheet" type="text/css">

<div style="width: 250px; height: 370px;" class="slider-rotator" id="slider-rotator"><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="How to Accept Donation Online Using Paypal?" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4oE_FUHhYEjiAdPL8fH64FHMz2xIZpEAR9tPRmxtD5xSpDyZqLru4PQRhA59Myww_CFw0OLpdoPIAapX1HTnIlxA0QoaNWkgkJFQdoS7oqqv1tB0pPddQJcXFTEbk4Usq-ErAGBaMgan5/s250-c/How+to+Accept+Donation+Online+Using+Paypal+welcome+screen.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="How to Accept Donation Online Using Paypal?" href="http://www.aqtalks.com/2014/01/how-to-accept-donation-online-using-paypal.html">How to Accept Donation Online Using Paypal?</a></h4><p>



You can accept donation easily at online using paypal, Pay…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="Top Self-Made Video Youtube Millionaire - Jenna Marbles" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOo8GLDXZSqbhwryqMeZErhZNBUR-RYK08HRUuENNzAJyhX9czEtqr6YrPasE9GX1rc_sWI2RKdmw1hnKs9hh5IXwACYRu1eGdV3JWcKLov1MxLiGCVJdbb8FjZPhWn-uBmGIzH9DiBb0/s250-c/Top+Self-Made+Video+Youtube+Millionaire+-+Jenna+Marbles+welcome+screen.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="Top Self-Made Video Youtube Millionaire - Jenna Marbles" href="http://www.aqtalks.com/2013/12/top-self-made-video-youtube-millionaire.html">Top Self-Made Video Youtube Millionaire - Jenna Marbles</a></h4><p>



Youtube is one of the biggest videos mall, and you can als…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="Top 3 Adsense Earners in the World, 2013!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl798pIY4D_BXk8gl5Bp6JT-90y_i-ml0MHE2LvWIlGT2Wj07wl-s_SMwIIhhP4dtO48gWtXwegmiuxtFl5kqtRKFmI38HPXA1gvwBuONUnWq2GEbvkYeWVti6j-JI_SOgmkDerqhc9Smo/s250-c/Top+3+Adsense+Earners+in+the+World,+2013+welcome+screen.jpeg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="Top 3 Adsense Earners in the World, 2013!" href="http://www.aqtalks.com/2013/12/top-3-adsense-earners-in-world-2013.html">Top 3 Adsense Earners in the World, 2013!</a></h4><p>





Now a days Google Adsense is the main and biggest income …</p></div></div><div style="display: block; opacity: 0.253636;" class="slider-item"><div class="image-wrapper"><img alt="'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeInAmDE95yq8jBU9x8v9Nx2FF7zAdwr-put8CCEyucx8d72mIl1bk_x9kXFIDut-EQwwxFM2tofggqdv7jXvMPPnux0yHDXxME85mQPlmAGMxEs4ZUNnv6PCAK80dMdXSk4NymaOvm3P/s250-c/Grand+Theft+Auto+San+Andreas+Released+on+Dec+20+2013+8.jpeg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!" href="http://www.aqtalks.com/2013/12/grand-theft-auto-san-andreas-released-on-dec-20-2013.html">'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!</a></h4><p>



In previous post we discuss about a "Rockstar" annonsement…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="How to Run Android Mobile Apps on Windows/Mac PC's?" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLO7Kx58jmgWhxhxnhS7eLHhQoYjBmXceTAe8XmsslDCAnGgxWuEKgzl21nB8isU1t49fq80lJdObKNCPwLsvQTubAt7i1__Wh5s7PDd4cVtqZz1F56_1DFG_qDap2xn31zENVybdJDEUT/s250-c/How+to+Use+Android+Mobile+Apps+on+Windows+PC+2.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="How to Run Android Mobile Apps on Windows/Mac PC's?" href="http://www.aqtalks.com/2013/12/how-to-run-android-mobile-apps-on-pc.html">How to Run Android Mobile Apps on Windows/Mac PC's?</a></h4><p>





You can run android mobile apps or google play store mobi…</p></div></div></div><div class="slider-rotator-nav"><span class="rotator-advancer"><a href="#prev"><</a></span><span class="rotator-num"><a href="#slide-0" class="">1</a><a href="#slide-1" class="">2</a><a href="#slide-2" class="">3</a><a href="#slide-3" class="current">4</a><a href="#slide-4" class="">5</a></span><span class="rotator-advancer"><a href="#next">></a></span></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<script src="http://www.tisunservices.com/jsandcss/recentpostwidget/recentpostwidget.js" type="text/javascript"></script>

<script type="text/javascript">

makeSlider({

    url: "http://www.aqtalks.com" // Add your blog URL

});

</script>


Note: Replace your blog URL on http://www.aqtalks.com/.



Cara Membuat Menu Horizontal Berdasarkan Label
2013-08-31T09:39:00.000+07:00


Add caption





Label secara default adalah list item, daftar yang sifatnya vertical dan dibelakang label diikuti angka dari jumlah isi label yang sama. Jika ingin mengelola label menjadi menu yang horizontal, maka dibutuhkan kode CSS yang bisa mengelola tampilan label terlihat mendatar.



Membuat Menu horizontal dengan Label atau kategori - Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Tujuannya untuk memberikan Jalan pintas atau shortcut link ke halaman halaman tertentu sesuai yang di inginkan.



Kebanyakan Menu Horizontal linknya di isi secara manual. Sekarang bagaimana memasukkan label/kategori ke menu horizontal agar link yang di tampilkan bisa otomatis mengikuti label yang ada.

Berikut Langkah-langkahnya:




Login ke Blogger
Pilih Rancangan atau tata letak
Pilih Edit Html
Untuk mengantisipasi hal yang tak di inginkan, Download template dulu dan save di Pc.
Masukkan kode CSS berikut sebelum tag ]]></b:skin>



#menulabel{margin: 0px auto; padding:0; width:100%;background:#045FB4 }

#label{margin: 0px auto; padding: 3px 0; width:1000px;border-bottom:1px solid #000 ; height:20px;background:#045FB4 url() repeat-x top; }

#label ul {float: left; list-style: none; margin: 0px; padding: 0px;}

#label li {float: left; list-style: none; margin: 0px; padding:0 10px;}

#label li a, #label li a:link, #label li a:visited {color: #fff; display: block; margin: 0px; padding: 2px 10px 2px 5px;;font-weight: none;}

#label li a:hover, #label li a:active { color: #fff; margin: 0px; padding: 2px 10px 2px 5px;;text-decoration: underline;font-weight: bold;}
Masukkan Kode Html berikut di atas <div id='outer-wrapper'> atau kode sejenisnya 



<div style='clear:both;'/>

<div id='menulabel'>

<b:section class='label' id='label' maxwidgets='1' showaddelement='no'>

<b:widget id='Label12' locked='false' title='' type='Label'/>

</b:section>

</div>
Terakhir Simpan Template

Setelah Berhasil masih ada satu langkah lagi yaitu menghapus Angka di belakang label agar lebih rapi. Caranya tinggal di klik pengaturan label dan tidak mencentang nomer jumlah per label. Itu saja.



Sebetulnya label bisa dimuat kedalam menu horizontal bergambung dengan menu sebelumnya. Caranya dengan mengelola CSS seperti di tulisan saya sebelumnya: Membuat Menu Drop Down List.

Tapi untuk model yang seperti ini mesti dilakukan secara manual. Meskipun demikian tidak akan sulit dilakukan. Untuk membuat agar menu label bisa bekerja, maka linknya mesti seperti ini:



<a href="/search/label/Variasi Menu">Variasi Menu</a>.


Jika anda membuat seperti ini:



<a href="http://wisencare.blogspot.com/search/label/Variasi Menu">Variasi Menu</a>

tidak akan berhasil. Jadi jika ingin menu lebih indah, menggabungkan kedua cara itu patut dicoba.



Sumber artikel :  http://wisencare.blogspot.com


Pengalamanku Berbelanja di ELS Computer Toko Laptop Murah
2013-07-30T09:50:00.000+07:00


EL’S Computer adalah salah satu tempat penjualan notebook / laptop murah serta aksesoris komputer yang terbagi di beberapa wilayah di Indonesia. EL’S Computer yang berlokasi di Purwokerto misalnya, tempat ini menjadi tujuan beberapa konsumen yang tidak hanya dari kota itu namun telah mencapai sasaran konsumen luar kota seperti Banjarnegara, Purbalingga, Cilacap, Kebumen . Dengan profil usaha yang dinilai bagus maka EL’S Computer kini bisa meraih pasar penjualan komputer dengan harga termurah khususnya di Purwokerto. Angka penjualan yang semakin tinggi menjadi bukti tingkat kepercayaan konsumen terhadap EL’S Computer , dari produk ( gadget, laptop, printer, peripheral ) berkualitas, klaim garansi yang mudah, dan pelayanan yang baik.



Menurut saya pribadi berbelanja di EL’S Computer adalah suatu pilihan yang tepat. Sebelum melakukan transaksi penjualan kita bisa mengetahui price list ( daftar harga ) dari website resminya di http://els.co.id , terlebih lagi layanan transaksi online juga bisa dilakukan via customer service.
Beberapa waktu yang lalu pimpinan di kantor minta bantuan kepada saya untuk memberikan pertimbangan mengenai harga laptop murah dengan kualitas terjamin.Langsung pikiran saya tertuju pada Els Computer sebagai toko laptop murah berkualitas yang ada di Purwokerto, beberapa saat kemudian saya mulai membuka website els computer untuk mendapatkan informasi mengenai produk dan harga.Dalam waktu singkat "price list" sudah di peroleh dan rupanya harga serta spesifikasi laptop Toshiba menjadi pilihan sang pimpinan. Saat itu saya ditugaskan untuk menuju ke TKP di Purwokerto membeli produk yang dimaksud. Lokasi Els Computer berada di pusat kota Purwokerto yakni disebelah utara Pasar Raya Sri Ratu. 

Selanjutnya perjalanan kami menuju Els Computer di Purwokerto menempuh jarak kurang lebih 50 km dari Banjarnegara, dihitung waktu kurang lebih 1 jam. 
Rasa lelah selama perjalanan membuat saya memutuskan untuk beristirahat lebih dahulu di alun-alun Purwokerto. Sebotol air mineral cukup menopang energi  bagi saya. 
Beberapa menit setelah saya melanjutkan perjalanan akhirnya saya tiba di depan pintu toko Els Computer. 













Tag : laptop murah sekali, belanja laptop termurah 2013, toko laptop murah purwokerto, laptop murah els computer, pengalaman berbelanja di el's computer,

Apit Prayitno


Menyimpan Folder Rahasia di Komputer
2013-01-12T10:15:00.000+07:00

 
Manusia mempunyai naluri untuk menutupi dan menyembunyikan segala sesuatu yang dirasakannya melanggar norma sosial, norma agama, hukum, dst. Karena pada manusia dikaruniai akal dan hati nurani, maka manusia berusaha untuk menghindarkan dirinya dari rasa malu, dibenci orang, menderita dll. Berikut ini trik untuk menyembunyikan file/folder dikomputer anda.



Salah satu fenomena sosial yang klasik “istri simpanan” terkadang membawa kesulitan tersendiri bagi para aktifisnya.  Saya akan membantu mengatasi masalah anda, tapi saya hanya memberikan cara menyimpan foto istri anda tersebut, kalo menyimpan orangnya, wah saya nggak ada pengalaman, dan hal ini murni urusan anda, (ihik…hik….hik).

Kita akan mempelajari TRIK untuk membuat folder rahasia/khusus/pribadi, memang ada beberapa trik yang mungkin kita pernah memakainya. Trik membuat folder rahasia ini khusus menggunakan NOTEPAD yang ada di computer kita. (yang belum tahu bisa KLIK: start/ all program/ accessoris/ Notepad).

Umumnya kita pasti punya file-file pribadi dan rahasia yang tidak ingin diketahui oleh orang lain,  nah trik tentulah sangat berguna, misal kita mempunyai dokument penting, buku harian, scaneran surat cinta pertama, dan bahkan mungkin file gambar/video yang kurang sopan, (tahu kan yg saya maksud….he..he. Pasti Faham, orang Indonesia.)

Tahapan dan caranya begini:

1. Buka NOTEPAD.

2. Taruh serangkain Kode yang tertulis dibawah ini atau langsung copy paste aja ke dalam NOTEPAD yang sudah dibuka.


@ECHO OFF

indonezian kunci folder

if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK

if NOT EXIST Locker goto MDLOCKER

:CONFIRM

ARE YOU SURE WANT TO LOCK FOLDER ??(Y/N)

set/p “cho=>”

if %cho%==Y goto LOCK

if %cho%==y goto LOCK

if %cho%==n goto END

if %cho%==N goto END

echo Invalid choice.

goto CONFIRM

:LOCK

ren Locker “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

attrib +h +s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

echo Foldernya dah terkunci

goto End

:UNLOCK

PLEASE INSERT PASSWORD!

set/p “pass=>”

if NOT %pass%== rahasia goto FAIL

attrib -h -s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

ren “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” Locker

echo Folder Unlocked successfully

goto End

:FAIL

echo Invalid password

goto end

:MDLOCKER

md Locker

echo Foldernya berhasil di buat

goto End

:End


3. Perhatikan Tulisan rahasia yang dicetak tebal diatas adalah sebuah password yang akan digunakan untuk membuka folder yang akan kita simpan. Password ini bisa kita ganti dengan serangkaian huruf atau nomor yang kita sukai dan haruslah selalu  diingat.

4. Sesudah mengganti password maka klik File kemudian klik Save As, kemudian ganti Save As Type dengan All Files.

5. Di filename kita isikan extensi *.bat misalnya tuliskan (Rahasia Nafsuku) kemudian Save.

6. Silahkan klik dua kali pada file yang tadi kita simpan dengan extensi *.bat maka akan keluar di cmd.exe (kotak hitam).

7. Lalu kita tulis password yang telah dimasukkan tadi kemudian tekan ENTER.Setelah itu nanti ada muncul sebuah folder dengan nama Locker nah kamu bisa simpan file-file pribadimu disitu , dengan copy paste biasa saja.

8. Langkah terakhir kalau sudahselesai,  klik kembali file *.bat yang kamu simpan tadi dan tuliskan “y” kemudian enter untuk mengunci dan menyembunyikan Folder kamu lagi.

Maka selesai sudah TRIKS sederhana ini, Oke cukup mudahkan? Met menyimpan dengan baik, terima kasih (Sha 5 W)..


Source : http://www.shalimow.com


Tips Share Printer Via Wifi
2013-01-11T16:05:00.001+07:00


Sering kali kita sering dikantor untuk memprint atau mencetak dokumen tetapi instalasi kabel dan lain2 yang sangat merepotkan dikarenakan kendala beda ruangan atau jauh jaraknya.ini salah satu trik mensharing printer dari komputer yang satu ke banyak komputer selama ia masuk dalam jangkauan wifi yang sama .


silahkan : 

Menginstal printer pada salah satu komputer pada jaringan sesuai dengan instruksiprodusen.
Buka "Printer dan Fax" folder dengan mengklik "Start", "Control Panel" dan "Printer dan Faks.
Right-klik pada printer yang sesuai dalam folder "Printers and Faxes" dan pilih "Berbagi."
Klik "Berbagi" tab di kotak dialog yang muncul.
Klik pada "Berbagi Printer ini." Masukkan nama untuk printer di tempat yang disediakan. Klik "Apply" dan kemudian klik "OK."
Pergi ke komputer lain pada jaringan dan membuka "Printers and Faxes" folder.Double-klik pada "Add Printer" dan klik "Next."
Dalam "Add Printer" wizard pilih "Sebuah printer jaringan" dan kemudian klik "Next."
Pada dialog "Add Printer" wizard pilih "Browse for Printer" dan kemudian klik "Next." Ini akan memunculkan daftar printer bersama pada jaringan.
Pilih printer yang baru saja diinstal dan klik "Next." Ketika ditanya apakah Anda ingin membuat ini printer default, pilih "Ya" jika ini adalah printer hanya pada jaringan atau jika printer Anda akan paling sering digunakan, kemudian klik "Next." Jika Anda tidak memiliki driver untuk printer pada komputer Anda dan kedua komputer memiliki sistem operasi yang sama, maka driver akan secara otomatis diinstal pada komputer baru.Jika tidak, kemudian ikuti instruksi dari pabriknya untuk menginstal driver.
Klik "Next." Ketika ditanya apakah halaman uji yang diinginkan, klik "Ya" dan biarkan printer mencetak halaman tes untuk memastikan bahwa semua bekerjaproperly.properly.


Selamat mencoba.....


Klik "Start" pada komputer yang printer secara fisik terhubung.
Ketik "Network and Sharing Center" ke dalam kotak "Search" dan tekan "Enter."
Gulir ke bawah dan klik tombol di sebelah baris untuk "Printer Sharing." Pilih "Aktifkan berbagi printer" dan klik "Terapkan."
Klik "Start" dan klik "Control Panel."
Klik "Printer" dan klik kanan printer untuk dibagi pada jaringan nirkabel Anda. Klik "Sharing" dan memeriksa "Berbagi printer ini."










Cara Memasang Widget Twitter Bird di Blogger
2013-01-09T12:26:00.000+07:00
Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot





Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini



Pertama-tama silahkan login di Blogger




Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript




<!-- floating twitter Bird -->

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQ84ZVXgVt6K56APKlkDIBuRjPv4fW41yUjeqg6netbhyuWBpVpW0oZ66VlCI1N7V8lx-WAbLgQZlHJSt8r-MeC48nuLGB1VT0POUUBrY1Ak1RJXt_U1EIkeqe6SW49MBiahdmElNrFQ/s1600/burung+twitter+terbang.png";

var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/Username";

var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";

tripleflapInit();

</script>









Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya





Warna Pilihan Burung Terbang Twitter




Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan



Warna Kuning




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgt_Xg_mHmJ40EnmZG-599-dMm1aVAzXKLVl9vp_Ifzn-uApOZw85Ui1BpyXjY11z5CUH5S5mND7BI2xg6GhvbENnn2u3eZZ_vE9bJPGf35ILaQ7OEpP5gA-uT5bT9NC8ZoB9vxJFYQuU/s1600/yellow+bird.png

Warna Hitam




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg14nS57N0FS2FPfewgUbmYbV3us57ZzjiZwvzOFkuKP5ERIyQrpkkJthOCqPOjr4bVRpSzJzfvVPguN3xw20lx0n45I3Qz9b1bhCYJ_NSjxW6JDhSKlDqU4XXXsa5hSguKsC645qZP9WU/s1600/black+bird.png

Warna Biru




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebuRzAq2XxpprZcg6LFLITF6cW2VjV0oHMl9SNzopTjvP3q8DKd9JipqxSI0YoyNo_M1zYuAQzvwYBeTdwKTLiPTwxBsp3PHb5kzBTfpRZE9HxPUiDfYVOus8mPk3Yn4ZLa1Q6RfvPh8/s1600/Blue+bird.png

Warna Coklat




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtUEF_4jPnHe3c8c5Cav-ijM2YpmKMzKiIRMkyrtdGv04yC3pq7UOECNi24dElxqj_971120VX1J1AtX7CeSPtfZsbm0TrLr88DavpnPAc85JaJ2u8LwUVtcDAy7DPKjq8vGtWURiDP7E/s1600/brown+bird.png

Warna Hijau




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkYCq0JZmI5V4cGIhnOof7dGHrvrg5liTN46c2Z-bUIjm_5cidfIuWVuNRMaOiqCXWWrf_cHzpqmDw-h6WYBkSYtzhY2e4CR9ofXaPi0Mv0kArfxA3aQIaC0xiO0gpIEGNWYZNeTIUrSs/s1600/Green+bird.png

Warna Ungu




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Hx7G7yzyE0R4aCVrOqEPJFCauV0qsasbksL3yi2IfT_IBOaslnC8Hjamp7C5XjTG49osr9ulCISec2oeaoF3dpx5y74_pBB0r5Xv7-HYlxwnYldc4C5HpPDiFAHvYmosq94DROyOUlM/s1600/purple+bird.png

Warna Putih




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnVxmIAVEHLwGzLgoUlI249dgRsfx7EX1uCYM5OextLHDMMNIRNn8i8Cn3agGIEtl0P_ksqN33N4wGUm2oaQnfys9Io8ZkEKnfUzFZ6WBe84sKDQ1y9h_raYJF0aACweJ8_nNSofEH5Lw/s1600/white+bird.png

Warna Merah




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDQr4hLoqtmkU241_kXfXAV0RwHTQ168ksRRWiEULF07pyKFiKQ2JXJ0BNIZD41LyiISWQLipBbu_KxonXRqZ73lhotXV2XKJRioGezwF-mUFnjLzAtoETGXdLcojyYFdG_SF1P5hJxy0/s1600/red+bird.png



Dan terakhir jangan lupa disimpan

Good luck Sob..!


Membuat Recent Post Slider Horizontal Automatic
2013-01-09T11:55:00.001+07:00
Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.










Berikut ini adalah  langkah-langkah untuk membuatnya :

Login ke blogger dengan akun Anda
Setelah itu pilih blog yang ingin anda tambahkan slider ini.
Masuk ke template >> Edit HTML, kemudian centang expand widget templates
Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :






#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}

#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmE3ReH5b2fKnmTAXMmwBppVapHRSrwekhMSLlL5fZB_DzY6R4j9sPfva2-NwRyGJfT5j24rdBtI-RYMdU96lJlxGLoofsFOJ4EBw9OFFZOmCQTI78QICFqxCGvgfsSae2c-IcfeMVxSw/s1600/scroller-bg.png) repeat center}

#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYYeIq79F45Tz7xE2g3XYx9XX6qNGqs6BkIx6A859ya2W65SfLBRHBJXKRNUqmUyaM6m7RWK2EnnZy3x4cqQlWeBf9-vehtlDV_IHFuaqNdaqGgUvHOBd6jwiEXzEWKJyuqBcjoUqm80/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}

#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWp90OzUOvUAC2rCaZomKaiQsmslsZhiRV257eSeCUHRsUE2c-zOIhsRq_sLBOlTWimk5My8-bjJ9Ewd2bpak1GuncPtNxn_DvYaPz-mASUx2sIWSiuwWWWM1rHqju2lyEtoCtbz67FE/s1600/prev.png) center}

#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcbc1-shVlkEaF2cDPKjIrZWjGE-DF6aQrVvOk82yn0kAbAqim9QVrdtxqU4GjG9G9ruV_M6fxJafTLddjd5tG0NgPrB0_PL_6ZVkZ2bjfmQruPFbAdiMH1S8RBXReAuMPe5yMt_Sphs/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}

#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPGWvJz8xDFym93C71e0qx1m6dg5XVKDfuGmNtQNYfQT0ePUQGEMRuZeddnK0lXf2PDf4aXun35lVhtNEV0AimxbYvso4FVLvZrc24SvY97GpSq5fqOgmdPH8ri4g6NZ8vZxHreY2Nmc/s1600/next.png) center}

#carousel ul{width:100000px;position:relative;margin-top:10px}

#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvmKaTPT13ILQVXJM2iLABV4D3n6tezH20YRS3XWldPQe5IyjG0xwWqd134X-k_rSud77BILBvmXLKvwR9rz4RcBjRUlTC80Lqi2jEeAxj4jh-uWolckc4gNda8Ey7R06fsRT-hUWJIg/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}

#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}

#carousel ul li a.slider_title:hover{color:#cd1713}

#carousel a img{display:block;background:#fff;margin-top:0}



Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider , silahkan Anda sesuaikan dengan ukuran template Anda.

Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :







<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>



<script type='text/javascript'>

//<![CDATA[

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUHYBSLfXyDbdaGTVZKpY78raYXZbmfSeKwzVZGRx3VwwF2nWXWeJNhQiTfRb_O8BFiXEflcbrOLn1LJ44O3ZMgp5RKbwMPyleRqnu6rwv7TwNaQxfQgcQ7OzJ1i1ODEH9hZYjkupfyI/s1600/no+image.jpg";

showRandomImg = true;



aBold = true;



summaryPost = 140;

summaryTitle = 25;



numposts1 = 15;

label1 = "news";



function removeHtmlTag(strx,chop){

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}



s = s.join("");

s = s.substring(0,chop-1);

return s;

}

function showrecentposts(json) {

j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;

img = new Array();

document.write('<ul>');

for (var i = 0; i < numposts1; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var pcm;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}

}



for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {

pcm = entry.link[k].title.split(" ")[0];

break;

}

}



if ("content" in entry) {

var postcontent = entry.content.$t;}

else

if ("summary" in entry) {

var postcontent = entry.summary.$t;}

else var postcontent = "";

postdate = entry.published.$t;

if(j>imgr.length-1) j=0;

img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];

var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);

var m = postdate.split("-")[1];

var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){

if(parseInt(m)==month[u2]) {

m = month2[u2] ; break;

}

}



var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';


document.write(trtd);

j++;

}

document.write('</ul>');

}

//]]>

</script>


Keterangan :


Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).




Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :





<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div id='carousel'>

<div id='previous_button'/>

<div class='container'>

<script>


document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>    

<div class='clear'/>

</div>

<div id='next_button'/>

</div>

<script type='text/javascript'>

(function($) {     $(document).ready(function(){

$(&quot;#carousel .container&quot;).jCarouselLite({

    auto:4000,

    scroll: 1,

    speed: 800,    

    visible: 5,

    start: 0,

    circular: true,

    btnPrev: &quot;#previous_button&quot;,

    btnNext: &quot;#next_button&quot;

    });

    })})(jQuery)    

</script>

</b:if> 



Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 



Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.


Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat. 


Source : www.maskolis.com


Cara Me-Nonaktifkan Login Screen Pada Windows XP/7
2013-01-08T20:06:00.001+07:00
Menu log on sebenarnya dapat 
diubah menjadi otomatis atau dengan kata lain dihilangkan sehingga user 
tidak perlu repot2 lagi memasukkan username dan password.



Caranya:



Klik Start >> RUN >>







Kemudian Ketik “control userpasswords2” >> OK >>







unCek (hilangkan centang) pada "Users must enter a user name and password to use this computer" >> Apply >>







Isi
 nama account yang ingin anda gunakan (disini anda bisa memilih user 
name yang ingin anda gunakan dan tidak harus Administrator)



>> OK



Jika Masih Belum bisa , Coba dengan Cara yang ke -2

Untuk Windows XP

• Log on ke komputer sebagai administrator

• Klik Start, klik Control Panel, kemudian dobel klik User Account

• Klik Change the way users log on or off

• Pilih (beri centang) pada Use the Welcome screen jika anda ingin mendisable CTRL+ALT+DELETE 

• Klik Start, klik RUN, kemudian ketik Control userpasswords2 kemudian tekan ENTER.

• Klik pada  tab Advanced

• Pada Secure logon , Pilih (beri centang) pada Require users to press Ctrl+Alt+Delete  untuk mengaktifkan. Lepas Centang apabila ingin mendisable / menonaktifkan Ctrl Alt Del

• Klik Apply dan OK





Untuk Windows 7 dan Windows Vista

• Log on ke komputer sebagai administrator

• Klik Start, klik RUN, kemudian ketik Netplwiz, tekan Enter





























• Pilih Tab Advanced

• Pada Secure logon , Untuk mengaktifkan Pilih (beri centang) pada Require users to press Ctrl+Alt+Delete . Lepas Centang apabila ingin mendisable / menonaktifkan Ctrl Alt Del

• Klik Apply dan OK. 





Ada cara lebih mudah yaitu tinggal download dan jalankan tools di bawah ini untuk disable dan enable Control+Alt+del

Link enable

Link Disable





Atau yang ke tiga :







Untuk mendisable atau menonaktifkan welcome screen ikuti langkah-langkah dibawah ini :



Masuk pada control panel > User Accounts



Pada jendela User Accounts, klik pada Change the way users log on or off








Hilangkan tanda centang pada Use the Wellcome screen kemudian klik Apply Options





Selesai .. sekarang jika shobat melakukan booting, maka jendela welcome screen sudah tidak muncul lagi.

Masih Belom bisa Juga ??

Oke , ini ada cara terakhir, Kalian Coba ketik gpedit.msc di Run 

Kemudian Computer Configuration\Administrative Templates\System\Logon\ 
Always wait for the network at computer startup and logon ->

Nah disitu akan banyak sekali configur tentang logon  , Silahkan anda setting sesuka kalian :)



Source : http://imam77.blogspot.com/


Cara Mengaktifkan dan Menonaktifkan Deep Freeze
2013-01-08T19:57:00.000+07:00

 
Sudah banyak pengguna PC yang mempercayai DeepFreeze sebagai alat pengaman system pada PC mereka. Untuk menghindari hal-hal yang tidak diinginkan pada system sebuah perangkat komputer tentunya tidak salah jika Deep Freeze bisa menjadi solusinya. Bagi Anda yang belum tahu cara kerjanya, baiklah simak step berikut ini :





1. Download dulu deep freezenya dari SINI

2. Install Deep Freeze

3. Jika sudah sekarang kita akan melakukan Penonaktifannya/

4. Tekan SHIFT + Klik Kiri ke Icon deep freeze disebelah pojok kana bawah. (TrayBar)



 5. Jika ada dialog yang meminta password, langsung saja tekan Oke







6. Jika sudah masuk, anda akan ditampilkan dengan Tampilan Seperti dibawah ini





Keterangan :

1. Boot Frozen : Mengaktifkan Deep freeze pada boot windows selanjutnya

2. Tab Password : Untuk menyetting password yang diinginkan sebelum masuk Deep freeze

3. Tekanlah tombol apply and reboot jika sudah menyetting 

4. Boot Thawed On Next Restart : Menonaktifkan deep freeze pada restart windows yang kita inginkan. Misalnya kita isi 2. Berarti pada Restart ke 2 Deep freeze akan terdisable dan restart selanjutnya akan aktif kembali

5. Boot Thawed berarti deep freeze akan terdisable terus menerus.



Source : http://yasiranak252.blogspot.com 


Tips Merawat Printer Infus Agar Tetap Awet
2013-01-08T12:07:00.003+07:00

Cara Merawat Printer Yang Sudah Di Infus Agar Tidak Mudah Rusak | Tips Komputer | Cara Perawatan Printer Infus, Cara Merawat Printer, Cara Merawat Printer Infus, Cara Perawatan Printer Biar Awet, Perawatan Printer, Printer Canon, Printer Epson, Printer Hp, Printer Yang Sudah Di Infus, Tips Merawat Printer, perawatan printer infus - Printer  merupakan alat untuk mencetak apa saja dalam bentuk tinta diatas kertas  yang kita sediakan serta mempunyai ukuran yang bermacam - macam sesuai  dengan ukuran yang kita inginkan. Printer juga memiliki umur dan bermacam - macam mereknya. Printer pada prinsipnya adalah itu alat untuk mencetak  dari media elektronik dalam hal ini komputer/laptop, camera atau pun scanner  yang intinya hasil karya kita akan dicetak dalam suatu media kertas dan  sesuai dengan ukuran kita. Printer yang dalam keadaan baru kita dari dealer toko printer akan mendapatkan CD  driver printer, kabel data ( usb ), kabel power listrik, buku  petunjuk, dan buku garansi printer,...


Selanjutnya kita dipermasalahkan dengan kondisi tinta  yang akan dipakai. Ada yang beberapa printer boros dalam memakai tinta  dan ada juga printer yang irit. Untuk mengatasi itu maka ada beberapa  solusi diantaranya memakai tinta infus. Tinta dengan menggunakan infus  memang agak sedikit mahal sekitar 200 ribu - 300 ribu sudah komplet, tetapi harga mahal  tersebut terbayar dengan keawetan serta iritnya pemakaian tinta selama  bertahun - tahun, tentunya juga dengan adanya perawatan. Adapun beberapa perawatan untuk pemakaian printer infus agar tidak rusak hasilnya sebagai berikut :



Bukalah tutup tempat tinta ( yang paling kecil ) jika akan dipakai untuk mencetak apapun.
Jangan mencetak dahulu sebelum sobat mengklik bagian maintenance dan  di head cleaning. Jika printer khususnya tinta infus jarang dipakai.  Jika telah usai maka silahkan cetak sesuai dengan keinginan sobat.
Jika sobat memakai printer khususnya infus, itu jangan mencetak  terlalu banyak, karena ketidak mampuan mesin jika harus terus menerus  bekerja mencetak.
Jika sobat mencetak dalam jumlah banyak antara 50 lembar, maka harus dimatikan  dan dinyalakan lagi ( di restat ) bertujuan agar printer  yang menggunakan infus ini tetap awet dan tidak cepat rusak.
Jangan terlalu banyak menaruh kertas ditatakan sebelum mencetak,  karena beban yang diterima akan merugikan roll dalam mesin printer,yang  mengakibatkan priter jadi error.
Jika mengisi tinta dalam kotak infus itu jangan terlalu banyak dan  harus diisi secukupnya saja, jika kurang kita juga akan mengisi  lagi. Hal ini menurut saya agar tekanan yang diberikan pada selang  tidak terlalu berlebihan, serta dapat mengawet kondisi printer infus.
Jika setelah di head cleaning maka akan dibuang oleh selang kecil di  belakang printer, maka sering cek jika telah penuh buanglah pada tempat yang aman dari orang ( anak - anak ).
Printer harus dipakai setiap hari, minimal setiap hari 1 lembar di cetak. agar tekanan udara pada infus tetap baik. 







Demikianlah sedikit tips agar printer infus tidak mudah rusak.



Source : http://kolombloggratis.blogspot.com 


Membuat Navigasi Breadcrumb Di Blogger
2013-01-07T12:00:00.000+07:00
Artikel saya kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadchumb. Pengertian breadcrumb sendiri kurang lebihnya adalah  suatu navigasi  yang berisikan kategori  atau label dari postingan dan bisanya selalu di awali dengan tombol  menuju home (halaman depan blog).   









Pada dasarnya  Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang  memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau  ke halaman depan dengan cepat.  

   

Jadi  simple-nya seperti ini : search  engine selalu membaca label atau tags setiap postingan blog, karena  saat ini google  sudah tidah menggunakan meta tag keyword lagi untuk mengindeks  suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta  description dan label (kategori). Maka dari  itu semakin relevan sebuah label dengan isi postingan (artikel) maka  akan semakin mendapatkan kesempatan tampil di halaman depan google.
     

Langsung saja pada langkah-langkah pembuatan breadchumb ini : :




Seperti biasa anda harus login ke Blogger. 

Langsung tuju  Edit HTML. 
Klik Expand Template  Widget. 
Letakkan kode berikut ini tepat  sebelum  kode ]]></b:skin>         
.breadcrumbs{             

padding:5px 5px 5px 0;             

margin:0;font-size:95%;              

line-height:1.4em;             

border-bottom:4px  double #cadaef}



Setelah itu, cari kode seperti ini :        
<div class='post hentry'>



Letakkan kode berikut ini tepat  setelah kode <div class='post hentry'>


<b:if  cond='data:blog.homepageUrl == data:blog.url'> <b:else/>  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <div class='breadcrumbs'> Browse &#187; <a  expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if  cond='data:post.labels'><b:loop values='data:post.labels'  var='label'> <a expr:href='data:label.url'  rel='tag'><data:label.name/></a> <b:if  cond='data:label.isLast != &quot;true&quot;'> , </b:if>  </b:loop> </b:if> &#187; <data:post.title/>  </div> </b:if> </b:if>

Simpan Template.        




Itu dulu teman-teman penjelasan dari saya, waktu sudah menunjukkan jam 23.41 menit WIB, jadi udah waktunya tidur nih. Besok saya akan lanjutkan kembali dengan tutorial yang lain.


Souce : www.maskolis.com


Cara Membuat PC Sebagai Virtual Wirelles Router
2013-01-07T10:37:00.000+07:00
Cara Membuat PC Sebagai Virtual Wirelles Router - Untuk membuat Virtual Wirelles Router pada PC, kita memerlukan sebuah software yaitu Virtual WiFi Router. Virtual WiFi Router adalah aplikasi portabel yang menjadikan sistem operasi Windows 7 sebagai Wi-Fi Router. Dengan Virtual Wi-Fi router kita bisa berbagi koneksi internet secara nirkabel.







Cara menggunakan Virtual WiFi Router:


Unduh Softwarennya secara gratis di virtualwifirouter.
Buka Control Panel - Uninstall a Program - Turn Windows features on or off
Pada jendela pop-up yang mucul, cari kategori Microsoft .NET Framework, lalu beri tanda centang pada Windows Communication Foundation HTTP Activation dan Non HTTP Activation.
Atur wirelles Network Connection Properties, buka Network and Sharing Center - Change Adapter Settings, lalu klik Properties. Klik pada tab Sharing.
Klik dan berikan tanda centang pada Allow other network users to connect through this computer's internet connection. Dengan cara ini akan mengaktifkan sharing pada koneksi internet.
Jalankan aplikasi Virtual Wi-Fi Router, pilih kartu jaringan dari menu drop-down, lalu klik tombol configure.
Masukkan nama dan password untuk koneksi virtual yang akan kamu buat, lalu klik Start untuk mengaktifkan hotspot Wi-Fi. Koneksi nirkabel pun telah tersedia. Semua orang yang mengetahui password yang telah kita buat pada aplikasi Virtual Wi-Fi Router akan bisa mengakses koneksi pada jaringan.
Klik pada tab Clients Connected untuk melihat semua perangkat yang terhubung ke jaringan virtual.

Source : http://dexamaker.blogspot.com 





Advanced SystemCare with Antivirus 2013 v5.5 full + Serial
2013-01-07T10:25:00.001+07:00


Mungkin sudah tidak asing lagi yaa dengan Advanced SystemCare with Antivirus 2013 v5.5 ini ??

Namun ada yang beda ni, sesuai namanya Advanced SystemCare with Antivirus 2013 v5.5 ini adalah software paket utilities terbaru dari IObit yang dilengkapi dengan antivirus.

Kalo untuk urusan perawatan PC, saya rasa Advanced SystemCare with Antivirus 2013 v5.5 ini tidak perlu diragukan lagi, apalagi terus muncul versi terbarunya yang selalu menjadi lebih baik, lalu bagaimana dengan kekuatan Antivirusnya ??

Di download aja langsung biar kagak penasaran, hehehe



Download via UploadOrb (Installer Only) :


Download Advanced SystemCare with Antivirus 2013 v5.5 - (57.4 MB)



Download via Sharebeast (Serial+Tips Only) :


Download ASC with AV 2013 v5.5 [serial] - (1 KB)



#ScreenShot :





#System Requirements :


Support OS : Windows XP, Vista, 7, 8
800 Mhz Processor or Faster
512 MB of RAM
800 MB Harddisk space

Terima Kasih. .  :)



Semoga Bermanfaat. .  ^_^



post by : http://oktasc.blogspot.com


Membuat Tab View di Blogspot
2013-01-07T10:18:00.003+07:00

Untuk menghemat tempat, tab view menu sangat  efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal  ini pernah ditanyakan oleh anda blogger pada kolom shout  box beberapa minggu yang lalu tentang bagaimana cara membuat  menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya. 



Membuat  menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi  sebaiknya simak baik-baik tutorial ini dan yang paling penting jangan  lupa untuk backup template andaterlebih dahulu. 
   

 Jika setelah jadi nanti lebar  atau tinggi menu tidak sesuai, silahkan anda sesuaikan sendiri dengan  isi dari menu yang anda gunakan. Karena jika tidak mengerti akan jadi  berantakan atau terlihat jelek. Baiklah, sekarang kita menuju pada pokok permasalahan




Pertama tentunya harus login dulu ke Blogger dengan akun anda.         


Tuju Tata Letak.         


Klik Edit HTML.         


Jangan lupa backup template ansa terlebih dahulu dengan  mengklik Download Template Lengkap.         


Kemudian letakkan kode javascript berikut sebelum kode </head>         






<script  type='text/javascript'>            

//<![CDATA[             

function  tabview_aux(TabViewId, id)             

{             

  var  TabView = document.getElementById(TabViewId); 

  //  ----- Tabs ----- 

  var Tabs = TabView.firstChild;             

  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; 

  var Tab = Tabs.firstChild;            

  var i   = 0; 

  do            

  {             

    if (Tab.tagName  == "A")             

    {             

      i++;             

       Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";              

      Tab.className = (i == id) ? "Active" : "";              

      Tab.blur();             

    }             

  }              

  while (Tab = Tab.nextSibling); 

  // -----  Pages ----- 

  var Pages = TabView.firstChild;             

  while (Pages.className != 'Pages') Pages = Pages.nextSibling; 

  var Page = Pages.firstChild;            

  var i    =  0; 

  do            

  {             

    if  (Page.className == 'Page')             

    {             

       i++;             

      if (Pages.offsetHeight) Page.style.height =  (Pages.offsetHeight-2)+"px";             

      Page.style.overflow =  "auto";             

      Page.style.display  = (i == id) ? 'block'  : 'none';             

    }             

  }             

   while (Page = Page.nextSibling);             

} 

//  ----- Functions  ------------------------------------------------------------- 

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId,  id); } 

function tabview_initialize(TabViewId) {  tabview_aux(TabViewId,  1); }            

//]]>             

</script>  



Setelah itu  letakkan kode berikut di atas kode ]]></b:skin>          




div.TabView div.Tabs            

{              

height: 30px;             

overflow: hidden;             

}              

div.TabView div.Tabs a             

{             

float:  left;             

display: block;             

width: 98px; /* Lebar Menu Utama Atas */ 

text-align:  center;            

height: 30px; /* Tinggi  Menu Utama Atas */             

padding-top: 3px;             

vertical-align:  middle;             

border: 1px solid #BDBDBD; /* Warna border Menu Atas */             

border-bottom-width:  0;             

text-decoration: none;             

font-family:  "Verdana", Serif; /* Font Menu Utama Atas */              

font-weight: bold;             

color: #000; /* Warna Font Menu Utama Atas */             

-moz-border-radius-topleft:10px;              

-moz-border-radius-topright:10px;             

}              

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active              

{             

background-color: #E6E6E6; /* Warna background Menu Utama Atas */              

}             

div.TabView div.Pages             

{              

clear: both;             

border: 1px solid #BDBDBD; /* Warna border Kotak Utama */             

overflow:  hidden;             

background-color: #E6E6E6; /* Warna background Kotak Utama */             

}              

div.TabView div.Pages div.Page             

{              

height: 100%;             

padding: 0px;             

overflow:  hidden;             

}             

div.TabView div.Pages  div.Page div.Pad             
{             

padding: 3px 5px;              

}


Kemudian  Simpan Template.        
Langkah  selanjutnya, silahkan anda klik Tata Letak.         
Klik Elemen Halaman dan tambahkan Gadget.          
Pilih yang HTML /  Javascript, dan tambahkan kode berikut kedalamnya.         



<form action="tabview.html" method="get">            

<div  class="TabView" id="TabView">             

<div class="Tabs"  style="width: 300px;">             

<a>Tab 1</a>              

<a>Tab  2</a>               

<a>Tab 3</a>              

</div>             

<div class="Pages" style="width: 300px; height: 250px;">  

<div class="Page">            

<div  class="Pad">             

Tab 1.1 <br  />              

Tab 1.2 <br />               

Tab 1.3  <br />               </div>             

</div>  

<div class="Page">            

<div  class="Pad">             

Tab 2.1 <br  />              

Tab 2.2 <br />               

Tab 2.3  <br />             

</div>             

</div>  

<div class="Page">            

<div  class="Pad">             

Tab 3.1 <br  />              

Tab 3.2 <br />               

Tab 3.3  <br />               </div>             

</div>  

</div>            

</div>             

</form>  

<script type="text/javascript">            

tabview_initialize('TabView');              

</script>


Kemudian Simpan. 

Keterangan  :     




Untuk kode yang berwarna merah adalah lebar dan tinggi menu,  silahkan anda sesuaikan dengan isi.         


Kode  yang berwarna biru silahkan sobat isi  dengan judul - judul dari menu.         


Dan yang berwarna ungu, adalah  isi dari menu. Anda bisa menambahkan link,  gambar, banner, dll. 


Selamat mencoba dan semoga bermanfaat.



Sumber : www.maskolis.com 






Membuat Recent Post Slider With Thumbnail
2013-01-04T20:38:00.001+07:00
Cara Membuat Recent Post Slider With Thumbnail - Hari ini kita akan mempelajari tentang recent post dengan versi thumbnail atau Cara Membuat Recent Post Slider With Thumbnail. 



Recent Post Slider With Thumbnail? Sebelumnya kita harus tahu dulu thumbnails itu apa.

Thumbnails merupakan gambar atau pictures yang terpajang di media-media, contohnya widget yang sekarang kita bahas ini. Gambar yang dihiasi kata-kata dari javascript ini sangat bagus. Anda tidak akan menyesal untuk mencobanya.









Recent post dengan thumbnails ini berbeda dengan artikel terbaru yang hanya menggunakan bullet sebagai penghiasnya. Slideshow kali ini dilengkapi dengan efek marquee/berjalan  yang membuat blog kita semakin cantik. Dengan membuat Slide Show pada halaman blog kita, pengunjung akan lebih mudah lagi untuk menyelusuri daftar isi pada blog yang kita buat.



Tertarik membuatnya? Ikuti langkah berikut di bawah ini.

1. Login ke akun blogger sobat.

2. Lalu klik rancangan - tambah gadget - pilih HTML/Javascript.







3. Lalu masukkan kode di bawah ini di kolom tersebut.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">



<!--



#spylist {

overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:350px;

}

#spylist ul{

width:355px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:335px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;

border:1px solid #ddd;

}



#spylist li a {

text-decoration:none;

color:#4B545B;

font-size:11px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:0;

}

.spydate{

overflow:hidden;

font-size:10px;

color:#0284C2;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:15px;

font-family:Tahoma,Arial,verdana, sans-serif;

}



.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}



-->

</style>



    <script language='javascript'> 

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 300;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "Reply(s)";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://daw-xp.blogspot.com/";

limitspy=5

intervalspy=6000

</script>



<div id="spylist">

    <script type='text/javascript'>

//<![CDATA[

 /*

 * Script dikombinasikan dari bloggerstricks.com

 * spy effect dari jqueryfordesigners.com

 * Oleh Abu Farhan (www.abu-farhan.com)

 * Modifikasi oleh daw-xp.blogspot.com

 */

jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return  this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find(">  li:first").height();l.find(">  li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div  class="spyWrapper" />').parent().css({height:h*f});l.find(">  li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function  n(){if(k){var  p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find(">   li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function  showrecentposts(z){document.write('<ul  class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new  Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var  g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var  l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var   l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split("  ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in  w){var r=w.summary.$t}else{var  r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font  color="'+acolor+'">('+f+" "+text+")</font></i>":"";var  q=[1,2,3,4,5,6,7,8,9,10,11,12];var  x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var  u=postdate.split("-")[2].substring(0,2);var  h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var  e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var  n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+"  "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var  v='<li><a href="'+p+'"><img src="'+img[o]+'"  width="'+thumbwidth+'" height="'+thumbheight+'"  class="recent-thumb"/></a><a href="'+p+'"  class="recent-link">'+g+'</a><div  class="spydate">'+n+'</div><div  class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script   src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');  

//]]>

</script>

</div>

boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.



4. Save widget dan lihat hasilnya. 



Selesai sudah


Langkah Membuat Daftar Isi Automatic Blog
2013-01-04T20:15:00.003+07:00

 




Anda seorang blogger yang masih menggunakan daftar isi blog secara manual? Ganti dengan cara berikut untuk membuat daftar isi blog secara otomatis. Jadi kita tidak perlu repot menulis link untuk posting Anda secara manual. Kerja kita jadi semakin dipermudah dalam mengelola blog tanpa membuang waktu dengan percuma. 




Berikut ini cara membuat dan memasang daftar isi otomatis, silahkan  ikuti  langkah-langkah di bawah ini:


Login ke Blogger, Klik Layout/Tata  Letak;


Pada Elemen Halaman, klik Add  Gadget/Tambah Gadget di lokasi yang Anda inginkan;


Cari dan pilih HTML/Javascript;


Copy paste kode di bawah ini ke dalam  content yang telah tersedia, berikut ini kodenya :


<div style="overflow: auto; width: 300px; height: 200px;  text-align: left;">

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>

<script src="http://apitprayitno.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div> 



Klik Tombol Save/Simpan.





Keterangan : 


Link yang berwarna merah, silahkan  diganti dengan alamat Blog Anda;
Width: 300px; adalah merupakan lebar dari kotak daftar isi  otomotis dan boleh anda sesuaikan;
Height: 200px; adalah merupakan tinggi dari kotak daftar isi  otomotis dan boleh anda sesuaikan.

Demikianlah tutorial Membuat Daftar Isi Automatic Blog,  semoga bermanfaat.


Membuat Page Peel Animasi Flash Di Blogger
2013-01-04T11:01:00.000+07:00

Beberapa blogger menggunakan widget sebagai media iklan mereka. Selain menarik ternyata penggunaan page peel bisa menjadi daya tarik pengunjung blog. Terletak di sudut kanan halaman blog menjadi ciri khas widget ini. Untuk Anda yang tertarik untuk membuatnya silahkan ikuti langkah-langkahnya berikut ini :



Sebelumnya silahkan Anda download file  peel.zip (Alternative – Download), extract file tersebut sehingga muncul file folder "peel" yang berisi beberapa file yaitu : 








large.swf
large.jpg
small.swf
small.jpg
peel.js

Unggah semua file tersebut ke dalam media penyimpanan online kesukaan Anda. Untuk image/gambar di Picasa Google dan file swf upload saja di www.swfcabin.com, gratis tentu saja. Selanjutnya ikuti tutorial berikut ini :





Langkah membuat page peel di Blogspot 

1. Masuk ke blogger

2. Pilih Template

3. Pilih Edit HTML

4. Centang kotak kecil dekat expand template widget 

5. Cari kode ini <head> dan letakkan kode dibawah ini ( peel.js ) sesudah kode <head> 




var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://www.domain.com');
jaaspeel.small_path = 'http://www.domain.com/peel/small.swf';
jaaspeel.small_image = escape('http://www.domain.com/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.domain.com/peel/large.swf';
jaaspeel.big_image = escape('http://www.domain.com/peel/large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
    document.getElementById('jcornerBig').style.top = '0px';
    document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
    document.getElementById("jcornerSmall").style.top = "0px";
    document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects(); 

Catatan : silahkan ganti tulisan yang berwarna merah dengan alamat url file yang telah anda hosting / simpan sebelumnya di media penyimpanan online.
6. Simpan dan lihat hasilnya



Bila Anda masih bingung cara membuatnya silahkan berkomentar. 

 


Cara Membuat Read More Versi Fast Load
2013-01-03T12:50:00.004+07:00

Membuat readmore barangkali sudah menjadi hal yang sudah banyak dilakukan oleh blogger. Namun kali ini saya akan membagi tutorial membuat readmore  yang lebih simpel. Tentunya loading blog juga akan lebih ringan, karena setelah kita klik "readmore" maka kita tidak lagi load halaman lagi. Oleh karena itu saya lebih suka menyebutnya dengan istilah Readmore Versi Fast Load.







Berikut Cara Membuat Read More Versi Fast Load:



1.  Login ke akun  Blogger anda



2.  Pilih Layout > Edit HTML, lalu centang Expand Widget Templates.



3.  Cari kode </head> lalu pastekan kode berikut tepat di atasnya:





<script src='http://creatingwebsite.googlecode.com/files/readmorev2.js'  type='text/javascript'/>

4.  Jika sudah, cari kode <div  class='post-header-line-1'/>, di bawahnya kan ada kode <div  class='post-body entry-content'>. Ganti kode tersebut menjadi seperti ini:





<div class='post-body entry-content' expr:id='"post-"  + data:post.id'> <b:if cond='data:blog.pageType == "item"'>

5.  Sudahkan? Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut tepat di bawahnya:

<b:else/>


<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a  expr:onclick='"javascript:showFull(\"post-" + data:post.id +  "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a  expr:onclick='"javascript:hideFull(\"post-" + data:post.id +  "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

</span>

<script type='text/javascript'>checkFull("post-"  + "<data:post.id/>")</script>
</b:if>



6.  So, seluruh kode tadi menjadi seperti ini:


<div class='post-header-line-1'/>

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost   {display:none;}</style>

<p><data:post.body/></p>

<span   id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-"   + data:post.id + "\");"' href='javascript:void(0);'>[+/-]  Selengkapnya...</a></p>

</span>

<span id='hidelink'   style='display:none'>

<p><a   expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'   href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

</span>

<script   type='text/javascript'>checkFull("post-" +   "<data:post.id/>")</script>

</b:if>


Tulisan Selengkapnya...  dan Ringkasan... bisa anda ganti sesuai keinginan.



7.  Klik Save Template untuk menyimpan perubahan

8.  Selanjutnya pilih menu Setting > Formatting

9.  Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:




<span id="fullpost">

</span>
10. Klik Save Settings



Dalam membuat postingan, letakkan abstraksi atau pembuka postingan anda sebelum kode <span id="fullpost"> dan sisa nya letakkan diantara kode <span id="fullpost"> dan </span>.



Selesai deh readmore-nya. Ehh.. belum, kurang dikit ada yang lupa!!



Lalu gimana buat yang sudah pakai read more versi 1? Ya tinggal update aja ke situs providernya… eh, kok malah kayak software? Begini, buat yang sudah pakai read more versi 1, anda tinggal mengubah sedikit kode read more yang lama..



Caranya:

1.   Kode read more yang lama kan seperti ini:




<div  class='post-header-line-1'/>

<div class='post-body entry-content'>

<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/></p>

<a  expr:href='data:post.url'>Read More......</a>

</b:if>

2.   Hapus kode yang berwarna merah lalu ikuti langkah-langkah di atas.



3.   Jangan lupa ubah juga isi Post Template dengan:




<span id="fullpost">

</span>





Silahkan dicoba sobat.


CCleaner 3.26.1888 - Clean Your PC
2013-01-03T12:24:00.000+07:00
CCleaner adalah aplikasi nomor satu untuk membersihkan PC Anda yang berbasis Windows. Aplikasi ini dapat membuat komputer anda berjalan lebih cepat dan lebih aman, membersihkan hardisk anda dari file file sampah, dan dapat melindungi privasi Anda saat berseluncur di dunia maya. Kelebihan dari software ini antara lain adalah mudah digunakan, file berukuran kecil, bekerja secara cepat, bebas dari spyware dan adware, serta dapat didownload dengan cepat.















Update di versi ini :

- Peningkatan manajemen add-on di Firefox

- Peningkatan manajemen ekstensi di Google Chrome

- Optimasi algoritma analisis direktori

- Penambahan fitur cleaning untuk Microsoft Office 2013

- Penambahan fitur cleaning untuk Adobe Reader 11.0

- Perbaikan minor dengan installer Windows 8

- Perbaikan minor pada GUI

- dan beberapa perbaikan lain dari versi sebelumnya




DOWNLOAD

Mirror :

Filehippo.com

Softpedia.com

 
Minimum Requirement (bergantung pada sistem operasi Anda) :


Processor no minimum
Memory no minimum
Kapasitas Hard disk 10 MB

Panduan Instalasi Program :  Double klik file .exe, lalu ikuti petunjuk instalasi.


Panduan Menghapus program :  Melalui pilihan pada start menu program klik uninstal aplikasi, atau melalui control panel.


Data Teknis :


Nama software         CCleaner 3.26.1888
Ukuran File              3,98 MB
Sistem Operasi         Windows 2000/2003/XP/Vista/Windows 7/Windows 8  
Website resmi           http://www.piriform.com/ccleaner



Hard Disk Eksternal Toshiba Dengan Dua Posisi
2013-01-02T10:59:00.000+07:00
Kamu yang ingin hard disk eksternal berfisik ringkas tapi dengan kapasitas di atas 1TB, silakan lirik tawaran terbaru Toshiba, yakni Canvio Desk. Ia tersedia dalam kapasitas 2TB dan 3TB.  Canvio Desk memamerkan koneksi USB 3.0.


Yang unik, Canvio Desk bisa diposisikan berdiri atau tiduran, tergantung kesediaan tempat di meja penggunanya. Kaki karet terpasang di bagian bawah dan salah satu sisi badan hard disk memudahkan kamu memosisikan Canvio Desk horisontal atau vertikal. Kaki karet itu juga menyebabkan posisinya lebih stabil.

O ya, Canvio Desk juga ramah lingkungan.  Sebab ia tidak menggunakan kipas pendingin sehingga hemat listrik, dan tidak bising saat bekerja. Namun ia tidak panas.

Begitu dikeluarkan dari kemasan, Canvio Desk bisa langsung dipakai. Di sistem operasi Windows boleh, juga di Mac. Tak perlu format ulang, karena hard disk 3,5” ini sudah diformat  dalam NTFS.  Jadi kamu tinggal menancapkannya ke jala-jala listrik dan menghubungkannya ke port USB PC Windows. Usahakan mengkoneksikannya ke port USB 3.0 agar kinerjanya optimal.

Jika kamu meneliti isi hard disk via Windows Explorer, kamu akan menemukan installer untuk software NTI BackupNow EZ. Instal software itu agar kamu bisa mem-back seluruh sistem PC, termasuk sistem operasi, seting, program dan data. Kamu bisa memilih backup data atau folder tertentu, backup otomatis (terjadwal), juga data yang di-password.

Toshiba Canvio Desk 3,5” tersedia dalam casing berwarna putih atau hitam. Produk ini digaransi terbatas selama tiga tahun.





Cara Membuat Recent Post Label Satu Thumbnail
2012-12-31T11:42:00.001+07:00



Bagi sobat blogger yang belum tahu untuk membuat widget seperti gambar di atas silahkan simak dengan seksama tutorialnya. Sebelumnya artikel ini telah ditulis oleh Maskolis pada tutorial blognya yang aku juga sangat menyukainya.

Cara membuatnya adalah sebagai berikut :



Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
Setelah itu pilih blog yang ingin anda tambahkan widget ini.
Masuk ke template >> Edit HTML, kemudian centang expand widget templates
Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :






img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}

img.label_thumb:hover{background:#f7f6f6}

.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}

ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}



Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.

Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :







<script type='text/javascript'>

//<![CDATA[

function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)

{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPgNGlemZPSGu75VwQVoNN4iUVB-ikqaZeECVb9RSB1iPPWBXPkV9beZo0Q0VPutRNffXxxKShsSsxHyvWoXrTUxpmmzVcaHBMCeZXgpnii3LrbutahNOsjIYCTtPaVXBboO_gQujqt6Z/';}

var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)

document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}

else

if("summary"in entry){var postcontent=entry.summary.$t;}

else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}

else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}

var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)

{if(flag==1){towrite=towrite+' | ';}

if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}

if(displaymore==true)

{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}

document.write(towrite);document.write('</li>');if(displayseparator==true)

if(i!=(numposts-1))

document.write('');}document.write('</ul>');}

//]]>

</script>



Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google Code Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.

<script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>



Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :





<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>



<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>



<script type="text/javascript">

function recentpostslist(json) {

 document.write('<ul>');

 for (var i = 1; i < json.feed.entry.length; i++)

 {

    for (var j = 1; j < json.feed.entry[i].link.length; j++) {

      if (json.feed.entry[i].link[j].rel == 'alternate') {

        break;

      }

    }

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

 document.write(item);

 }

 document.write('</ul>');

 }

</script>

<script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>

<a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>


Keterangan :

Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.

Warna merah : Ganti URL dengan URL blog anda.



Selanjutnya save dan lihat hasilnya.


Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.



Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.



Sumber : www.maskolis.com 




Tips Merawat Baterai Laptop Agar Lebih Tahan Lama
2012-12-31T11:31:00.001+07:00

Beberapa orang tidak banyak mengetahui penyebab baterai laptop tidak mau menyimpan arus listrik, baterai laptop dipakai beberapa menit kemudian "ngedrop".

Mengapa itu terjadi? tentu saja dari faktor pemakaian yang tidak mengikuti aturan yang benar. Terus bagaimana untuk mengatasi hal tersebut?

Apabila Anda pengguna laptop baru saya sarankan untuk menyimak tips berikut ini.



Berikut adalah tips untuk menjaga performa baterai laptop:

1. Letakkan pada tempat yang keras

Panas adalah salah satu penyebab dari menurunnya performa baterai, jangan taruh laptop di tempat yang empuk seperti kasur atau bantal yang menyerap panas karena panas yang keluar akan terserap dan diam di laptop.



2. Gunakan listrik dengan tegangan stabil

Ketika charge baterai, perhatikan listrik yang dikonsumsi oleh adaptor. Tegangan listrik yang tidak stabil akan membuat adaptor rusak dan performa dari baterai drop.



3. Defrag Hard Disk

lakukan defrag hard disk secara rutin, dengan melakukan hal tersebut maka kinerja hard disk akan lebih baik dan otomatis mengurangi beban penggunaan baterai. Defrag hard disk dapat menggunakan software Auslogics Disk Defrag.



4. Hibernate dan Standby

Hibernate lebih irit penggunaan baterai daripada Standby, karena beberapa service akan di-non-aktifkan sementara saat mode hibernate.



5. Hard Disk dan CD-ROM

Lebih banyak menggunakan hard disk lebih hemat baterai daripada menggunakan CD-ROM yang lebih boros dalam pemakaian.



6. Kontak Baterai

Rutin membersihkan kontak baterai menggunakan kain yang dibasahi alkohol akan membuat kontak bersih dan transfer daya listrik lebih optimal.



7. Power Option

Pilih pilihan Optimize, karena akan menampilakn efek maksimal dengan penggunaan maksimum baterai.



8. External Device

External Device seperti hard disk external, wifi, bluetooh dan lainnya akan menguras penggunaan baterai anda. Jika tidak sedang digunakan sebaiknya dilepas dari laptop.



9. RAM

Semakin besar RAM maka semakin irit penggunaan baterai, karena performa laptop akan lebih ringan dengan RAM yang besar, dengan begitu baterai juga berkurang beban penggunaanya.

Dengan beberapa tips tersebut akan menjaga performa dari baterai laptop anda.



Demikian sobat apa yang dapat kami share hari ini, semoga bermanfaat dan kunjungi terus blog ini ya.