Template bikinan gue
Jadi malu nih Ngeshare nih Template yang jeleknya minta ampun. Langsung aja deh pengaturan nih template
Pengaturan Menu
Buka Template --> Edit HTML --> cari kode
<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Download</a></li>
<li><a href='http://#'>Email</a></li>
<li><a href='http://#'>RSS</a></li>
</ul>
</div>
Sword Blogger Template
Gak banyak bacot langsung aja
- Seperti Cara Membuat Widget Penerjemah Icon Flag Login ke Blogger
- Lalu ke Template terus Edit HTML
- Cari kode </head> (lebih mudah klik Ctrl+F)
- Lalu Paste kode dibawah ini
<meta http-equiv="refresh" content="0;URL=URL yang mau kamu Direct"/>Ganti kode yang berwarna merah dan biru
Merah : Untuk Berapa lama menunggu kena Direct
Biru : Alamat URL yang mau di Direct
- Setelah itu cari kode ]]></b:skin>
- Copy terus Paste kode dibawah ini diatas ]]></b:skin>
#notifjo {cari kode <body> lalu Copy dan Pastekan kode dibawah ini di bwah <body>
right: 10px; /* posisi di paling kanan */
top: 10px; /* posisi di paling atas */
width: 320px; /* lebar notif */
height: auto; /* tinggi notif otomatis */
overflow: hidden;
background: rgba(255,255,255,0.9); /* warna background */
border-radius: 5px; /* nilai sudut bundar */
border: 1px solid #ddd; /* garis batas luar */
z-index: 999999;
position: fixed; /* posisi melayang */
-webkit-animation: fadeOutnotif 10s linear forwards; /* notif 10 detik */
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#notifjo a {
display:block;
text-decoration:none;}
#notifjo span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#notifjo span h2 {
font-size: 12px; /* Ukuran text */
line-height: 21px;
color: #222; /* Warna text */
font-weight: normal;
letter-spacing: 0px;
}
/* Blog johanes djogzs.blogspot.com */
@-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;}
}
<div id='notifjo'>Kalian Bisa ganti Text Notifikasinya yang berwarna biru.
<span>
<h2><b>Notifikasi :</b>
<p>Blog ini akan ke Direct</p>
<p>Dalam 10</p>
<p>Thank</p>
</h2>
</span>
</div>
Jika kalian ingin menambah Textnya copy kode ini di atas </h2>
<p>Text yang mau kamu tambah</p>
Notifikasi By Johanes Djogan
Redirect URL By Me
Efek Refresh Redirect URL Dengan Notifikasi
Sekarang bagi-bagi Tutorial nih Good Job!! Langsung aja deh ke TKP!!
- Login ke Blogger
- Pilih Tata Letak
- Tambahkan Gadget dan pilih HTML/Java Script
- Lalu Paste Kode dibawah ini
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIigGanejV_weeoQ473yxF9FcLXNKFM4ouT2Io-BtxsSVN_AoSMyHpDzP3w20D9MIQMGlqCKP37vY0QwptAF-EaPJ4_7pmnRsArrqEaPYpuPnqJDbp7zl2CwT_DpE9Ill9hdtyQfTq5t8q/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8p8ZfrOtKO8DWH9yCF8FX2Go1F7bS5R9wjizX58V8AmAqluDshVq-N3IEzcGPudLVTri3HVBD61qRA6PZWmOfSJPwYLs2UtyqnHR0u_EQ7uD2pUpzXsPHRd4aNzM06DFygW65l0ejijZ/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
Cara Membuat Widget Penerjemah Icon Flag
Atm Exp Work 100%
English:
English:
1. Open Fiddler
2. Drag Swf file
3. Clear Cache Browser (Ctrl+Shift+Delete)
4. Open your Ninja Saga
5. Go to Headquarters
7. Complete Enjoy
Indonesia:
1. Buka Fiddler
2. Drag Swf file
3. Clear Cache Browser (Ctrl+Shift+Delete)
4. Buka Ninja Saga kami
5. Pergi ke Headquarters
6. Masukan Password
7. Complete Enjoy
Download :
Video
