Pockie Blog

Ada tampilan baru dari widget seperti "About Author" di blogger. Sekarang ada sebuat trik untuk menghemat tampilah di halaman blog anda. Dengan hanya sekali klik anda bisa melihat tentang si pembuat blog. Jika anda ingin memasangnnya, silahkan ikuti langkah simple berikut:

Copas kode berikut di atas ]]></b:skin>

    .panel{position:fixed;top:20px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px solid #940000;width:320px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:10px 30px 30px 100px}
    .panel p{color:#ffffff;margin:0 0 15px;padding:0}
    .panel a,.panel a:visited{color:#940000;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0}
    .panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0}
    a.trigger{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333 url(http://lh4.ggpht.com/_KnZf0QUvjQQ/TCqGoXWoy-I/AAAAAAAABXg/NOayGEKrun8/button_plus_red.png) 85% 55% no-repeat;border:2px solid #940000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 35px 10px 10px}
    a.trigger:hover{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#222 url(http://lh3.ggpht.com/_KnZf0QUvjQQ/TCpkwE7UUNI/AAAAAAAABXc/rjZ7oZXAGXs/1277846394_minus.png) 85% 55% no-repeat;border2px solid #940000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px}
    a.active.trigger{background:#222 url(http://lh3.ggpht.com/_KnZf0QUvjQQ/TCpkwE7UUNI/AAAAAAAABXc/rjZ7oZXAGXs/1277846394_minus.png) 85% 55% no-repeat}
    .columns{clear:both;width:330px;line-height:22px;padding:0 0 20px}
    a:focus{outline:none}
    .panel img{border:1px solid #FFFFFF;float:right;margin:3px 3px 6px 5px;padding:3px}
    .panel h3{border-bottom:1px solid #FFFFFF;margin-bottom:5px;padding-bottom:3px;text-align:left;clear:both;color:#940000;font-size:13px;font-weight:700}
    .columns ul,.columns ul li{list-style-type:none;margin:0;padding:0}

Copas kode berikut diatas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.trigger&quot;).click(function(){
 $(&quot;.panel&quot;).toggle(&quot;fast&quot;);
 $(this).toggleClass(&quot;active&quot;);
 return false;
});
});
</script>

Copas kode berikut diatas </body>

<div class='panel'>
<h3>---POCKIEBLOG.BLOGSPOT.COM---</h3>
<p style='text-align:justify'>Welcome To My 3rd Home. Disini saya hanya membagikan informasi kepada anda melalui blog ini. Saya mohon Anda untuk follow dan like blog ini dan jangan lupa dicomment.</p>

<h3>About Me</h3>
<img height='73px' src='http://profile.ak.fbcdn.net/hprofile-ak-snc4/276040_100000806061603_9590184_n.jpg' width='73px'/><p style='text-align:justify'>Ahmad Rizal Samsi, tinggal di Kota Bau-Bau, Sultra, Seorang blogger pemula yang selalu ingin berbagi informasi.</p>
<div style='clear:both;'/>
<div class='columns'>
 <div class='colleft'>
 <h3>Social Stuff</h3>
  <ul>
   <li><a expr:href='data:blog.homepageurl + &quot;feeds/posts/default&quot;' title='rss'><img alt='RSS' src='http://lh6.ggpht.com/_KnZf0QUvjQQ/TCeRwd3d93I/AAAAAAAABTc/xaDX3b9W_r0/1277661290_icontexto-inside-rss.png'/></a></li>
   <li><a href='http://twitter.com/Yandi_Nightmare' title='twitter'><img alt='Twitter' src='http://lh5.ggpht.com/_KnZf0QUvjQQ/TCeRwO4ZUoI/AAAAAAAABTU/7YfN6fXAGiI/1277661372_icontexto-inside-twitter.png'/></a></li>
   <li><a href='http://www.facebook.com/yandidoetha' title='facebook'><img alt='Facebook' src='http://lh6.ggpht.com/_KnZf0QUvjQQ/TCeRwGXG5EI/AAAAAAAABTY/O3pkPoh_d_o/1277661354_icontexto-inside-facebook.png'/></a></li>
   <li><a href='http://pockieblog.blogspot.com/' title='home'><img alt='HOME' src='http://lh3.ggpht.com/_KnZf0QUvjQQ/TCrnqA_ovAI/AAAAAAAABXw/cMkB82fs5cw/1277880204_icontexto-inside-blogger.png'/></a></li>
  </ul>
 </div>
</div>
<div style='clear:both;'/>
</div>
<a class='trigger' href='#'>About</a>

Klik Save.