samsung galaxy battery

• Cari kode dibawah ini :

</body>

• Masukan (copy paste) kode dibawah ini diatas kode </body>

<div class='parno'>

<h3>Buku Tamu</h3>
====== Kode Widget Shoutbox Anda =======

</div>

<a class='triger' href='#'>Guest</a>

•  Login ke akun blogger rekan
• Pilih rancangan dan klik edit template, expand widget template
• Pasang css berikut ini dan letakkan diatas ]]></b:skin>

.ayriypermalink
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.ayriypermalink a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

• Cari kode <data:post.body/> atau <p><data:post.body/></p>
• Jika sudah ditemukan, ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p><data:post.body/></p>

<div class='ayriypermalink'>

<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>

<b:else/>

<p><data:post.body/></p>

</b:if>

• Save template
• Selamat Mencoba dan Semoga Berhasil

<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}
#z33sHare div{
padding:6px 6px 6px 5px;
}
#stw{
margin-left:-2px;
}
#sfs{
margin-left:-5px;
}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

<!-- Cyberdark code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Cyberdark'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/mumtaz.f4',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- Cyberdark code End -->

Contoh:




NOTA:
i) Gantikan 'Cyberdark' pada row KNFBFansPRO='Cyberdark' dengan nama yang anda mahu.
ii)Gantikan '15' pada row 'timeout: 15,' dengan masa paparan yang anda mahu semasa blog dibuka
iii) Gantikan dengan url page anda pada row url: 'http://www.facebook.com/mumtaz.f4',

5. Save dah lihat hasilnya.:)

Sesetengah blogger ada yang mempunyai facebook page untuk blognya. Tidak kira apa tujuan page tersebut, kebiasaannya ianya berkaitan dengan blog. Tutorial kali ini akan menunjukkan cara meletakkan page facebook dalam blog, tetapi bukan dengan design biasa.



Kalau sebelum ini widget yang dinamakan 'facemask' ini didapati di wordpress, kini blogger yang mengunakan platform blogger.com juga boleh menggunakannya.

Tutorial meletakkan page ini adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste code di bawah kedalam ruangan HTML/javascript dan ubah seperti yang dinyatakan dalan nota di bawah.

<center>
<iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="

URL PAGE

"src="http://www.facebook.com/plugins/fan.php?id=

NO ID PAGE

&width=292&height=250&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=

URL PAGE

&send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:40px;" allowtransparency="true"></iframe></center><p align="right"> <small><a href="http://tutorialuntukblog.blogspot.com/2011/09/page-fb-yang-lebih-style-untuk-blog.html">Get tutorial here </a></small></p>

Masih seperti dua cara sebelumnya, widget ini hanya akan ditampilkan di bagian postingketika halaman posting dibuka secara utuh serta tidak tampil pada jenis halaman lain (homepage, label, search, archive). Agar susunan, jarak serta tampilan tidak kacau, saya membuat ukuran-ukuran tersendiri pada masing-masing button lalu menyusunnya dengan tabel. So, jangan mengubah nilai apapun di dalam masing-masing button.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tbody><tr>
    <td><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="cyberdark">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
    </b:if>

Design/Layout > klik Edit HTML/Edit Template > Centang (check) "Expand Widget Templates" 

Cara membuatnya :
1. Login blogger
2. Rancangan, Edit Html, Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya : 

/*----------------
Beautiful Slide Out Navigation
-------------------------------*/
.headerfixed
        {
            width:600px;
            height:56px;
            position:absolute;
            top:50%;
            left:10px;
            background:#fff url(title.png) no-repeat top left;
        }
ul#navixed {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navixed li {
    width: 103px;
    display:inline;
    float:left; 
}
ul#navixed li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navixed li a:hover{
     background-color:#000;
}
ul#navixed li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#FFF;
    
}
ul#navixed .home a{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixKAnLiPZ5hLa4P_8YpOj0FYdh-zBaKE1bjc2tH6zBYucG4vvMq9czIYo3CayaDqhIQX-U-k48VprspTXNyMQk08F49HMa_IuTjTnqJgMAqXhqLisd4zWmlAZS_5Lzwea490whua1UwNc/s1600/home.png);
}
ul#navixed .about a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwCWtgmq2fK-IyDNN9cNcgpUU83J478bSPjWa0CPH6_dNZtC57gKNzsXz3mxT2T_hW5Qnt8OldVN9VAAIkVOO3PWH0ooEUw_ABnIU2Arzy3lJJsk9qnFaPOcoZVIEKKuWKUxOQN7Frlfg/s1600/id_card.png);
}
ul#navixed .search a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8vEosUAD9qXPToJOSPo7GvRhN7bYNaWQPyXc9-G4Ci0uojBzdKfmsGaGxpT98Wajv13bDtDiVUq2nGI5dGLdG6DsXbUsEx2-EwFDJ0Tnld0byLma6gz5cP64n5sPaqneBlXiQi__Exk/s1600/search.png);
}
ul#navixed .podcasts a      {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Yl6TyhyPZ5h3NhR_pZjTUKX0BhN-D9aUtJLCdZ1V_DPZ2Y4Qpli8FR9SGcixxDLOyBEYPLlU2ooOLmG8eztS-8I7GfowSTGzwKo-dPW8ZRIAymuZMzKK4LCl-nJngHtddpm5B_VpALE/s1600/ipod.png);
}
ul#navixed .rssfeed a   {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-U6DSn71UEsJtwE80EZp-4vvcMGemE4kPDw_Tb1800o8MQeO_LL7goe6Q81ragw1D7BImO_m_B_cKm_Bt9MX0dT_NlvzBFUuUudVou5aRUKMd7WUQyaug8V1iA3uilNvJbg9imajUzuc/s1600/rss.png);
}
ul#navixed .photos a     {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitRtf5R-TG_fVfpx9pb_mXoFaBdlhyphenhyphenoB5MztUx_qFg3sv8be1bEGcgsgMYBK9iYoDQLOLY-rTB3OR6LWz_-nryT6QtcgpobmGg4cVVhH2bzcs-OU-ULLlgzyQFwJuWdblQy9HEd9jzzQo/s1600/camera.png);
}
ul#navixed .contact a    {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3gjQLXQk6t8EnPO37WL7TBgKT2FGPbCwOReTfrL_Y2cU28z0qXXfMH6HcjYDmzB2_ukiGgy0YpsAXhn2vw7EFEg1VhaXGRZCp_riHtOmXo96oprk75bOL0uBgIL1PVi6k9lqtQLtB65I/s1600/mail.png);

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
    <script src='http://kangdadang.googlecode.com/files/jcolor.js'/>
<script type='text/javascript'>
            $(function() {
                var d=300;
                $(&#39;#navixed a&#39;).each(function(){
                    $(this).stop().animate({
                        &#39;marginTop&#39;:&#39;-80px&#39;
                    },d+=150);
                });                $(&#39;#navixed &gt; li&#39;).hover(
                function () {
                    $(&#39;a&#39;,$(this)).stop().animate({
                        &#39;marginTop&#39;:&#39;-2px&#39;
                    },200);
                },
                function () {
                    $(&#39;a&#39;,$(this)).stop().animate({
                        &#39;marginTop&#39;:&#39;-80px&#39;
                    },200);
                }
            );
            });
        </script>

<ul id='navixed'>
            <li class='home'><a href='#'><span>Home</span></a></li>
            <li class='about'><a href='#'><span>About</span></a></li>
            <li class='search'><a href='#'><span>Search</span></a></li>
            <li class='photos'><a href='#'><span>Photos</span></a></li>
            <li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
            <li class='podcasts'><a href='#'><span>Podcasts</span></a></li>
            <li class='contact'><a href='#'><span>Contact</span></a></li>
        </ul>