Menu


Menu Tab

Pages

Kode Warna

Contoh Kode Warna buat desain blog

Kode warna ini berfungsi untuk mewarnai
Teks, backgroud, margin, maupun border pada webblog yang akan didesain
Pilih Kode Warna
dengan cara mengcopy nomor kode


#000000
#111111
#222222
#333333
#444444
#555555
#666666
#777777
#888888
#999999
#aaaaaa
#bbbbbb
#cccccc
#dddddd
#eeeeee
#eee8aa

Warna: #98FB98 Palgreen
Warna: #AFEEEE Paleturquoise
Warna: #DB7093 Palevioletred
Warna: #FFEFD5 Papayawhip
Warna: #FFDAB9 Peachpuff
Warna: #CD853F Peru
Warna: #FFC0CB Pink

All Sources
Edited by. Myscript2010


Post Komentar

Ada beberapa macam CSS Horizontal Menus

Ada beberapa macam
model CSS Horizontal Menus, Fungsinya adalah agar dapat memudahkan pengunjung membaca artikel diarea postingan blog. dan juga dapat meminimalisasikan halaman.
Dengan berbagai macam model kita dapat memilih adanya CSS Horizontal Menus sesuai dengan
desain tampilan blog. Dibawah ini tersedia Code CSS Menus

untuk dijadikan pilihan dan diterapkan kedalam sebuah ruangan gadged
CSS3 Gradient Menu Buttons
CSS3 Shadow Block Menu
Half moon tab menu
CSS3 Semi Opaque Menu 
CSS Tab Menu
CSS Menu fixed header
All Sources Edited by. Myscript2010
Test Script untuk melihat hasil

Memasang Menu CSS 3 Slide Up Tabs

MEMASANG
MENU CSS 3 SLIDE UP TABS
Login ke akun blog klik tata letak dan klik tambah gadged
copy code berikut letakan kedalam gadged tersebut klik simpan selesai
<style>
ul.slideuptabs{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left; /* change to "center" or "right" to align differently */
    border-bottom: 10px solid green; /* bottom border */
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d8d8d8 100%); /* gray gradient background */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 );
}
ul.slideuptabs li{
 display: inline;
}
ul.slideuptabs li:first-of-type{
    margin-left: 10px;
}
ul.slideuptabs a{
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: black; /* font color */
    text-decoration: none;
    padding: 8px 20px;
    font-size: 14px; /* font size */
    font-weight: bold;
    vertical-align: bottom;
    -webkit-transition: color 0.5s; /* transition property and duration */
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
ul.slideuptabs a span{
    position: relative;
    z-index: 10;
}
ul.slideuptabs a::before{
    content: '';
    color: white;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: green; /* tab background */
    left: 0;
    top: 110%; /* extra 10% is to account for shadow dimension */
    box-shadow: -2px 2px 10px rgba(255,255,255,.5) inset;
    border-radius: 15px 15px 0 0 / 12px 12px; /* oval shaped border for top-left and top-right corners */
    -webkit-transition: top 0.5s; /* transition property and duration */
    -moz-transition: top 0.5s;
    transition: top 0.5s;
}
ul.slideuptabs a:hover{
    color: white; /* hover color */
}
ul.slideuptabs a:hover::before{
    top: 0; /* slide tab up */
}
/****** Responsive Code ******/

@media screen and (max-width: 640px) {
  
    ul.slideuptabs li:first-of-type{
        margin-left: 0;
    }
}

/****** Theme Red ******/

ul.slideuptabs.red{
    border-bottom-color: darkred;
}
ul.slideuptabs.red a::before{
    background: darkred;
}
</style>

<!--[if lte IE 8]>
<style type="text/css">
    ul.slideuptabs a:hover{
        color: black; /* hover color for IE8 where tabs don't slide up */
    }
</style> 
<![endif]-->

<ul class="slideuptabs red">
    <li><a href="http://#/"><span>HOME</span></a></li>
    <li><a href="http://#/"><span>MENU 1</span></a></li>
    <li><a href="http://#/"><span>MENU 2</span></a></li>  
    <li><a href="http://#/"><span>MENU 3</span></a></li>  
    <li><a href="http://#/"><span>MENU 4</span></a></li>  
    <li><a href="http://#/"><span>MENU 5</span></a></li>  
</ul> Penambahan sub menu 
           diletakan diatas tanda </ul>

Penjelasan :
Ganti tanda yang berwarna orange
dengan link dan Judul menu Tambahkan Sub menu jika diperlukan
Editd by. Myscript2010
Sumber by. Dynamic drive

Cara Memasang Sub Menu Rotatext

MEMASANG 
CSS MENU ROTATEXT
Login ke akun blog klik tata letak dan klik tambah gadged
copy code berikut letakan kedalam gadged tersebut klik simpan selesai
<style type="text/css"> #menufixed {position:fixed;top:0;left:0;width:100%;height:40px;z-index:999;}
.menu3Dflip {
   border-bottom:2px solid #006400;
   margin:0 auto;
   text-align:center;
   position:relative;
   height:40px;
   z-index:999;
   background:#808080;
   -moz-perspective: 100px;
   -webkit-perspective: 100px;
   -o-perspective: 100px;
   perspective: 100px;} .menu3Dflip ul.nav li {display:inline-block; display:inline;}
.menu3Dflip ul.nav {
   padding:0;margin:0;
   list-style:none;
   display:inline-block;
   -moz-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;} .text-logo {
   text-align:center;position:absolute;
   position: fixed;left: 52px;z-index: 999;
   overflow: hidden;color:#000;
   font-weight:bold;margin-top:-34px;
   border-bottom:3px solid blue;} .menu3Dflip ul.nav li {float:left; display:block; padding:0 4px;}
.menu3Dflip ul.nav > li {-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}
.menu3Dflip ul.nav li a.top-a {display:block; text-decoration:none; margin-top:4px; float:left; height:36px;}
.menu3Dflip ul.nav li a.top-a b {display:block; padding:0 20px; font:bold 14px/30px arial, sans-serif; color:#006B6B;} .menu3Dflip ul.nav li:hover a.top-a {
   background:red;
   border-radius:8px 8px 0 0;
   -moz-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   -webkit-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   -o-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);} .menu3Dflip ul.nav div {
   position:absolute;
   top:40px; left:4px;
   background:#fff;
   padding:5px 0 10px 0;
   border-radius:0 0 15px 15px;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;    -moz-transform-origin: 0px 0px;
   -moz-transform: rotateX(-90deg);
   -webkit-transform-origin: 0px 0px;
   -webkit-transform: rotateX(-90deg);
   -o-transform-origin: 0px 0px;
   -o-transform: rotateX(-90deg);
   transform-origin: 0px 0px;
   transform: rotateX(-90deg);
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;} .menu3Dflip ul.nav div.left {left:auto; right:4px;}
.menu3Dflip ul.nav div ul {
   padding:10px 0; list-style:none;
   width:140px; margin:10px 5px 0 5px;
   float:left; display:inline;
   text-align:left; background:#DCDCDC;
   border-radius:6px;
   -moz-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   -webkit-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   -o-box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);
   box-shadow:inset 0px 3px 3px rgba(0, 0, 0, 0.4);} .menu3Dflip ul.nav div ul li:last-child {border:0;}
.menu3Dflip ul.nav div ul.colLeft {margin-left:10px;}
.menu3Dflip ul.nav div ul.colRight {margin-right:10px;}
.menu3Dflip ul.nav div ul.colSingle {margin-left:10px; margin-right:10px;}
.menu3Dflip ul.nav div ul li {float:left; border-bottom:1px dotted #09c; margin:0 5px 0 5px; display:inline;} .menu3Dflip ul.nav div ul li a {
   display:block; width:105px;
   text-decoration:none;
   font:13px/16px arial, sans-serif;
   color:#8B0000 ; margin:0;
   padding:4px 0 4px 15px;
   background:transparent url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png) no-repeat left center;} .menu3Dflip ul.nav div ul li a:hover {color:red; background:transparent url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png) no-repeat 1px center;} .menu3Dflip ul.nav div.col1 {width:160px;}
.menu3Dflip ul.nav div.col2 {width:310px;}
.menu3Dflip ul.nav div.col3 {width:460px;}
.menu3Dflip ul.nav li:hover div {
   -moz-transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg); .logo {
   text-align:left;position:absolute;
   position: fixed;top: 0;left: 5px;
   z-index: 999;overflow: hidden;} </style>

<div id='menufixed'>
  <div class='menu3Dflip'>
    <ul class='nav'>
    <li><a class='top-a' href='#'><b>MENU 1</a>
<div class='col3'>
    <ul class='colLeft'>
<li><a href='http://myscript2010s.blogspot.co.id' title='HOME'>STOP</a></li>
    <li> <a href='http://Your Link'>Judul 1a</a> </li>
    <li> <a href='http://Your Link'>Judul 1b</a> </li>
    <li> <a href='http://Your Link'>Judul 1c</a> </li>
    </ul>
  <ul class='col'>
     <li><a href='http://Your Link'>Judul 2a</a></li>
     <li><a href='http://Your Link'>Judul 2b</a></li>
     <li><a href='http://Your Link'>Judul 2c</a></li>
     <li><a href='http://Your Link'>Judul 2d</a></li>
     </ul>
    <ul class='colRight'>
     <li><a href='http://Your Link'>Judul 3a</a></li>
     <li><a href='http://Your Link'>Judul 3b</a></li>
     <li><a href='http://Your Link'>Judul 3c</a></li>
     <li><a href='http://Your Link'>Judul 3d</a></li>
    </ul>

<!!!..logo..:>
<div class='text-logo'>
<font size="3" color="grey"face="vivaldi">
&nbsp;&nbsp; <b>Mys2010<b></b></b></font> &nbsp;
<!..logo..!!:>

</!..logo..!!:></div>
      </!!!..logo..:></div></li>
  <li><a class='top-a' href='#'><b>MENU 2</a>
<div class='col2'>
   <ul class='colLeft'>
   <li><a href='http://Your Link'>Judul 1a</a></li>
   <li><a href='http://Your Link'>Judul 1b</a></li>
   <li><a href='http://Your Link'>Judul 1c</a></li>
   <li><a href='http://Your Link'>Judul 1d</a>
   <li><a href='http://Your Link'>Judul 1e</a>
      </li>
      </li></ul>
      <ul class='colRight'>
   <li><a href='http://Your Link'>Judul 2a</a></li>
   <li><a href='http://Your Link'>Judul 2b</a></li>
   <li><a href='http://Your Link'>Judul 2c</a>   
   <li><a href='http://Your Link'>Judul 2d</a>
   <li><a href='http://Your Link'>Judul 2e</a>

    </li></li></li></ul>
</div>
  </li>
     <li><a class='top-a' href='#'><b>MENU 3</a>
<div class='col1'>
    <ul class='colSingle'>
      <li><a href='http://Your Link'>Judul 1a</a></li>
      <li><a href='http://Your Link'>Judul 1b</a></li>
      <li><a href='http://Your Link'>Judul 1c</a></li>
    </ul>
</div>
     </li>
     <li><a class='top-a' href='#'><b>MENU 4</a>
<div class='col2 left'>
 <ul class='colLeft'>
      <li><a href='http://Your Link'>Menu  1a</a></li>
      <li><a href='http://Your Link'>Menu  1b</a></li>
      <li><a href='http://Your Link'>Menu  1c</a></li>
      <li><a href='http://Your Link'>Menu  1d</a></li>
    </ul>
    <ul class='colRight'>
       <li><a href='http://Your Link'>Menu 2a</a></li>
       <li><a href='http://Your Link'>Menu 2b</a></li>
       <li><a href='http://Your Link'>Menu 2c</a></li>
       <li><a href='http://Your Link'>Menu 2d</a></li>
    </ul>
</div>
    </li>
     <li><a class='top-a' href='#'><b>MENU 5</a>
<div class='col1'>
    <ul class='colSingle'>
       <li><a href='http://Your Link'>Menu 1a</a></li>
       <li><a href='http://Your Link'>Menu 1b</a></li>
       <li><a href='http://Your Link'>Menu 1c</a></li>
    </ul>
</div>
      </li>
     <li><a class='top-a' href='#'><b>MENU 6</a>
<div class='col1'>
    <ul class='colSingle'>
      <li><a href='http://Your Link'>Beranda</a></li>
      <li><a href='http://www.blogger.com/follow-blog.g?blogID=8776766672634547419' target="_blank">
         Follow My Blog</a></li>     
    </ul>
</div>
  </li></ul></div><!!..ending to class='menu3Dflip'..!!>
</!!..ending></div><!!..edited by. myscript2010'..!!>
<!!..ending to id='menufixed'..!!></!!..ending></!!..edited>
Penjelasan :
Ganti Link yang berwarna orange dengan link sobat
Sumber by. SB77
Edited by. Myscript2010

Memasang Menu Drop Down

Menu Drop down berfungsi untuk membuat menu
tanpa harus memakan banyak tempat, berikut cara memasang menu tersebut.
Login ke akun blog klik tatletak klik tambah gadged
copy code dibawah ini letakan kedalam gadged tersebut klik simpan selesai
<style>
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);

}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}

#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='http://myscript2010s.blogspot.co.id/'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiao5bxLqHJnLJhfsah6b9hNh1jZLEn014O2vKiVPU_we0JCGNL_c3VLq_agxJVkbBG4M77L7cEJy2fCqAyMq2ynPl5VqkwfXpOgLbi0mkbEKsfzb8aqvr9P8ZsnpFTwWj0Uvey3WFSI/s1600-r/button-mys2010.png" name="e902" border="0" width="28" height="29" /></a>

</li>
<li><a href='http://myscript2010s.blogspot.co.id/' rel='nofollow'>Drop menu a</a>
<ul>
<li><a href=' #/ ' rel='dofollow'>Menu a1</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu a2</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu a3</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu a4</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu a5</a></li>
</ul>
</li>
<li><a href='http://myscript2010s.blogspot.co.id/' rel='nofollow'>Drop menu b</a>
<ul>
<li><a href=' #/ ' rel='dofollow'>Menu b1</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu b2</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu b3 next</a>
<ul>
<li><a href=' #/ ' rel='dofollow'>Menu b3.1</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu b3.2</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu b3.3</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu b3.4</a></li>
</ul>
</li>
<li><a href='http://myscript2010s.blogspot.co.id/' rel='dofollow'>Menu c</a></li>
<li><a href= rel='dofollow'>Menu d</a></li>
</ul>
</li>
<li><a href='http://myscript2010s.blogspot.co.id/' rel='nofollow'>Drop menu c</a>
<ul>
<li><a href=' #/ ' rel='dofollow'>Menu c1</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu c2</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu c3</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu c4</a></li>
<li><a href=' #/ ' rel='dofollow'>Menu c5</a></li>
</ul>
</li>
<a href='http://myscript2010s.blogspot.co.id/'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiao5bxLqHJnLJhfsah6b9hNh1jZLEn014O2vKiVPU_we0JCGNL_c3VLq_agxJVkbBG4M77L7cEJy2fCqAyMq2ynPl5VqkwfXpOgLbi0mkbEKsfzb8aqvr9P8ZsnpFTwWj0Uvey3WFSI/s1600-r/button-mys2010.png" name="e902" border="0" width="28" height="29" /></a></ul>
Penjelasan : Ganti tanda yang berwarna orange dengan link sobat
All Sources
Edited by. Myscript2010

Memasang CSS Menu Horizontal

Memasang CSS Menu Horizontal
Fungsi CSS Menu Horizontal Sama halnya  dengan yang membedakan hanya tampilannya saja
berikut cara penerapannya :
Login ke akun blog klik tatletak klik tambah gadged
copy code dibawah ini letakan kedalam gadged tersebut klik simpan selesai
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglamUmBic5iaAbwhR0LBpPQ2JQLcSyRjiX1vkzvSwrSeL94YQDUgzzgbmQNOJVXnVHaNQr7YEeK1_kJGtPtBq8Ey63s0m1rzUpDPVGlQy-EbtctEE6d7Nr7S5fLGIMCE6UKIrshm9fYIo/s1600-r/Capture.PNG') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #004c99;border-top:1px solid #74b0c6;width:auto}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#6d7078;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglamUmBic5iaAbwhR0LBpPQ2JQLcSyRjiX1vkzvSwrSeL94YQDUgzzgbmQNOJVXnVHaNQr7YEeK1_kJGtPtBq8Ey63s0m1rzUpDPVGlQy-EbtctEE6d7Nr7S5fLGIMCE6UKIrshm9fYIo/s1600-r/Capture.PNG') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirgMoCEK8iANs2bwwehBGZyNqC2rxUdUVQ-SLBgRz2tPt2Awhz3iCxd0OtcE38ua3P_ZOAidjrMmitIej-QR0CpjZhwLyOcO36iO8Kp3uWxENe7e3FXvnthial_aFtmdXV6C6AYisitZE/s1600-r/3-mys2010.PNG') no-repeat top right;color:#6d7078}</style><a href="http://myscript2010s.blogspot.co.id/" rel="dofollow" target="_blank" title="Mys2010"><img src="http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png" alt="Mys2010" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://myscript2010s.blogspot.co.id/" rel="dofollow" target="_blank" title="Mys2010"><img src="http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png" alt="Mys2010" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://myscript2010s.blogspot.co.id/" rel="dofollow" target="_blank" title="Mys2010"><img src="http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png" alt="Mys2010" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this code Pure CSS Menu Mys2010 or it will not work -->

<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#/" ><span> MENU 1</span></a>
</li>
<li class="active"><a href="#/" target="_blank"><span>MENU 2</span></a></li>
<li class="active"><a href="#/"><span>  MENU 3 </span></a></li>
<li class="active"><a href="#/"><span>  MENU 4 </span></a></li>
<li class="active"><a href="#/"><span>  MENU  5 </span></a></li>
<li class="active"><a href="#/"><span>  MENU 6 </span></a></li>
<li>
<li class="active"><a href="#/"><span>  MENU 7 </span></a></li>
<li class="active">
<a href="#/"><span> MENU 8 </span></a></li></li></ul></div>
Penjelasan : Ganti tanda yang berwarna orange dengan link sobat
All Sources
Edited by. Myscript2010

Terms of Service for Myscript2010s

Terms of Service
Terms of Service for Myscript2010s If you require any more information or have any questions about our Terms of Service, please feel free to contact us by email at myscript2010s@gmail.com.

Introduction
These terms and conditions govern your use of this website; by using this website, you accept these terms and conditions in full and without reservation. If you disagree with these terms and conditions or any part of these terms and conditions, you must not use this website.

You must be at least 18 [eighteen] years of age to use this website. By using this website and by agreeing to these terms and conditions, you warrant and represent that you are at least 18 years of age.

License to use website
Unless otherwise stated, http://myscript2010s.blogspot.co.id and/or its licensors own the intellectual property rights published on this website and materials used on http://myscript2010s.blogspot.co.id. Subject to the license below, all these intellectual property rights are reserved.

You may view, download for caching purposes only, and print pages, files or other content from the website for your own personal use, subject to the restrictions set out below and elsewhere in these terms and conditions.

You must not:
republish material from this website in neither print nor digital media or documents (including republication on another website); sell, rent or sub-license material from the website; show any material from the website in public; reproduce, duplicate, copy or otherwise exploit material on this website for a commercial purpose; edit or otherwise modify any material on the website; redistribute material from this website - except for content specifically and expressly made available for redistribution; or republish or reproduce any part of this website through the use of iframes or screenscrapers.

Where content is specifically made available for redistribution, it may only be redistributed within your organisation.

Acceptable use
You must not use this website in any way that causes, or may cause, damage to the website or impairment of the availability or accessibility of http://myscript2010s.blogspot.co.id or in any way which is unlawful, illegal, fraudulent or harmful, or in connection with any unlawful, illegal, fraudulent or harmful purpose or activity.

You must not use this website to copy, store, host, transmit, send, use, publish or distribute any material which consists of (or is linked to) any spyware, computer virus, Trojan horse, worm, keystroke logger, rootkit or other malicious computer software.

You must not conduct any systematic or automated data collection activities on or in relation to this website without http://myscript2010s.blogspot.co.id's express written consent.

    This includes:
    scraping
    data mining
    data extraction
    data harvesting
    'framing' (iframes)
    Article 'Spinning'

You must not use this website or any part of it to transmit or send unsolicited commercial communications. You must not use this website for any purposes related to marketing without the express written consent of http://myscript2010s.blogspot.co.id.

If password protected areas BEGIN Restricted access Access to certain areas of this website is restricted. http://myscript2010s.blogspot.co.id reserves the right to restrict access to certain areas of this website, or at our discretion, this entire website. http://myscript2010s.blogspot.co.id may change or modify this policy without notice.

If http://myscript2010s.blogspot.co.id provides you with a user ID and password to enable you to access restricted areas of this website or other content or services, you must ensure that the user ID and password are kept confidential. You alone are responsible for your password and user ID security..

http://myscript2010s.blogspot.co.id may disable your user ID and password at http://myscript2010s.blogspot.co.id's sole discretion without notice or explanation.

User content
In these terms and conditions, “your user content” means material (including without limitation text, images, audio material, video material and audio-visual material) that you submit to this website, for whatever purpose.

You grant to http://myscript2010s.blogspot.co.id a worldwide, irrevocable, non-exclusive, royalty-free license to use, reproduce, adapt, publish, translate and distribute your user content in any existing or future media. You also grant to http://myscript2010s.blogspot.co.id the right to sub-license these rights, and the right to bring an action for infringement of these rights.

Your user content must not be illegal or unlawful, must not infringe any third party's legal rights, and must not be capable of giving rise to legal action whether against you or http://myscript2010s.blogspot.co.id or a third party (in each case under any applicable law).

You must not submit any user content to the website that is or has ever been the subject of any threatened or actual legal proceedings or other similar complaint.

http://myscript2010s.blogspot.co.id reserves the right to edit or remove any material submitted to this website, or stored on the servers of http://myscript2010s.blogspot.co.id, or hosted or published upon this website.

http://myscript2010s.blogspot.co.id's rights under these terms and conditions in relation to user content, http://myscript2010s.blogspot.co.id does not undertake to monitor the submission of such content to, or the publication of such content on, this website.

No warranties
This website is provided “as is” without any representations or warranties, express or implied. http://myscript2010s.blogspot.co.id makes no representations or warranties in relation to this website or the information and materials provided on this website.

Without prejudice to the generality of the foregoing paragraph, http://myscript2010s.blogspot.co.id does not warrant that:

this website will be constantly available, or available at all; or the information on this website is complete, true, accurate or non-misleading.

Nothing on this website constitutes, or is meant to constitute, advice of any kind. If you require advice in relation to any legal, financial or medical matter you should consult an appropriate professional.

Limitations of liability http://myscript2010s.blogspot.co.id will not be liable to you (whether under the law of contact, the law of torts or otherwise) in relation to the contents of, or use of, or otherwise in connection with, this website:
to the extent that the website is provided free-of-charge, for any direct loss; for any indirect, special or consequential loss; or for any business losses, loss of revenue, income, profits or anticipated savings, loss of contracts or business relationships, loss of reputation or goodwill, or loss or corruption of information or data.
These limitations of liability apply even if http://myscript2010s.blogspot.co.id has been expressly advised of the potential loss.

Exceptions
Nothing in this website disclaimer will exclude or limit any warranty implied by law that it would be unlawful to exclude or limit; and nothing in this website disclaimer will exclude or limit the liability of Myscript2010s in respect of any:

death or personal injury caused by the negligence of http://myscript2010s.blogspot.co.id or its agents, employees or shareholders/owners; fraud or fraudulent misrepresentation on the part of http://myscript2010s.blogspot.co.id; or matter which it would be illegal or unlawful for http://myscript2010s.blogspot.co.id to exclude or limit, or to attempt or purport to exclude or limit, its liability.

Reasonableness By using this website, you agree that the exclusions and limitations of liability set out in this website disclaimer are reasonable.
If you do not think they are reasonable, you must not use this website.

Other parties You accept that, as a limited liability entity, http://myscript2010s.blogspot.co.id has an interest in limiting the personal liability of its officers and employees. You agree that you will not bring any claim personally against http://myscript2010s.blogspot.co.id's officers or employees in respect of any losses you suffer in connection with the website.

Without prejudice to the foregoing paragraph, you agree that the limitations of warranties and liability set out in this website disclaimer will protect http://myscript2010s.blogspot.co.id's officers, employees, agents, subsidiaries, successors, assigns and sub-contractors as well as http://myscript2010s.blogspot.co.id.

Unenforceable provisions If any provision of this website disclaimer is, or is found to be, unenforceable under applicable law, that will not affect the enforceability of the other provisions of this website disclaimer.

Indemnity You hereby indemnify http://myscript2010s.blogspot.co.id and undertake to keep http://myscript2010s.blogspot.co.id indemnified against any losses, damages, costs, liabilities and expenses (including without limitation legal expenses and any amounts paid by http://myscript2010s.blogspot.co.id to a third party in settlement of a claim or dispute on the advice of http://myscript2010s.blogspot.co.id's legal advisers) incurred or suffered by http://myscript2010s.blogspot.co.id arising out of any breach by you of any provision of these terms and conditions, or arising out of any claim that you have breached any provision of these terms and conditions.

Breaches of these terms and conditions Without prejudice to http://myscript2010s.blogspot.co.id's other rights under these terms and conditions, if you breach these terms and conditions in any way, http://myscript2010s.blogspot.co.id may take such action as http://myscript2010s.blogspot.co.id deems appropriate to deal with the breach, including suspending your access to the website, prohibiting you from accessing the website, blocking computers using your IP address from accessing the website, contacting your internet service provider to request that they block your access to the website and/or bringing court proceedings against you.

Variation http://myscript2010s.blogspot.co.id may revise these terms and conditions from time-to-time. Revised terms and conditions will apply to the use of this website from the date of the publication of the revised terms and conditions on this website. Please check this page regularly to ensure you are familiar with the current version.

Assignment http://myscript2010s.blogspot.co.id may transfer, sub-contract or otherwise deal with http://myscript2010s.blogspot.co.id's rights and/or obligations under these terms and conditions without notifying you or obtaining your consent.

You may not transfer, sub-contract or otherwise deal with your rights and/or obligations under these terms and conditions.

Severability If a provision of these terms and conditions is determined by any court or other competent authority to be unlawful and/or unenforceable, the other provisions will continue in effect. If any unlawful and/or unenforceable provision would be lawful or enforceable if part of it were deleted, that part will be deemed to be deleted, and the rest of the provision will continue in effect.

Entire agreement These terms and conditions, together with http://myscript2010s.blogspot.co.id's Privacy Policy constitute the entire agreement between you and http://myscript2010s.blogspot.co.id in relation to your use of this website, and supersede all previous agreements in respect of your use of this website.

Law and jurisdiction These terms and conditions will be governed by and construed in accordance with the laws of NEVADA, USA, and any disputes relating to these terms and conditions will be subject to the exclusive jurisdiction of the courts of NEVADA, USA.

About these website Terms of Service We created these website terms and conditions using the TOS/T&C generator available from Privacy Policy Online.

http://myscript2010s.blogspot.co.id's details The full name of http://myscript2010s.blogspot.co.id is Myscript2010s. Privacy Policy Online Approved Site You can contact http://myscript2010s.blogspot.co.id by email at our email address link at the top of this Terms of Service document.

Cara Membuat Metatag

Pengertian Meta Tag
Meta tag adalah sumber yang berasal  dari webbolg, fungsinya untuk memberitahukan tentang isi informasi dari webblog tersebut kepada mesin pencari, sehingga mesin pencari dapat mengindeks blog dengan benar dan akurat. Meta tag dapat dikatakan sebagai kunci untuk mendapatkan peringkat yang baik dihasil mesin pencari yang biasa disebut Search Engine.
Penulisan meta tag terletak di antara <head> meta tag </head> 
Cara membuat Meta Tag dapat dilakukan dengancara Online melalui situs penyedia layanan pembuatan Meta Tag. berikut situs penyedia layanan Meta Tag :
http://www.onlinemetatag.com
http://www.metataggenerator.org
http://freeonlineseo.org/meta-tag-generator
Contoh kode Meta Tag dari hasil Generat Online

<META NAME="Title" CONTENT="Myscript2010s"/>
<META NAME="Author" CONTENT="Myscript2010s"/>
<META NAME="Description" CONTENT="Learn Editing Script"/>
<META NAME="Keywords" CONTENT="Learn Editing Script"/>
<META NAME="Language" CONTENT="Indonesia"/>
<META NAME="Copyright" CONTENT="© 2015"/>
<META NAME="Designer" CONTENT="Myscript2010s"/>
<META NAME="Distribution" CONTENT="Local"/>
<META NAME="Robots" CONTENT="All"/>
Contoh Meta Tag dari beberapa sumber
serta cara penerapannya kedalam sebuah webblog
log in ke akun Blog  klik Template dan klik Edit HTML
temukan Code berikut, gunakan CTRL F untuk pencarian :
<b:include data='blog' name='all-head-content'/>

kemudian copy code berikut :
 <meta content='DESKRIPSI BLOG' name='description'/>
<meta content='KATA KUNCI BLOG' name='keywords'/>

pastekan dibawah code :
<b:include data='blog' name='all-head-content'/>

Penjelasan :
Ganti teks Deskripsi sesuai dengan isi informasi webblog, Kata Kunci yang berkaitan dengan isi informasi webblog, kemudian copy kode berikut :
<meta content='Index, Follow' name='robots'/>
<meta content='Seo Ciyus' name='author'/>
<meta content='© 2015 SEO Ciyus' name='copyright'/>
<meta content='2 days' name='revisit'/>
<meta content='never' name='expires'/>
<meta content='2 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='All-Language' http-equiv='Content-Language'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>
<meta content='noodp' name='robots'/>
<meta content='noydir' name='robots'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>
Pastekan dibawah code :
<meta content='KATA KUNCI BLOG' name='keywords'/>
dan klik simpan selesai
Penjelasan :
Author, Copyright, Language, Geo Country,
ganti sesuai dengan Nama, tahun, bahasa dan wilayah
Sources by. Seociyus
edited by. Myscript2010

Disclaimer for Myscript2010

Pengertian disclaimer
disclaimer mengandung
banyak arti, tergantung konteksnya, bisa dalam konteks  pengawasan  keuangan, bisa dalam konteks hubungan produsen barang dan jasa dengan konsumennya, dll.
Penjelasan disclaimer yang berkaitan dengan Webblog
adalah peringatan yang diberikan oleh Auditor
dengan tujuan perlindungan bagi pemilik Webblog atau Website sebagai pemberi informasi.
Pembaca Webblog/Website atau situs yang dianggap menerima syarat ketentuan yang berlaku pada Webblog/Website atau situs tersebut

Disclaimer for Myscript2010


If you require any more information or have any questions about our site's disclaimer, please feel free to contact us by email at myscript2010s@gmail.com.

Disclaimers
for myscript2010s.blogspot.com:
All the information on this website is published in good faith and for general information purpose only. myscript2010s.blogspot.com does not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find on this website (myscript2010s.blogspot.com), is strictly at your own risk. myscript2010s.blogspot.com will not be liable for any losses and/or damages in connection with the use of our website.

From our website, you can visit other websites by following hyperlinks to such external sites. While we strive to provide only quality links to useful and ethical websites, we have no control over the content and nature of these sites. These links to other websites do not imply a recommendation for all the content found on these sites. Site owners and content may change without notice and may occur before we have the opportunity to remove a link which may have gone 'bad'.

Please be also aware that when you leave our website, other sites may have different privacy policies and terms which are beyond our control. Please be sure to check the Privacy Policies of these sites as well as their "Terms of Service" before engaging in any business or uploading any information.
Consent
By using our website, you hereby consent to our disclaimer and agree to its terms.
Update
This site disclaimer was last updated on: Saturday, November 14th, 2015
Should we update, amend or make any changes to this document, those changes will be prominently posted here.

Myscript2010

Home Page
 
 

M2010

Copyright © Cibeber Cimahi