Putridamay♛: blogger

Cara Membuat Daftar Page Blog

Cara Membuat Daftar Page Blog - kali ini saya akan post tentang Cara Membuat Daftar Page Blog widget. Langkah nya sebagai berikut :

buka blogger
tata letak
tambah widget > Html > Masukkan Code

Code :

   <ul>
    <li><a href='/' target='_blank' title='Home'><strong>Home</strong></a></li>
    <li><a href='https://www.facebook.com/pages/Kylis-Blog/402285446485912?fref=ts' rel='nofollow' target='_blank' title='Facebook'><strong>Facebook</strong></a></li>
    <li><a href='http://bllog-cyber.blogspot.com/' rel='nofollow' target='_blank' title='Rifky Blog'><strong>Blog</strong></a></li>
    <li><a href='/feeds/posts/default?alt=rss' rel='nofollow' target='_blank' title='RSS Feed'><strong>RSS</strong></a></li>
   </ul>

Selesai... Semoga Berhasil

Cara Membuat Menu Category Keren

Cara Membuat Menu Category Keren - kali ini saya akan post tentang Cara Membuat Menu Category Keren. Agan bisa lihat contoh gambar di bawah atau lihat langsung di rifky blog

Agan penasaran cara nya? .. yuk mari baca

masuk ke blogger > tata letak > add gadget
pilih html/java script
masukin code nya
simpan
lihat hasil nya :D

Code :

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px;
     overflow: hidden;
     position: relative;
     background: #0000FF;
     cursor:pointer;
     -moz-border-radius:5px 5px 0 0;
     border-radius:5px 5px 0 0;
    }
    html .tabber h2.active {
     background: #000000;
     border-bottom: 1px solid #fff;
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none; {
    </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a></div>

NB : Letakkan widget yang ingin di tampilkan di bawah Widet Di atas

ganti tulisan tebal 3 dengan yang anda ingin misal 4 maka tab yang akan muncul 4

Sekian Post nya semoga bermanfaat untuk agan semua..
Semoga sukes

Cara membuat widget flag counter

Cara membuat widget flag counter- halo sobat kali ini saya akan post Cara membuat widget flag counter , pada kali ini saya akan bahas tentang widget blog. memang widget yang satu ini cukup menarik, dapat menghitung orang yang mengunjungi blog anda, seperti dari indonesia misal 2.900 dari inggris misal 1900, ya begitu lah sedikit penjelasannya namun saya juga bawa oleh oleh buat agan, yaitu gambar preview

Bagaimana ? menarik bukan , yuk simak sama2 tutorial memasang nya

masuk ke sini >SINI<
design dulu tampilan nya
Click "GET YOUR FLAG COUNTER"
Copy Code yang berada di tab "Code for websites (HTML):"

Pemasangan Di Blog :

masuk ke blogger > tata letak > tambah widget > html java scirpt
masukan code yang tadi
simpan
selesai

Cara membuat Emoticon Pada Comentar Blog

halo sobat blogger. kali ini saya akan post tentang Cara membuat Emoticon Pada Comentar Blog .
Preview :

Yuk Lihat Tutorial Nya
masuk blogger
Edit Html
Cari Code ]]></b:skin>
setelah ketemu letakkan kode berikut di atas ]]></b:skin>

.emoWrap {
background-color:#fff;
border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}

img.emo, input.emoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}

input.emoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
margin:0px 0px 0px 2px;
color:black;
}

Setelah Itu Cari Kode </head>
setelah ketemu letakkan kode di bawah di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://dapurtutorial.googlecode.com/files/dapurtutorial.txt' type='text/javascript'/>

Simpan...

Cara Merubah Kursor Pada Blog

Selamat Sore Sobat Blogger. Kali ini saya akan post tentang Cara Merubah Kursor Pada Blog setelah sebelum nya post tentang 10 Cara Dunia Akan Kiamat , yuk kita simak sama2 cara nya