MļĶÂŽǓ-C2: Cara membuat blog menjadi di dalam iPhone

Mau tau caranya??

Cara

Push Edit HTML

delete old code and paste new code

push Save button

HTML Type For Classic Mood or Old Blogger

select all code and copy from FinalSense

Revert to Classic Template

Note. These templates do not work on New Blogger .

delete old code and paste new code

push Save button and Republish button

Nih CODE HTMLnya

<?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[ /* --- * Blogger Template Style---- * Name: iPhone----- *Designer:  J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 September  ----- */ /* Variable definitions    ====================    <Variable name="textcolor" description="Text Color"              type="color" default="#333" value="#333333">                  <Variable name="PageBgColor" description="Main Background Color"              type="color" default="#f3f3f3" value="#f3f3f3">     <Variable name="pagetitlecolor" description="Page Header Color"              type="color" default="#fc9" value="#ffcc99">     <Variable name="datecolor" description="Date Header Color"              type="color" default="#ccc" value="#cccccc">     <Variable name="titlecolor" description="Post Title Color"              type="color" default="#c0c0c0" value="#c0c0c0">                   <Variable name="titlehovercolor" description="Post Title Hover  Color"              type="color" default="#f90" value="#ff9900">     <Variable name="footercolor" description="Post Footer Color"              type="color" default="#a28049" value="#a28049">     <Variable name="sidebartextcolor" description="Sidebar Text Color"              type="color" default="#666" value="#666">     <Variable name="sidebarcolor" description="Sidebar Title Color"              type="color" default="#f90" value="#ff9900">                  <Variable name="sidebarlink" description="Sidebar Link Color"              type="color" default="#666" value="#666666">                  <Variable name="sidebarhover" description="Sidebar Hover Color"              type="color" default="#f90" value="#ff9900">               <Variable name="linkcolor" description="Link Color"              type="color" default="#369" value="#336699">     <Variable name="linkhover" description="Link Hover Color"              type="color" default="#963" value="#996633">                  <Variable name="visitedlinkcolor" description="Visited Link Color"              type="color" default="#369" value="#336699">                  <Variable name="descriptioncolor" description="Description Color"              type="color" default="#666" value="#666666">     <Variable name="Commentscolor" description="Comments Text Color"              type="color" default="#666" value="#666666">                     <Variable name="bodyfont" description="Text Font"              type="font" default="normal normal 80% Verdana, sans-serif"  value="normal normal 80% Verdana, sans-serif">     <Variable name="pagetitlefont" description="Page Header Font"              type="font" default="normal normal 220% 'Georgia','Times  New Roman'" value="normal normal 220% 'Georgia','Times New Roman'">     <Variable name="titlefont" description="Post Title Font"              type="font" default="normal bold 110% 'Georgia','Times New  Roman'" value="normal bold 110% 'Georgia','Times New Roman'">     <Variable name="sidebarheaderfont" description="Sidebar Title  Font"              type="font" default="normal bold 110% 'Georgia','Times New  Roman'" value="normal bold 110% 'Georgia','Times New Roman'">                  <Variable name="descriptionfont" description="Description Font"              type="font" default="normal normal 80% 'Verdana','Arial'"  value="normal normal 80% 'Verdana','Arial'">       */ /* ---( page defaults )--- */ body {  margin: 0px;  padding: 0px;  text-align: left; font:$bodyfont;  color:$textcolor; background:#000000  url('http://lh4.google.com/jvdmds/RuNy5lV20NI/AAAAAAAAAlI/Gb75TMW5t-4/iphone.jpg')  no-repeat fixed top left;} blockquote {  margin: 0 0 0 30px;  padding: 10px 0 0 20px;  line-height:  1.5em; } blockquote p {  margin-top: 0;  } abbr, acronym {  cursor: help;  font-style: normal;  } code {  color: #f63;  } hr {  display: none;  } img {  border: none;  }  /* unordered list style */ ul {  list-style: none;  margin-left: 7px;  padding: 0;  } li {  list-style: none;  padding-left: 9px;  margin-bottom: 3px;  }  /* links */ a:link {  color: $linkcolor;  text-decoration: none; } a:visited {  color: $visitedlinkcolor;  } a:hover {  color: $linkhover;  } a:active { color: $visitedlinkcolor;  }  /* ---( layout structure )---*/ #outer-wrapper {  width: 990px;  margin: 0px; padding: 0px; text-align:  justify; } #content-wrapper {  margin: 0px; padding: 0px; } #main {  width: 500px;  margin: 0px; padding: 0px;  word-wrap:  break-word; } #sidebar { width: 500px; padding: 0; color: $sidebartextcolor;  line-height: 1.4em;  word-wrap: break-word; } #center { overflow: scroll; width: 517px; height: 320px; margin: 32px  0px 0px 218px; border: 1px solid #ccc; background: $PageBgColor}  /* ---( header and site name )--- */ #header-wrapper {  margin: 0; } #header {height:100px; overflow: hidden; margin: 0; width:600; color:  $pagetitlecolor; } #header h1 { width: 600px; font: $pagetitlefont; padding: 10px 0px 5px  170px; filter: glow(color:000000, Strength=5); text-align: center;} #header h1 a {  text-decoration: none;  color: $pagetitlecolor; } #header h1 a:hover { color: #ffffff;  } #header .description { margin:-20px 0px 0px 170px; text-align:center;  padding:0px; width:650px; font: $descriptionfont;  color:  $descriptioncolor; }  /* ---( main column )--- */ h2.date-header {  margin-top: 0;  padding-left: 10px;  font-size: 80%;   color: $datecolor;  } .post h3 {  margin-top: 0;  font: $titlefont;  color: $titlecolor;  border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .post { margin:0px; padding:5px;} .post h3 a {text-decoration: none; color: $titlecolor;} .post h3 a:hover {   color: $titlehovercolor;  text-decoration: none; } .post-footer {  margin: 0;  padding: 0px;  font-size: 88%;   color:$footercolor; text-align: right; } .post img {  padding: 6px;  border-top: 1px solid #ccc;  border-left:  1px solid #cccccc;  border-bottom: 1px solid #c0c0c0;  border-right: 1px  solid #c0c0c0;  } .feed-links {  clear: both;  line-height: 2.5em; color:$footercolor;} .blog-feeds { text-align: right; color:$footercolor;border-top: 1px  solid #cccccc;} #blog-pager-newer-link {  float: left; } #blog-pager-older-link {   float: right; } #blog-pager {     text-align: center;  }  /* comment styles */ #comments {  padding-top: 10px;  font-size: 85%;  line-height: 1.5em;   color: $Commentscolor;  } #comments h4 {  margin: 20px 0 15px 0;  padding: 8px 0 0 40px;   font-family: "Lucida Grande", "Trebuchet MS";  font-size: 110%;  color:  $Commentscolor;  height: 30px !important; /* for most browsers */   height /**/:37px; /* for IE5/Win */  } #comments ul {  margin-left: 0;  } #comments li {  background: none;  padding-left: 0;  } .comment-body {  padding: 0 10px 0 25px;  } .comment-body p {  margin-bottom: 0;  } .comment-author {  margin: 4px 0 0 0;  padding: 0 10px 0 60px;  } .comment-footer {  border-bottom: 1px solid #ddd;  padding-bottom: 1em;} .deleted-comment {  font-style:italic;  color:gray;  }  /* ---( sidebar )--- */ .sidebar h2 {   margin:0px;  padding: 10px 0 0 0px; font:  $sidebarheaderfont;  color: $sidebarcolor;  height: 32px !important; /*  for most browsers */  height /**/:57px; /* for IE5/Win */  } .sidebar .widget {  margin: 0;  padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px;  } .profile-textblock {  margin:.5em 0 .5em; } .profile-img {   float: left;  margin: 0 5px 5px 0;  border: 1px solid  #ddd;  padding: 4px;}  /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */  clear: both;  } #footer-wrapper { padding: 66px 0px 0px 360px;  font-size: 70%;  clear:  both;} #footer {width: 620px; text-align:center; color: #333333; } #footer-wrapper a { color: #333333; text-decoration: none;} #footer-wrapper a:hover{  color: #ffc;  text-decoration: none;}  /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {   padding-top: 0;  margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {   width:  100%;} body#layout #sidebar {   margin-right: 0;  margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main {  padding: 0; } body#layout #content-wrapper {margin: 0px; } #navbar-iframe {height:0px; visibility: hidden; display:none}     ]]></b:skin>   </head>    <body>   <div id='outer-wrapper'><div id='wrap2'>           <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='Free Blogger Templates  (Header)' type='Header'/> </b:section>     </div>  <div id='center'>     <div id='content-wrapper'>        <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='Profile1' locked='false' title='About Me'  type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive'  type='BlogArchive'/> </b:section>       </div>               <div class='clear'> </div>      </div>       </div>  <div class='footer section' id='footer'><div  id="footer-wrapper"> Design by:  <a title="Blogger Templates"  href="http://www.finalsense.com/services/blog_templates/"  shape="rect">FinalSense</a>    </div> </div>    </div></div>  </body> </html>

Untuk melihat Blog kaya gitu KLIK DISINI..!!!

Dan mau tau cara membuat selain iPhone gampang tinggal KLIK DISINI.!!!