VmWare

VmWare

Tahap Awal
Bahan :
1. Kompi pribadi, Spek memadai (gak mungkin di warnet proses lama)
2. VmWare (Aku pakai v.6.5.2 - build 1656735 yang sudah di [JaMu])
3. CE (aku pake yang biasa, CE 5.5)
4. CD Windows (disarankan XP sp 1 aja, biar enteng gitu)
5. DirectX Redistributable (untuk 3d yang suka rewel di VM)
6. Saya rasa cukup, ditambah sedikit saja, rasa Sabar, sabar, sabar...!!!

Link download bahan-bahan diatas

Spoiler

1.
Klik disini untuk VM nya

(harap cari sendiri VM yang cocok, IDwS uplodnya eror)

2.
Klik disini untuk CE nya


3.
Klik disini untuk DX redist nya

(cari yang sesuai bila 3D nya masih eror pake yang ini)

Intalasi XP dan Setting pada VmWare
Disini yang perlu sedikit kesabaran, perlu sedikit pemahaman.

Spoiler

1. Instal VM, biasa tigal next2 aja... disini aku menjelaskan seting VMnya aja.

2. Instal selesai, kemudian pilih custom.


3. Next, setelah bagian ini kita pilih iso / instal dari CD.


4. Next, bagian ini untuk serial CD XP nya dan User.


5. Next, bagian ini untuk mengatur besarnya Memory Virtual untuk VM nya.


6. Next, disini untuk seting Netwok yang digunakan untuk konek atar PC dengan Virtual, pilih saja sembarang.


7. Next, ini untuk seting besar Hardisk yang di gunakan untuk besar simpanan datanya.


8. Next, Next aja bila ada proses seting dari gambar yg terlewatkan.

9. Bila sudah muncul seperti ini berarti sudah jalan.


10. Bila sudah slesai masuk windows biarkan proses instal VM tool, ini untuk USB, sound, dll.

VBox

Bahan :
1. VBox Donlod disini
2. DX redist kyk biasnya.
3. CD XP
4. Kesabaran

Seblumnya minta mav bila SS nya sedikit, tolong usaha sedikit.
Instal XP dan seting Virtual Box

Spoiler

1. Selesai intal Vboxnya pilih BARU / Creat New [punyaku bahasa indonesia]
2. Creat Nama Tipe instal [xp,linux, dll]
3. RAM VIRTUAL sering ini jadi masalah.
4. Hard disk Pilih exist lama ato buat Baru [Jelas pilih baru]
5. Buat hardisk.
6. Finish

Nah kalo udah instal [start/mulai], pasti eror hahaha....

1. Buka setting
2. Di tab storage pilih CD/DVD. Pilih Drive CD mu : biasanya E: jangan lupa masukan CDnya....!!!
3. Saya kira cukup itu. Dah deh baru Mulai tanda -> warna ijo.
4. Klo ini mesti di tungguin soalnya perlu masukan CD key, format, pokoknya isntal xp ya kyk gt.

Wew mesti bersambung....
Gambar melebihi batas share anda (sama juga neh)... katanya gitu... huft....

Part one finish, to be continue…!!!

LOVE IS HERE

 

 

Part 2

VmWare Trouble Solving

1. Seting 3D nya gimana nih..?? Kok kluar bahasa dewa...???
2. Networknya kok gak bisa...??
3. Copy filenya gmn y...??


Jawab untuk 3D

Spoiler

Pake DX redist ato SDK kk... liat DirectX sebelum dan sesudah....
Ini yg sebelum pake redist


Maka jadinya klo pake seal jd gini....


Nah instal Redist nya... jadi gini...


Dan 3D nya...


Jadinya bisa gini...

Jawab untuk Network

Spoiler

Baar bisa kyk gini...


Ini untuk panduan awal...

Tipe Koneksi Jaringan
Pilihan ini tersedia untuk konfigurasi kustom atau jika Anda klik Customize Hardware di halaman terakhir dari panduan Virtual Machine Baru. Anda memiliki beberapa pilihan untuk menghubungkan mesin virtual ke jaringan:
• Bridged - Jika komputer host Anda pada sebuah jaringan dan Anda memiliki alamat IP yang terpisah untuk mesin virtual Anda (atau bisa mendapatkan satu secara otomatis dari server DHCP), pilih Bridged . komputer lain pada jaringan tersebut dapat berkomunikasi secara langsung dengan mesin virtual.
• NAT (Network Address Translation) - Jika Anda tidak memiliki alamat IP yang terpisah untuk mesin virtual Anda, tetapi Anda ingin dapat terhubung ke Internet, pilih NAT. Mesin virtual dan bagian host identitas jaringan tunggal yang tidak terlihat di luar jaringan.
• Host-saja - jaringan Host-hanya menyediakan koneksi jaringan antara mesin virtual dan host komputer, menggunakan adapter jaringan virtual yang dapat dilihat oleh sistem operasi host. Dengan jaringan host-hanya, mesin virtual dapat berkomunikasi hanya dengan host dan mesin virtual lain di jaringan host-only. Pilih Host-hanya untuk membuat jaringan virtual yang terisolasi.


Help ada di program file nya VM, bisa di cari... untuk seting penggatian network yg cocok bisa di seting lewat menu dropdown...
VM > seting > network > pilih network

Bila ada yang kurang bisa di tanyakan...

Jawab untuk Copy File

Spoiler

Sebernarnya simpel... drag drop aja slesai...
Bila drag drop tidak berfungsi, berarti VM tool belum terinstal.
Bila tetap nggak bisa pake aja flashdisk ato LAN....

Bila kurang tanyakan lagi…!!!

Part two finish, to be continue…!!!

LOVE IS HERE

 

 

Part 3

VBox Trouble Solving

Ini yang sering di tanyakan....

Setting Network

Spoiler

1. Buka setting
2. Tab jaringan/network pilih adapter 1 pilih Host-only adapter.


3. Tab 2 pilih NAT.
4. Penjelasanya adalah, adapter 1 untuk sharing file, NAT untuk internet.
5. Kemudian setting IP pada Vbox menjadi se network dengan OS asli.
6. exp: Vbox 192.168.0.1 di OS asli 192.168.0.2 [di ADAPTER VB yang di seting bukan LAN]
7. Kalo udah, bisa maen smbil FB an di os asli, biar enteng gitu...

Enable 3D DirectX

Spoiler

1. Buka safe mode [caranya waktu loading windows tekan F8 lalu pilih safe mode]
2. Di tab Device, pilih instal add guest tool, jangan lupa centang Direct 3D suport.


3. Nah klo dah muncul tray icon ini berarti dah bisa.


4. Ni contohnya, buat test start > run > dxdiag.


5. Siap deh maen PB.

Part three finish, to be continue…!!!

LOVE IS HERE

 

 

 

 

Part 4

Kalo sudah Sukses

Sedikit penjelasan...
HackShield bisa mendeteksi CE dikarenakan proses HS terdapat dalam satu proses task yang sama.
Untuk itu bagi yang memakai w7 karena tidak bisa hide tool atopun edit reg, ini jalan mudahnya.
Inti dari Dual OS adalah memisahkan proses HS dengan CE.

Langsung saja....

Cheat melalui Dual OS

Spoiler

1. Gambar dimana CE dan PB telah terpisah proses.


2. Login sucses menggunakan CE.


3. Attach prosesnya ke vmware-vmx.exe bukan ke vmware.exe nya.


4. Sedikit dari yang aku baca barusan cheat ganti pangkat dan point terdapat pada name. Setelah aku test dan aku cari2 sendiri (masa sama orang lain, g da sapa2 disini, hohohoho...) setelah dari beberapa kali mencoba akirnya tembus juga address pangkat. Liat SS yg awal dengan SS pangkatku sekarang.

5. Nah seperti kataku tadi, klo poin terdapat pada address name, jadi sekalian aku cari... akirnya ketemu juga, coba liat dalam box. Address point berjarak 3 00 00 00 disini letak point. Ni SS nya...


6. Nah ini leebih jelasnya uang dan pangkat yang beda.


7. Yang ini aku bikin beda lagi biar "pertamax" kata om jambi.


8. Yang ini SS untuk full scren, kan gak enak kalau maen fist shoot person liatnya di window.

Part four finish, to be continue…!!!

LOVE IS HERE

 

 

 

Part 5

Basa-Basi

Nah selesai sudah untuk share dual OS pake VM dan Vbox
Kalo tutornya campur, minta mav, copasnya susah, mls edit ualng....

NB :
Ini untuk tambah ilmu... untuk bumbu + jamunya untuk tambahan silahkan menambahkan...
Cukup sekian aku rasa...
Untuk paham DUAL OS tolong donload dulu CLUE awal DUAL OS

Untuk pertanyaan silahkan ditanyakan, saya membantu sebisanya...
klo bisa engga usa PM full lagi ntr...
buat YM ma FB di profil....

Untuk menghidari junk, thanks... kasi + aja dari pada cendol, makasi dll....
Buat yang ngasi JEMPOL makasi sbelumnya... (<_____ ngarep>)
Cendol nya buat makan, soalnya kelaparan.... hahahaha......!!!

Thx to:
1. My Brother
2. My friend + 17th Surabaya hacker comunity

Credit :
Posted 28 May 2009 - 11:11 PM
First Share CLUE DUAL OS by xxlovexx

Reshared DUAL OS
By xxlovexx

Nb : bila copas forum lain harap credit me, ato paling gak snutz.

Part five finish...!!!

*****SEKIAN*****

LOVE IS HERE

Memasang Widget Gambar Kamera CCTV di Blog

Membuat gambar kamera melayang seperti anda lihat di pojok kanan atas blog saya itu sangat mudah koq. Mau tau caranya? Agan" juga mau memasangnya di blog agan? oke saya kasih tau deh, dari pada nanti agan" nangis gak di kasih tau sama saya. hahaha PEACE gan :p

ni scriptnya:

<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAiLNKaZkfYpH1RT-KmYTVRroJ-oaOueHxNpovDhq0gQj4jOz4zoy8JoCwfOAcvNSLi9cpwFqtGRl1XeCfunTInlBPeuwCbxDgnUXsDPwMcfHraGqxzIhpb0U4_vc3HSbtFJMj8xvtEk/s1600/cctv.gif")</script>

Cara memasangnya:
1. Buka blog agan.
2. Masuk ke rancangan
3. Pilih elemen laman
4. klik Tambah Gadget
5. Pilih HTML/JavaScript
6. dan terakhir, copy script yg tadi dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.

Gampang kan sob? nah cuma itu yg bisa saya share. Jika ada kesalahan kata atau apa lah gitu mohon di maklumin. Maklum saya masih newbie sob. hehe :)

Jangan lupa berkomentar juga ya!

VMware Workstation 7

Posted by Enrico Nito on 11:42 AM

Apa itu VMware ? VMware Workstation semacam software yg membuat 2 OS dalam 1 PC / laptop.

question : kok bisa?
Answer : Bisa dong

Contoh seperti ini, Game Online Ayodance bisa di minimize, sangat berguna buat Operator Warnet atau yg suka Facebook'an, YM'an, atau ngbrowsing sambil online Ayodance / PB / dsb.

Download HERE ! di dalam notepad ada beberapa website download VMware 7

Cara Membuat Pop Up | Iklan Melayang-Layang| Pendapatan Makin Meningkat ada 3 Jenis Pilihan

Kali Ini Ane Ingin Share Tentang Cara Membuat Iklan Melayang Atau Pop-Up. Yang Ane Beri Ini Ada 3 Jenis Sob. Sobat Tinggal Pilih Ja Yang Mana Sobat Suka...

Caranya :

• Login ke Blogger
• kLik Tata Letak => Klik elemen Tambah Gadget
• Pilih Gadget yang bertemakan HTML/Java Script
• Isikan Kode berikut di dalamnya

Jenis Pertama (Kode HTML)

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="http://podosugih-pekalongan.blogspot.com/2011/12/cara-membuat-pop-up-iklan-melayang.html"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://podosugih-pekalongan.blogspot.com/2011/12/cara-membuat-pop-up-iklan-melayang.html" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Script Iklan Atau Gambar Sobat Disini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Jenis Kedua (Kode HTML)

<style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbcontent{
    float:right;
    border:2px solid #000000;
    background:#F1DEDE;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWu1nOuOcBYlrWcWdzQW6-J3LFM1Tf3uVbK3rMnmS8-K7wT0I3sLhOZB_9ZnMl0msnCZkMdgIHWLoEC-KML6dbOGrTTmkbJkv8pG0sCL6OZmVb2pfRio1GW9wdorJn_97d-igdIEx9iV0/s1600/podosugih-pekalongan.png" title="kalau muncul, klik lagi" alt="tutup" />:.
    </a>
    </div>
    <center>
    Letakkan Script Iklan Sobat Disini
    </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>

Jenis Ketiga (Kode HTML)

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width: 500px;
z-index: 100;
padding:5px;
background-color: #000000;
border: 1px solid #A5BD51;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:left;
color: #FFFFFF;
text-align: justify;
font-size: 14px;
font-family: Verdana, serif;
}
</style>

<script src="http://im-fact.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=0
var startX = 240
var startY = 100
var verticalpos="fromtop"
</script>

<div id="topbar">
<div align="right"><a href="" onclick="closebar(); return false">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWu1nOuOcBYlrWcWdzQW6-J3LFM1Tf3uVbK3rMnmS8-K7wT0I3sLhOZB_9ZnMl0msnCZkMdgIHWLoEC-KML6dbOGrTTmkbJkv8pG0sCL6OZmVb2pfRio1GW9wdorJn_97d-igdIEx9iV0/s1600/podosugih-pekalongan.png" /></a></div>

Letakkan Script Iklan Sobat Disini

<div align="center"><font color="#FFFFFF">
..::: Mau Pasang Window Seperti
<a href="http://podosugih-pekalongan.blogspot.com/2011/12/cara-membuat-pop-up-iklan-melayang.html">
<strong>Ini ?</strong></a> :::..
</font></div><br /></div></div>

Sobat Tinggal Pilih Kode HTML yang Sobat Suka.....

Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)

\

Cara membuat teks bergerak melingkar mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan ditampilkan dapat diatur sesuai keinginan.

Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.

<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "Selamat Datang Di Zona Podosugih";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>

 Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan


Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail

Ganti Warna Background Dengan Sekali Klik

Pengen ganti warna background hanya dengan skali klik?

Nih Contohnya Di bawah nih..
klik aja gambar yang kmu suka.. sapa tau brubah :p

Change Background Colour

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><br /><br /> <br /><br /> <table width="100%"><tr> <td onclick="bgChange('black')" bgcolor="black"> </td> <td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"> </td> <td onclick="bgChange('red')" bgcolor="red"> </td> <td onclick="bgChange('blue')" bgcolor="blue"> </td> <td onclick="bgChange('white')" bgcolor="white"> </td> <td onclick="bgChange('green')" bgcolor="green"> </td> <td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue"> </td> <td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia"> </td> <td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta"> </td> </tr> </table>

Cara Mudah Membuat Tab View Pada Blog

Nah kali ini saya akan membahas bagaimanaCara Mudah Membuat Tab View Pada Blog, sekaligus menjawab pertanyaan sobat yang kemarin meng-email saya bertanya bagaimana membuat widget tab view? Maaf baru sempat ngasih tutorialnya karena masih sibuk dengan aktivitas offline. Nah sobat tau gak tab view itu apa? Tab View adalah tambahan widget yang berbentuk tab. keuntungan dari tab wiew ini selain menghemat ruang pada blog, tab wiew ini juga mampu membuat blog kita semakin ringan saat loading, selain itu tab wiew menjadikan blog kita terlihat rapi dan menarik. Nah sebernarnya cara  nya cukup mudah, sobat tinggal ikuti langkah2 berikut ini :

1. Login ke blogger dengan akun sobat

2. Masuk ke " Perancangan "

3. Pilih " Edit HTML "

4. Centang Expand Template Widget

5. Cari kode berikut ]]></b:skin> gunakan Ctrl + F untuk memudahkan pencarian

6. Copy kode berikut dan paste tepat di atas kode ]]></b:skin>

/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 0px;
}
div.Tabateonsoft div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}

7. Copy kode berikut dan paste kode tersebut tepat di atas </head>

<script src='http://ayomaju.com/friendsharingfile/ateonsoft_tab.js' type='text/javascript'/>

8. Kemudian save template
9. Lanjut ke langkah selanjutnya yaitu masuk ke " Elemen Laman "
10. Tambahkan widget " HTML/Java Script "
11. Copy dan paste kode di berikut di dalam widget HTML/Java Script

<form action="tabateonsoft.html" method="get">
<div class="Tabateonsoft" id="Tabateonsoft">
<div class="TFs">
<a>tab 1</a>
<a>tab 2</a>
<a>tab 3</a>
<a>tab 4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
<a href="http://rockmanticks.blogspot.com/" target="blank">Rockmanticks</a>
Letakkan kode untuk tab 1 Sobat
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<a href="http://rockmanticks.blogspot.com/" target="blank">Rockmanticks</a>
Letakkan kode untuk tab 1 Sobat
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
<a href="http://rockmanticks.blogspot.com/" target="blank">Rockmanticks</a>
Letakkan kode untuk tab 1 Sobat
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
<a href="http://rockmanticks.blogspot.com/" target="blank">Rockmanticks</a>
Letakkan kode untuk tab 1 Sobat
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>

12. Simpan template dan lihat hasilnya.
Silahkan mencoba sobat, Semoga artikel kali ini bisa bermanfaat bagi sobat..


Jika tidak keberatan mohon kontribusinya untuk menambahkan google plus 1 pada artikel ini.