BREAKING NEWS

Download

Wednesday, July 11, 2007

Ratatouille template

Posted by . on 4:43 PM in | Comments : 0

Mumpung pelemnya lagi mecahin box office, nggada salahnye elu ngrubah blogger template elu make si tikusendang ini. Gampang banget kok caranya, kalo masih bingung coba lihat caranya di sini, kalo masih bingung juga sebaiknya ke laut ajeh lu !





Ini tikus lucu dan menggemaskan, di template ini elu bakalan diseselin satu klip pendek dari filemnya, dan tiap bagian sub header dikasih bagian tag dari potongan filemnya juga. Asyik lah pokokna mah ! Sok, dicobian siah !

Nih kodenya, tinggal kopi paste, jadi deh ! Kalo mau lihat jadinya silahkan lihat di sini !


<?xml version=\"1.0\" encoding=\"UTF-8\" ?>



<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">



<html xmlns=\'http://www.w3.org/1999/xhtml\' xmlns:b=\'http://www.google.com/2005/gml/b\' xmlns:data=\'http://www.google.com/2005/gml/data\' xmlns:expr=\'http://www.google.com/2005/gml/expr\'>



<head>



  <b:include data=\'blog\' name=\'all-head-content\'/>



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



  <b:skin><![CDATA[







    /********** REMOVE THIS WHOLE BLOCK TO SHOW THE BLOGGER NAVBAR ************



    **                                                                       **



    **/     #navbar-iframe {height:0px;visibility:hidden;display:none}      /**



    **                                                                       **



    **************************************************************************/



 



/* Variable definitions



 ====================



<Variable name=\"bgColor\" description=\"Page Background Color\"



         type=\"color\" default=\"#9598A5\" value=\"#9598A5\">



<Variable name=\"textColor\" description=\"Text Color\"



         type=\"color\" default=\"#333333\" value=\"#333333\">



<Variable name=\"linkColor\" description=\"Link Color\"



         type=\"color\" default=\"#002277\" value=\"#002277\">







<Variable name=\"headerTextColor\" description=\"Page Header Text Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">



<Variable name=\"titleColor\" description=\"Post Title Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">







<Variable name=\"borderColor\" description=\"Border Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">



<Variable name=\"dateHeaderColor\" description=\"Date Header Color\"



         type=\"color\" default=\"#cccccc\" value=\"#cccccc\">







<Variable name=\"sidebarTitleTextColor\" description=\"Sidebar Title Text Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">







<Variable name=\"bodyFont\" description=\"Text Font\"



         type=\"font\" default=\"normal normal 100% Verdana, Arial, Sans-serif;\" value=\"normal normal 100% Verdana, Arial, Sans-serif;\">



<Variable name=\"headerFont\" description=\"Page Header Font\"



         type=\"font\" default=\"normal normal 210% Verdana, Arial, Sans-serif;\" value=\"normal normal 210% Verdana, Arial, Sans-serif;\">







*/







body {



background: $bgColor;



margin: 0;



padding: 0px;



font: x-small Verdana, Arial;



text-align: center;



color: $textColor;



font-size/* */:/**/small;



font-size: /**/small;



}







a:link {



color: $linkColor;



}



a:visited {



color: $linkColor;



}



a img {



border-width: 0;



}







/* Header



----------------------------------------------- */



#header-wrapper {



margin:0;



padding: 46px 0 0;



text-align: left;



background: url(http://img454.imageshack.us/img454/2813/image1rh3.gif) bottom center no-repeat;



}







#header {



width: 1024px;



margin: 0 auto;



color: $headerTextColor;



padding: 0;



font: $headerFont;



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_logo.jpg) top right no-repeat;



height: 185px;



}







h1.title {



padding-top: 25px;



margin: 0 14px .1em;



line-height: 1.2em;



font-size: 100%;



}







h1.title a {



color: $headerTextColor;



text-decoration: none;



}







#header .description {



display: block;



margin: 0 14px;



padding: 0 0 40px;



line-height: 1.4em;



font-size: 50%;



width: 700px;



}



                                                         



/* Content



----------------------------------------------- */







.clear {



clear: both;



}







#wrap2 {



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_pedigree.jpg) top center no-repeat;



}







#outer-wrapper {



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_apple_bg.jpg) top center no-repeat;



}







#content-wrapper {



width: 1024px;



margin: 0 auto;



padding: 0;



text-align: left;



background: #6884D7 url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_apple_bg.jpg) center -100px no-repeat;



}



#main-wrapper {



margin-left: 14px;



width: 720px;



float: left;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */



}



#sidebar-wrapper {



margin-right: 14px;



width: 250px;



float: right;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */



}







/* Headings



----------------------------------------------- */



h2, h3 {



margin: 0;



}







/* Posts



----------------------------------------------- */



.date-header {



margin: 1.5em 0 0;



font-weight: normal;



color: $dateHeaderColor;



font-size: 100%;



}



.post {



margin: 0 0 1.5em;



padding-bottom: 1.5em;



}



.post-title {



margin: 0;



padding: 0;



font-size: 125%;



font-weight: bold;



line-height: 1.1em;



color: $titleColor;



}



.post-title a, .post-title a:visited, .post-title strong {



text-decoration: none;



color: $titleColor;



font-weight: bold;



}



.post div {



margin: 0 0 .75em;



line-height: 1.3em;



}



p.post-footer {



margin: -.25em 0 0;



font-size: 83%;



}







.post-footer .span {



margin-right: .3em;



}



.comment-link {



margin-left: .3em;



}



.post img {



padding: 4px;



border: 1px solid $borderColor;



}



.post blockquote {



margin: 1em 20px;



}



.post blockquote p {



margin: .75em 0;



}







/* Comments



----------------------------------------------- */



#comments h4 {



margin: 1em 0;



color: $dateHeaderColor;



}



#comments h4 strong {



font-size: 110%;



}



#comments-block {



margin: 1em 0 1.5em;



line-height: 1.3em;



}



#comments-block dt {



margin: .5em 0;



}



#comments-block dd {



margin: .25em 0 0;



}



#comments-block dd.comment-footer {



margin: -.25em 0 2em;



line-height: 1.4em;



font-size: 78%;



}



#comments-block dd p {



margin: 0 0 .75em;



}







.deleted-comment {



font-style:italic;



color:gray;



}







.feed-links {



clear: both;



line-height: 2.5em;



}







#blog-pager-newer-link {



float: left;



}







#blog-pager-older-link {



float: right;



}







#blog-pager {



text-align: center;



}







/* Sidebar Content



----------------------------------------------- */



.sidebar h2 {



margin: 1.6em 0 .5em;



padding: 13px 5px 3px 7px;



background:url(http://disney.go.com/disneypictures/ratatouille/content/images/gallery/04.jpg) left center;



font-size: 100%;



color: $sidebarTitleTextColor;



}



                                                         



.sidebar ul {



margin: 0;



padding: 0;



list-style: none;



}



.sidebar li {



margin: 0;



padding: 0 0 .5em 15px;



text-indent: -15px;



line-height: 1.5em;



}



.sidebar {



color: #fff;



line-height:1.3em;



}



.sidebar a,.sidebar a:visited {



color: #fff;



}



.sidebar .widget {



margin-bottom: 1em;



}







.sidebar .widget-content {



margin: 0 5px;



}







/* Profile



----------------------------------------------- */



.profile-img {



float: left;



margin: 0 5px 5px 0;



padding: 4px;



border: 1px solid $borderColor;



}







.profile-data {



margin:0;



text-transform:uppercase;



letter-spacing:.1em;



font-weight: bold;



line-height: 1.6em;



font-size: 78%;



}







.profile-datablock {



margin:.5em 0 .5em;



}







.profile-textblock {



margin: 0.5em 0;



line-height: 1.6em;



}







                                                         



/* Footer



----------------------------------------------- */



#footer-wrapper {



clear: both;



height:495px;



background:url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_paris.jpg) bottom center no-repeat;



}



#footer-wrapper .copy {



padding-top: 165px;



font-size: 80%;



}



#footer-wrapper .copy a {



color: #333;



text-decoration: none;



}







]]></b:skin>



</head>







<body>



<div id=\'outer-wrapper\'><div id=\'wrap2\'>







  <!-- skip links for text browsers -->



  <span id=\'skiplinks\' style=\'display:none;\'>



    <a href=\'#main\'>skip to main </a> |



    <a href=\'#sidebar\'>skip to sidebar</a>



  </span>







  <div id=\'header-wrapper\'>



    <b:section class=\'header\' id=\'header\' maxwidgets=\'1\' showaddelement=\'no\'>



<b:widget id=\'Header1\' locked=\'true\' title=\'TEST BLOG (Header)\' type=\'Header\'/>



</b:section>







  </div>







  <div id=\'content-wrapper\'>



    <div id=\'crosscol-wrapper\' style=\'text-align:center\'>



      <b:section class=\'crosscol\' id=\'crosscol\' showaddelement=\'no\'/>



    </div>







    <div id=\'main-wrapper\'>



      <b:section class=\'main\' id=\'main\' showaddelement=\'no\'>



<b:widget id=\'Blog1\' locked=\'true\' title=\'Blog Posts\' type=\'Blog\'/>



</b:section>



    </div>







    <div id=\'sidebar-wrapper\'>



      <b:section class=\'sidebar\' id=\'sidebar\' preferred=\'yes\'>



<b:widget id=\'BlogArchive1\' locked=\'false\' title=\'Blog Archive\' type=\'BlogArchive\'/>



</b:section>



    </div>







    <!-- spacer for skins that want sidebar and main to be the same height-->



    <div class=\'clear\'> </div>







  </div> <!-- end content-wrapper -->







  <div id=\'footer-wrapper\'>



    <embed FlashVars=\'videoUrl=http://progressive.totaleclips.com.edgesuite.net/100/b10098_b3h.flv&thumbnailUrl=http://aycu35.webshots.com/image/15474/2006372313259728236_rs.jpg&amp;amp;playerMode=mini&hl=en;\' allowscriptaccess=\'sameDomain\' src=\'http://video.google.com/googleplayer.swf\' style=\'width:533px;height:300px;\' type=\'application/x-shockwave-flash\'/>



    <div class=\'copy\'><a href=\'http://blogger-templates.blogspot.com\'>Powered by Blogger Templates</a></div>



  </div>







</div></div> <!-- end outer-wrapper -->



</body>

<a href=\'http://bikinblogger.blogspot.com\'>Copied by BikinBlogger</a>



</html>

Post a Comment

Trimakasih dah komen lho ! Kenapa gak sekalian langganan liwat email ajah ? Kan enak tuh, gak mesti ngebrowse ke sini, tiap ada posting baru tinggal buka email udah bisa deh baca bikinblogger. Klik ajah di sini.

Subscribe to: Post Comments ( Atom )

Langganan

Suka dengan postingan diatas ? Langganan aja lewat email, gak perlu buka internet bisa baca artikel terbaru di bikinblogger deh...caranya gimana ? Ya tinggal klik di sini
 
Copyright © 2014 Bikin Blogger Share on Blogger Template Free Download.