Tampilkan postingan dengan label Tips and Trick. Tampilkan semua postingan
Tutorial:
- Buka Blogger dan pergi ke Edit Html dan cari kode ]]></b:skin>
- Kalau sudah ketemu, Copas kode berikut diatas kode ]]></b:skin>
#asrofinotif {
right: 10px
top: 10px;
width: 320px;
height: auto;
overflow: hidden;
background: rgba(255,255,255,0.9);
border-radius: 5px;
border: 1px solid #ddd;
z-index: 999999;
position: fixed;
-webkit-animation: fadeOutnotif 10s linear forwards;
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#asrofinotif a {
display:block;
text-decoration:none;}
#asrofinotif span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#asrofinotif span h2 {
font-size: 12px;
line-height: 21px;
color: #222;
font-weight: normal;
letter-spacing: 0px;
}
/* Asrofi blog */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
- Terus cari lagi kode <body>
- Letak kan kode dibawah ini tepat dibawah <body>
<div id=asrofinotif'>
<span>
<h2><b>Notifikasi A.B</b>
<p>1. Text Sobat</p>
<p>2. Text Sobat</p>
<p>3. Text Sobat</p>
<p>4. Text Sobat</p>
<p>5. Text Sobat</p>
</h2>
</span>
</div>
- Kalau sudah, Tinggal Save xD
- Ganti yang warna Merah dengan Text sobat
- Kalau kode <body> tidak ada coba cari kode <body class='home blog'>
Cara mengganti warna text saat di blok:
- Login dulu ke Blogger
- Setelah Login pergi ke Template => Edit HTML => Tekan F3 Atau Ctrl+F di Keyboard
- Lalu cari kode : ]]></b:skin
- Kalau dah dapat Copy dan Paste kode berikut diatas kode : ]]></b:skin
::selection {background:#; color: #312e70 }
::-moz-selection {background:#; color: #312e70 }
::-webkit-selection {background:#; color: #312e70 }
- Kalau sudah di Copas, Tinggal Save Template/ Simpan Template
NB:
- Yang warna Orange adalah warna background pada saat di blok, Bisa diganti dengan selera sobat
- Yang warna Merah adalah warna Text yang berubah pada saat di blog, Bisa diganti dengan selera sobat
Cara membuat Backlink di Blog :
- Login dulu ke Blogger
- Setelah Login pergi ke Template => Edit HTML => Tekan F3 Atau Ctrl+F di Keyboard
- Lalu cari kode : ]]></b:skin
- Kalau dah dapat Copy dan Paste kode berikut diatas kode : ]]></b:skin
/*A.B BackLinks */
#A.Bbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all .4s ease-in-out}#A.Bbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all .7s ease-in-out}.A.B{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out}.A.B:hover{color:black;border:1px solid #0c00ff;background:#fff}#A.BbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Agency;text-align:center}
- Lalu cari lagi Kode : <data:post.body/>
- Kalau dah dapat Copy dan Paste kode berikut dibawah kode : <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='A.Bbacklinks' style='margin-top:30px;'>
<div id='A.BbacklinksTitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
<div id='A.BbacklinksTitle'>
Asrofi Backlink -_-
</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL<br/><input class='A.B' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Asrofi Backlink' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='A.B' expr:value='" [URL=" + data:post.url + "]" + data:post.title + "[/URL] www.cheatermaninjau.net"' onclick='this.focus();this.select();' readonly='readonly' title='Asrofi Backlink' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='A.Bl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Asrofi Backlink'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td><script src='#' type='text/javascript'/></td></tr>
</table>
</div>
</b:if>
- Kalau sudah di Copas, Tinggal Save Template/ Simpan Template
- Yang warna Merah bisa diganti dengan Warna kesukaan sobat
- Yang warna Orange bisa diganti dengan Kata-Kata sobat