Navigation Bar Like Me

Request Bening
Request Bening

Olohaloooo semuaaahh :D di pagi yang mendung ini *eaakk* aku mau ngeposting request nya Bening. aduuuhh, sorry banget Bening baru bisa menuhin sekarang. Hiks,, ngerasa bersalah gue :v



Request Bening

Nah, oke. Itu adalah style navigation aku yang lama. Sekarang dah kuganti nich #peacee.... Kodenya aku ambil pertamanya dari punya Dea. Cuma aku edit-edit sedikit kodenya. Hahaha, oke deh. So, follow my steps ~


  • Login to blogger >> dasbor >> tata letak / layout >> tambahkan gadget / add a gadget >> ada pop up, trus cari HTML / Javascript. klik itu >> copy kode ini

style>

        .navigation a{

        font:13pt Short Stack;

        text-decoration:none;

        letter-spacing:2.5px;

        text-transform:uppercase;

        color:#A3A3A3;

        padding:0px 30px 0px 30px;

        text-shadow:4px 0px transparent, -4px -0px transparent;

        -webkit-transition-duration:0.5s;

        -moz-transition-duration:0.5s;

        -ms-transition-duration:0.5s;

        -o-transition-duration:0.5s;

        transition-duration:0.5s;

        }

        .navigation a:hover {

      font:13px Short Stack;
letter-spacing: 6px;
        text-decoration:none;


        </style>


        <div style="left: 0px; padding: 0px; position: fixed; text-align: center; top: 0px; width: 100%; z-index: 999;">

        <div class="navigation" style="background:url(url(UR BACKGROUND); ; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0px 0px 3px 3px #cacaca;margin: 0 auto; padding: 15px 0px 20px 0px; width: 1040px;">

        <a href="URL 1">Title</a>

        <a href="URL 2">Title 2</a>

        <a href="URL 3">TITLE 3</a>

        <a href="url 4">TITLE 4</a>

        <a href="URL 5">TITLE 5</a>

        </div>

        </div>

  • Pastekan di kotak html nya. Ada baiknya nggak usah dikasi judul. Oke?
  • Save duuungss ^^
Credit : Dea, dengan sedikit peubahan

2 comments:

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...