Gudang Tutorial Blog

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

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/></title>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta name="description" content="Deskripsi Blog anda" />

<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />

</b:if>

::selection {background:transparent; color:#F50C56}

::-moz-selection {background:transparent; color:#F50C56}

::-webkit-selection {background:transparent; color:#F50C56}

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>

<a expr:name='&quot;comment-&quot; + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

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

</dd>

<b:else/>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

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

</b:if>

</dd>

</b:if>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

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

<script type="text/javascript" src="http://tympanus.net/Tutorials/BubbleNavigation/jquery.easing.1.3.js">

</script>

<script type="text/javascript">

 $(function() {

  $('#nav > div').hover(

  function () {

   var $this = $(this);

   $this.find('img').stop().animate({

    'width'     :'199px',

    'height'    :'199px',

    'top'       :'-25px',

    'left'      :'-25px',

    'opacity'   :'1.0'

   },500,'easeOutBack',function(){

    $(this).parent().find('ul').fadeIn(700);

   });

   $this.find('a:first,h2').addClass('active');

  },

  function () {

   var $this = $(this);

   $this.find('ul').fadeOut(500);

   $this.find('img').stop().animate({

    'width'     :'52px',

    'height'    :'52px',

    'top'       :'0px',

    'left'      :'0px',

    'opacity'   :'0.1'

   },5000,'easeOutBack');

   $this.find('a:first,h2').removeClass('active');

  }

 );

 });

</script>

<style>

.BubbleNavigation

{

width:950px;

height:70px;

border:2px solid #ddd;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

-moz-box-shadow:1px 1px 4px #666;

-webkit-box-shadow:1px 1px 4px #666;

box-shadow:1px 1px 4px #666;

margin:0px auto;

padding:5px;

            }

.content{

width:100%;

height:50px;

background-color:#ccc;

opacity:0.7;

margin:0px auto;

            }

.navigation{

    margin: 0px auto;

    font-family: "Trebuchet MS", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: bold;

    letter-spacing: 1.4px;

}

.navigation .item{

    position:absolute;

}

.menu-1{

    top:30px;

    left:50px;

}

.menu-2{

   top:30px;

   left:225px;

}

.menu-3{

   top:30px;

   left:425px;

}

.menu-4{

   top:30px;

   left:620px;

}

.menu-5{

   top:30px;

   left:815px;

}

a.icon{

    width:52px;

    height:52px;

    position:absolute;

    top:0px;

    left:0px;

    cursor:pointer;

}

.menu-1 a.icon{

    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21FBx7EM3edjCHEsHj3gwp1qDuSHQ42Deu_WUV2PcvlN72bmitYSnbE88zNKRZbl2_uzqhUifc4rO3BzDRRB6Iq8kAFhAo2gQOrc2o63hu9yxMy6g_iKJX9pSb_n6JlE_cNJAmAk-pVZ9/s104/Bubble+home.png) no-repeat 0px 0px;

}

.menu-2 a.icon{

    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY7QDO_0-N70X16vkYmyGedumQGd5yX9_KlGzDDdZdgrWVefvX1KZe_-91TTZEI3Vk4e-4Y2_4W33YZtvCmtinhH7lxUSNqLqNd8CfqypRSpWDIQ3l1wXp4-fpqvgXccDwODKICd6WgI9n/s104/bubble+user.png) no-repeat 0px 0px;

}

.menu-3 a.icon{

    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADYPCwgOquJeAcMuGemqrCYhFDkqdSjagqYI6Wi2n2-clcNIeLuwM_yv-w6h0D4nE1bZuRnrF8E_J1Jac7gMESQMEyDTwCCa6ZSSPb47odu8kC-vjRl2IfjVJkzj2itIWUGyi3aftb6Uk/s104/bubble+shop.png) no-repeat 0px 0px;

}

.menu-4 a.icon{

    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimaRAqOgKgd3TaRa59bsuG2l19-OvK1SFwPly5LkiD_Apa-IFqctdIffjhkMHnB3W97N4C_LIQlvgnZ7eIyrIZEICHfRSS_l8nMc_sACtoNOaW0A3WxAO1Q2WwRYTpI8dnQd-5gjKUALSu/s104/bubble+camera.png) no-repeat 0px 0px;

}

.menu-5 a.icon{

    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis-YvqWQ7fWC2x4znarwPyX91uXN9HStUerPZiNQTYr5uGMgN2jPusFHvt_1bpOS8FnvBfUFUE-i68ejsu-1cgrkBvSaqEY1ATlrshnQVHyEcjknYt5VWLQlNPsjerpMd4ZvAL4dRnEyqw/s104/bubble+fav.png) no-repeat 0px 0px;

}

.navigation .item a.active{

    background-position:0px -52px;

}

.item img.circle{

    position:absolute;

    top:0px;

    left:0px;

    width:52px;

    height:52px;

}

.item h2{

    position:absolute;

    width:px;

    height:25px;

    background-color:#ccc;

border:1px solid #ccc;

    -moz-border-radius:20px;

    -webkit-border-radius:20px;

    border-radius:20px;

    -moz-box-shadow:1px 1px 4px #000;

    -webkit-box-shadow:1px 1px 4px #000;

    box-shadow:1px 1px 4px #000;

    color:#222;

    font-size:18px;

    top:0px;

    left:60px;

padding:5px 10px 5px;

    text-shadow:1px 1px 1px #fff;

    text-transform:uppercase;

}

.item h2.active{

    color:#fff;

    text-shadow:1px 0px 1px #555;

}

.item ul{

    list-style:none;

    position:absolute;

    top:45px;

    left:0px;

    display:none;

}

.item ul li a{

    font-size:15px;

    text-decoration:none;

    letter-spacing:1.5px;

    text-transform:uppercase;

    color:#222;

    padding:3px;

    float:left;

    clear:both;

    width:px;

    text-shadow:1px 1px 1px #fff;

}

.item ul li a:hover{

    background-color:#fff;

    color:#444;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius:5px;

    -moz-box-shadow:1px 1px 4px #666;

    -webkit-box-shadow:1px 1px 4px #666;

    box-shadow:1px 1px 4px #666;

}

</style>

<div class="BubbleNavigation">

<div class="content">

<div class="navigation" id="nav">

<div class="item menu-1">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhpyc_9esSF64tbPEzJhQRJrGD9b0LYs58qTmmmvkigsE97R69vAWnG2lZZ6byKaaNCNxgAypIp7iEQdrHsGQJVGrtBDtiXZtLsucDFMp1GhNNHQo7_N26QOf7E_1zQ-zt4tsSOB5J44yP/s104/Bubble+1.png" alt="" width="199" height="199" class="circle"/>

<a href="ULR HALAMAN / ARTIKEL" class="icon"></a>

<h2>Home</h2>

<ul>

<li><a href="ULR HALAMAN / ARTIKEL">Portfolio</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Services</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Contact</a></li>

</ul>

</div>

<div class="item menu-2">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-V9C0oDq5ZFCsY8YOboMDH_mU8aQDM-62tq3v5ReXq_C9-S4EWkUoa086opd8JknkpOdYgPcaJkfj-S6nbcH4V2UCS7QJ1V9R-SIetIpMgOI-8Ow4on7oeXv0RhIUWkBu5n8jEHrUfFf/s104/Bubble+2.png" alt="" width="199" height="199" class="circle"/>

<a href="ULR HALAMAN / ARTIKEL" class="icon"></a>

<h2>About</h2>

<ul>

<li><a href="ULR HALAMAN / ARTIKEL">Profile</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Properties</a></li>

 <li><a href="ULR HALAMAN / ARTIKEL">Privacy</a></li>

</ul>

</div>

<div class="item menu-3">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5VsT6QKsY-48z69XrLUP0j4wJYyQLu_1RaX2N8ttSZFqAahsfx5B6IakGnBUQA7kpRYXMO92mNAhQ1rq39giQPQtqMNLPxoIvd1Fr-8zIQSZmx9KicfIa9ZCPKm8-rjXXoTU3TVR90Rjd/s104/Bubble+3.png" alt="" width="199" height="199" class="circle"/>

<a href="ULR HALAMAN / ARTIKEL" class="icon"></a>

<h2>Shop</h2>

<ul>

<li><a href="ULR HALAMAN / ARTIKEL">Harga</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Katalog</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Order</a></li>

</ul>

</div>

<div class="item menu-4">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidiMkR_kWUgIboK86ns8DBFB2DRwUC4Z7YF8j50XPrrLxZ-8yzrodjs-LgInx1JM39xaJf1Ly8QVGaWfJ3_Jo8jxS6eAA28rSTLRWi89YgBebow2h3rtdFMvPnYeNpT661AkEF7Udjdad3/s104/Bubble+4.png" alt="" width="199" height="199" class="circle"/>

<a href="ULR HALAMAN / ARTIKEL" class="icon"></a>

<h2>Album</h2>

<ul>

<li><a href="ULR HALAMAN / ARTIKEL">Terbaru</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Work Shop</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Trend</a></li>

</ul>

</div>

<div class="item menu-5">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXr6jJ2IEjSJeVPM7ktL1El3Q6797mkcNUjFlNdYK-W6wlzbKRpaPFHhTpBYuSGX0mtyBzT9ZsntdKM1hg_QZQ0OqtvEULp73Ct8_L4W4BMpne3phuFfwe9RzY-x-Te0Xt9G8zWyqq8qHS/s104/Bubble+5.png" alt="" width="199" height="199" class="circle"/>

<a href="ULR HALAMAN / ARTIKEL" class="icon"></a>

<h2>Kontak</h2>

<ul>

<li><a href="ULR HALAMAN / ARTIKEL">Service</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Support</a></li>

<li><a href="ULR HALAMAN / ARTIKEL">Comments</a></li>

</ul>

</div>

</div>

</div>

</div>

<div class="systemBox">

<h2> Like Us </h2><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTutorial-Blog-Zona-Mig33-internet%2F327653677253564&amp;width=300&amp;height=300&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowtransparency="true"></iframe></center><h3>Like Us</h3>

</div>

<style>

.systemBox {

background:transparent;

width:270px;

height:50px;

overflow:hidden;

padding:5px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

-webkit-hyphens: auto;

-moz-hyphens: auto;

hyphens: auto;

-moz-box-shadow: 0 0 5px hsla(0,93%,9%,.7);

-webkit-box-shadow: 0 0 5px hsla(0,93%,9%,.7);

box-shadow: 0 0 5px hsla(0,93%,9%,.7);

margin:0 auto;

}

.systemBox p {

-webkit-hyphens: auto;

-moz-hyphens: auto;

hyphens: auto;

padding-top:20px

}

.systemBox:hover {

background:transparent;

height:100%;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

-moz-box-shadow: 0 0 5px blue;

-webkit-box-shadow: 0 0 5px blue;

box-shadow: 0 0 5px blue;

}

.systemBox:hover h2 {

margin-top:-60px;

}

.systemBox:hover h3 {

margin-top:50px;

padding:5px;

text-align:center;

font-size:20px;

}

.systemBox h2 {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnk0UMOTHaOtmz2VIxR5oPldPLmcAecfc_3nbNHsAPYW8-gl-4joIq2ITEOgmvKPnqWuh6Q31HqOFW7G2zzJnBNtJsPN7lexthUp7acrOJL3Xbu_y77a-LuMvis8iIlmLyQ7-MrXcbjvk/) 0 0 no-repeat;

color:black;

height:28px;

padding:5px;

text-align:center;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 0 0 5px #888;

-webkit-box-shadow: 0 0 5px hsla(33,50%,43%,.8);

box-shadow: 0 0 7px hsla(33,50%,43%,.8);

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

}

.systemBox h3 {

margin-top:-195px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnk0UMOTHaOtmz2VIxR5oPldPLmcAecfc_3nbNHsAPYW8-gl-4joIq2ITEOgmvKPnqWuh6Q31HqOFW7G2zzJnBNtJsPN7lexthUp7acrOJL3Xbu_y77a-LuMvis8iIlmLyQ7-MrXcbjvk/) 0 0 no-repeat;

color:black;

height:28px;

padding:5px;

text-align:center;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 0 0 5px #888;

-webkit-box-shadow: 0 0 5px hsla(33,50%,43%,.8);

box-shadow: 0 0 7px hsla(33,50%,43%,.8);

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

}

</style>

<div id="bp_recent"></div><div class="bp_footer"></div>

<script style='text/javascript' src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/recentpostspelajaranblog.js'></script>

<script style='text/javascript'>

var numberOfPosts = 5;

var showPostDate = true;

var showSummary = true;

var summaryLength = 200;

var titleLength = 100;

var showCommentCount = true;

var showThumbs = true;

var showNoImage = false;

var imgDim = 100;

var imgFloat = 'left';

var myMargin = 5;

var mediaThumbsOnly = true;

var showReadMore = true;

var readMore = 'Read More';

</script>

<script src='http://www.cybermig.com/feeds/posts/summary?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Visual Basic 6 Portable. Mendengar software ini pasti sobat blogger semuanya sudah nggak asing lagi. Dari sekian banyak Software pemograman, namun sepertinya Visual Basic masih tetap melekat di hati programmer. saya sendiri telah jatuh hati dengan pemrograman yang satu ini. Saya lagi proses belajar nie, doakan yah.. hehe



Sebagai orang awam (seperti saya) biasa nya akan bertanya-tanya bagaimana cara membuat program Akuntan?? bagaimana membuat Antivirus?? atau bagaimanakah cara membuat Virus?? Visual Basic adalah jawaban yang tepat.

Nah....

Bagi anda yang belum mempunyai software ini jangan berkecil hati karena anda bisa mendownload software nya disini dan tentunya gratis.



palagi Software ini bersifat portable jadi praktis untuk dibawa-bawa kemana-mana menggunakan flashdisk. Makin semangat aja deh buat belajar nya, Jadi tunggu apalagi sob?! Download aja sekarang, lebih cepat lebih baik..



Download Here!!



Semoga Bermanfaat..