Scribd Logo
Unggah

Selamat datang di Scribd!

  • Blog Skins 392810

    Diunggah oleh

    Dara Prameswari
    11 tayangan2 halaman
    blog skin

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    TXT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    blog skin

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan2 halaman

    Blog Skins 392810

    Diunggah oleh

    Dara Prameswari
    blog skin

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    <html>

    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
    1.3/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content
    //On Click Event
    $("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the rel attribute
    value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active content
    return false;
    });
    });
    </script>
    <link href='*YOUR-FAVICON-URL*' rel='shortcut icon'/>
    <title>Albert Christofer</title>
    <style type="text/css">
    a:link, a:visited { color: #222222; text-decoration:none; -webkit-transition-dur
    ation: 0.5s; -moz-transition-duration: 0.5s; }
    a:hover { color: #C1C1C1; -webkit-transition-duration: 0.5s; -moz-transition-dur
    ation: 0.5s; }
    blockquote { text-align: center; font-style: italic; }
    .blogger-labels { display: none; }
    body { background: #F1F1F1; background-attachment:fixed; }
    #navbar-iframe { display: none; }
    ul { list-style-type: georgian; }
    .bar { background: #1B1B1B; font-family: arial; font-size: 12px; color: #888888;
    width: 500px; padding: 15px; font-size: 12px; line-height: 20px; margin-bottom:
    15px; }
    .bar a { color: #888888; }
    .bar a:hover { color: #C1C1C1; }
    .navi a { font-family: arial; font-size: 10px; color: #888888; text-transform: u
    ppercase; background: #252525; padding: 5px; margin-left: 5px; }
    .navi a:hover { background: #2C2C2C; }
    .post { width: 500px; padding: 15px; background: #FFFFFF; font-family: arial; fo
    nt-size: 12px; line-height: 20px; margin-bottom: 15px; }
    .title1 { font-family: georgia; font-size: 21px; color: #222222; letter-spacing:
    1px; text-transform: lowercase; margin-bottom: 8px; }
    ul.tabs
    -align:
    ul.tabs
    #com a,

    { font-family: georgia; font-size: 30px; text-transform: lowercase; text


    right; margin-bottom: -7px; }
    li { display:inline; }
    ul.tabs li a{ color: #1B1B1B; margin-left: 10px; letter-spacing: 2px; }

    </style></head><body>

    <table align="center" style="margin-top: 100px;">


    <tr>
    <td valign="top">
    <ul class="tabs">
    <li><a href="#tab1">Believe</a></li><li><a href="#tab2">You</a></li><li><a href=
    "#tab3">Can</a></li>
    </ul>
    <div class="bar">
    <div id="tab1" class="tab_content">
    Put some introduction about you, about your blog or something that makes this ba
    r looks longer. I hate this bar just with 1 sentence lol. Click believe-you-can
    to navigate pls.
    </div>
    <div id="tab2" class="tab_content">
    <a href="#" target="_blank">Put</a> <a href="#" target="_blank">your</a> <a href
    ="#" target="_blank">links</a> <a href="#" target="_blank">here</a> <a href="#"
    target="_blank">as</a> <a href="#" target="_blank">much</a> <a href="#" target="
    _blank">as</a> <a href="#" target="_blank">you</a> <a href="#" target="_blank">c
    an</a> <a href="#" target="_blank">drolz</a>
    </div>
    <div id="tab3" class="tab_content" style="text-align: center;">
    <div class="navi">
    <a href="#" target="_blank">Facebook</a><a href="#" target="_blank">Twitter</a><
    a href="#" target="_blank">Instagram</a><a href="#" target="_blank">Follow</a>
    </div>
    </div>
    </div>
    <blogger>
    <div class="post">
    <div class="title1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <$blogitembody$>
    </div>
    </blogger>
    <div class="bar" style="text-align: center;">
    <span style="float: left;"><NewerPosts><a href="<$NewerPosts$>" target="_blank">
    Newer Post</a></NewerPosts></span>
    Layout by <a href="http://www.fireblown.com/" target="_blank">Overflow</a><a hre
    f="http://www.blogskins.com/me/overflowbox/" target="_blank">Box</a>. Script fro
    m <a href="http://blogskins.com/me/m-eister/" target="_blank">M-eister</a>. <spa
    n style="float: right;"><OlderPosts><a href="<$OlderPosts$>" target="_blank">Old
    er Post</a></OlderPosts></span>
    </div>
    </td>
    </tr>
    </table>
    </body></html>

    Anda mungkin juga menyukai