-----
DEMATICA is a blog that provides interesting articles, tips and tricks, music, lifestyle, etc.
-----

Monday, January 23, 2012

Cara Mengatasi Resolusi Website yang Berantakan


Kasus : Duh kok websiteku berantakan ya kalo dilihat dari monitor atau resolusi yang berbeda, gimana nih cara mengatasinya ?
Jawab yuk :
Yap, memang setiap monitor visitor mempunyai resolusi yang berbeda, untuk testnya coba kamu klik ctrl + tarik scroll mouse ke bawah, kalo website kamu posisinya nda berubah berarti website km bagus karena mempunyai resolusi yang statis,
gimana kalo berubah dan jadi berantakan, sidebar yang tadinya di kanan eh malah jadi di bawah post ? hemmhhh, yuk coba perbaikin style.css kamu dengan masuk ke appearance >> editor >> style.css, pertama set lebar class body menjadi 100 %, berikut contohnya :
body {
background-color: #eaeaea;
padding: 12px;
text-align: center;
font: normal 11px Verdana, Geneva, sans-serif;
letter-spacing: 1px;
color: #5c5c5c;
width: 100%;

}
kemudian set class yang berantakan contohnya class sidebar yang mestinya hanya di kanan, malah kalo beda resolusi bisa lari ke kiri, jadi kita harus menambahkan kode ini sehingga menjadi :
.sidebar {
float: right;
width: 196px;
padding: 10px;
width: 218px;
}
Update File!
Done! silahkan coba kembali klik ctrl + tarik scroll mouse ke bawah di browser kamu, sekarang sudah statis kan sesuai dengan tempatnya, gak jadi berantakan lagi..
Hal tsb berlaku juga untuk header, footer, post yang berantakan, tinggal cari class yang lain yang serupa dan set sesuai keinginan anda
--Semoga membantu..--

Menu Horizontal Style R-E


 

Syalom..., Puji Tuhan iseng-iseng buat menu sendiri e... jadi juga. Karena itulah menu ini saya namain "Menu Horizontal Style R-E",  tutorial cara membuatnya saat ini saya mo sharekan ma sobat semua, ini langkah-langkahnya: 
  1. Masuk keakun blogger sobat
  2. Setelah itu Klik design -> Edit HTML
  3. Kemudian masukkan kode CSS nya di atas kode ]]></b:skin

/*-- (Menu/Nav) --*/
#nav-element{width:900px; margin:0; padding:0px 0 0px 0; float:center}
#nav{background:#0A2A0A; height:32px; padding:4px 0 0; margin-bottom:0px; clear:both; margin:0 auto; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
#nav-left{float:left; display:inline; width:660px; padding-left:6px; padding-top:1px}
#nav-right{float:right; display:inline; width:200px;  padding-top:3px; padding-right:6px}
#nav ul{float:left;list-style:none;margin:0;padding:0;font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold}
#nav li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link,#nav li a:visited{display:block; color:#fff; margin:1px 4px; padding:4px 4px; text-decoration:none;}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{color:#fff; background-color:#999; margin:1px 3px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px}
#nav li a:hover,#nav li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;text-decoration:none}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:transparent;color:#fff;font-size:12px;text-transform:none;float:none;margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;}
#nav li li a:hover,#nav li li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;}
#nav li{float:left;padding:0}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:167px; background: #424242;margin:0px; padding:4px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#nav li ul a{width:156px;margin-bottom:2px;}
#nav li ul ul{margin:-32px 0 0 171px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto}
#nav li:hover,#nav li.sfhover{position:static}
/*-- (Menu/Nav) --*/
#nav-element{width:900px; margin:0; padding:0px 0 0px 0; float:center}
#nav{background:#0A2A0A; height:32px; padding:4px 0 0; margin-bottom:0px; clear:both; margin:0 auto; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
#nav-left{float:left; display:inline; width:660px; padding-left:6px; padding-top:1px}
#nav-right{float:right; display:inline; width:200px;&nbsp; padding-top:3px; padding-right:6px}
#nav ul{float:left;list-style:none;margin:0;padding:0;font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold}
#nav li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link,#nav li a:visited{display:block; color:#fff; margin:1px 4px; padding:4px 4px; text-decoration:none;}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{color:#fff; background-color:#999; margin:1px 3px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;&nbsp; -khtml-border-radius:3px 3px 3px 3px;&nbsp; -webkit-border-radius:3px 3px 3px 3px;&nbsp; border-radius:3px 3px 3px 3px}
#nav li a:hover,#nav li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;&nbsp; -khtml-border-radius:3px 3px 3px 3px;&nbsp; -webkit-border-radius:3px 3px 3px 3px;&nbsp; border-radius:3px 3px 3px 3px;text-decoration:none}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:transparent;color:#fff;font-size:12px;text-transform:none;float:none;margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;&nbsp; -khtml-border-radius:3px 3px 3px 3px;&nbsp; -webkit-border-radius:3px 3px 3px 3px;&nbsp; border-radius:3px 3px 3px 3px;}
#nav li li a:hover,#nav li li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;&nbsp; -khtml-border-radius:3px 3px 3px 3px;&nbsp; -webkit-border-radius:3px 3px 3px 3px;&nbsp; border-radius:3px 3px 3px 3px;}
#nav li{float:left;padding:0}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:167px; background: #424242;margin:0px; padding:4px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#nav li ul a{width:156px;margin-bottom:2px;}
#nav li ul ul{margin:-32px 0 0 171px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto}
#nav li:hover,#nav li.sfhover{position:static}

Selanjutnya masuk  -> Design -> add Widget -> pilih widegt HTML/Javascript kemudian masukkan kode dibawah ini :


<div id='nav-element'>
<div class='widget-content'>
<div id='nav'>
<div id='nav-left'>
<ul>

<li><a href='http://www.dematica.blogspot.com/'>HOME</a></li>
</ul>
<li><a href='link tujuan'>MAIN MENU </a>
<ul>
<li><a href='#'>ILLUSTRASI</a></li>
<li><a href='#'>RENUNGAN</a>
<ul>
</ul></li>
<li><a href='#'>HUMOR</a></li>
</ul>
</li>
<li><a href='link tujuan'>Free DOWNLOAD</a>
<ul>
<li><a href='#'>SOFTWARE</a></li>
<li><a href='#'>LYRICK & MP3</a></li>
<li><a href='#'>GAMES</a>
<ul>
</ul></li>
<li><a href='#'>TEMPLATE'S</a></li>
</ul>
<li><a href='#'>B'TUTORIAL</a></li>
<li><a href='#' title='link-title'>CONTACT US</a></li>
<li><a href='#' title='link-title'>DAFTAR ISI</a></li>
<li><a href='#'></a><ul>
<li><a href='#'>Page</a>
<ul>
<li><a href='#'>Page</a></li>
<li><a href='#'>Page</a></li>
</ul>
</li>
<li><a href='#'>Page</a></li>
<li><a href='#'>Page</a></li>
</ul></li>

<script language='javascript'>setPage()</script>
</div>
<div id='nav-right'>
<div id='tsrc-m'>
<div id='src-m'>
<form action='/search' id='searchform' method='get' name='searchform'>

<input id="searchbox" maxlength="160" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" />
<input class="btn" name="" src="http://1.bp.blogspot.com/_CseriP1w1gA/TJv7aLezKfI/AAAAAAAABrg/qppemw29_XY/s1600/1zehw2f_th.jpg.png" style='border: 0pt none ; vertical-align: top; padding-top:3px' value="Go" type="image" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>

Selesai Klik Save Template
-- Selamat mencoba --

Thursday, January 12, 2012

Cara Unlock Modem Huawei E220 Indosat 3.5G

Cara Unlock Modem Huawei E220 Indosat 3.5G :
1. Keluarkan SIM Card dari dalam Modem Huawei E220 (tidak terpasang)
2. Hubungkan Modem Huawei E220 ke PC/Laptop
3. Install Firmware Update E220Update_11_117_09_04_00_B268
e220
4. Lalu tekan Cancel
e220_1
5. Jalankan Program qmat.exe
6. Klik Hardware Forensics >> Use Com/USB Port
e220_2

7. Maka akan muncul Serial Comp Port “ Huawei Mobile Connect – 3G PC UI Interface”
e220_2
8. Klik Send sampai muncul Succesfully command
e220_4
9.  Pada menu Diag Functions pilih Read EFS
10. Klik Let’s Go
e220_5
11. Simpan dengan nama Huawei.bin, tunngu beberapa saat… please wait !!
e220_6
Setelah selesai, close program qmat
12. Lalu jalankan program HXD.exe
13. Buka  file “huawei..bin” yang disimpan tadi,
14. Lalu klik Search >> Find >>> Search For : 53 64 2C 00, pada  “Datatype” pilih “Hex Values”
e220_7
15. Maka akan terlihat unlock code yg terdiri 8 digit

e220_8
16. Jalankan  “E220 SimLock_UnLock.exe” lalu masukkan 8 digit unlock code-nya.
e220_9
Klik OK
Finish ! modem anda sudah di unlock
Hasil dari Unlock Modem Huawei Indosat 1.5
Test Pake TelkomFlash !!
huawei

Sofware yang digunakan untuk proses Unlock Modem Huawei E220 :

Huawei_E220Update_11_117_09_04_00_B268.zip
SimLock_UnLock.exe
HxDen.Exel
Qmat.exe
 --Semoga membantu!!!--