Membuat Menu Bar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#de360f;
float:center;
margin-bottom:10px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7

<div id='menubar'> 

<ul>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li>

<li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li>

<li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li>

<li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li>

</ul>

</div>

Read More

Cara Mengganti Scrollbar Di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Nih ada tutor dikit buat kalian......

1. Log In dulu ke Blogger sobat !

2. Pergi ke template

3. Masuk ke Edit HTML

4. Cari kode ]]></b:skin>

5. Masukan kode dibawah ini tepat di atas kode ]]></b:skin>

/* KTscrool*/
::-webkit-scrollbar{width:20px;height:13px;background-color:#fff;border:0}::-webkit-scrollbar-thumb{background-color:#9200bf;border:4px solid #000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#0d3dff}::-webkit-scrollbar-thumb:active{background-color:#33ff00}::-webkit-scrollbar-thumb:disabled{background-color:#ff8400}::-webkit-scrollbar-corner{background-color:#ffff00}

Keterangan :
- Ganti kode yang berwarna biru dengan kode warna sesuka kalian !!
- Hanya berfungsi pada  Google Chrome

6. Klik "Simpan Template"
7. Selesai
Coba liat keren bukan ??

Read More

Cara Menghapus Tulisan Diberdayakan Oleh Google

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Blog kalian ada tulisan diberdayakan oleh blogger?,simak tutorial berikut mungkin ini bisa membantu kalian xD,Oke langsung saja

1.Buka blogger

2.klik template

3.klik edit HTML

4.Cari kode ]]></b:skin> Dengan Menggunakan Ctrl + F

5.Copy dan Paste-kan Code Di Bawah Ini Tepat Di Atas Code Tadi.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6.Kemudian Save Template

Sukses Berhasilkan?

Read More

Script Sumber Automatis Saat Di Copy

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Ini admin blog ini lagi ingin posting lgi
Sekarang mau post tentang Blog . . ya itu Script Sumber Automatis Saat Di Copy
Apa itu Script Sumber Automatis Saat Di Copy ?
Script Sumber Automatis Saat Di Copy itu jadi kalo kamu mengcopy suatu artikel
nanti otomatis link sumber nya juga akan ikut tercopy . .
mau liat demo nya ? Coba aja copy artikel ini ( sertain sumbernya ya kalo mau di copy asli -_- )
Okedeh langsung aja . .

1.Buka Blogger
2.Klik Template > Edit HTML , Jangan lupa centang Expand Template Widget
( Admin sarankan backup dulu template kamu )

3.Cari code <Body> ( Pake CTRL+F biar lebih cepet )
4.Kalo udah ketemu , copy code di bawah ini , dan pastekan tepat di atas code <Body>

<script type='text/javascript'> if(document.location.protocol==&#39;http:&#39;){ var Tynt=Tynt||[];Tynt.push(&#39;cXIEhKYVSr4lJ5adbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Sumber Artikel Dari :&quot;}; (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://is.gd/ZJBdxh&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})(); } </script>

5.Simpan / Save Template

Catatan :
-Ganti teks berwarna Hijau dengan kata" kamu sendiri . .

 Ok , so gimana ? gampang kan . . xD
Kalo kurang ngerti , silahkan komentar aja ya . .
Sekian dulu dari Admin , Semoga bermanfaat 

Read More