Kecepatan di mana beban blog Anda adalah penting untuk menarik lebih banyak pembaca ke blog Anda. Jika blog Anda memakan waktu lama untuk load, banyak pembaca dapat meninggalkan blog Anda sebelum mereka memiliki kesempatan untuk membacanya. Bagaimana saya bisa membuat blog saya memuat lebih cepat?
Kecepatan di mana beban blog Anda adalah penting untuk menarik lebih banyak pembaca ke blog Anda. Jika blog Anda memakan waktu lama untuk load, banyak pembaca dapat meninggalkan blog Anda sebelum mereka memiliki kesempatan untuk membacanya. Menghilangkan tanda obeng dan tank di blog
Biasanya ketika kita sedang dalam keadaan login di akun blogger kita, dan kita mencoba untuk melihat tampilan blog kita, pasti ada tandaobeng seperti ini
, terkadang beberapa orang merasa risih dengan adanya tanda ini. Oleh karena itu di postingan kali ini kita membahas bagaimana cara untuk menghilangkan tanda edit atau tanda obeng dan tang tersebut. Untuk menghilangkan tanda ini, kita butuh mengedit beberapa kode CSS templet kita, untuk memulai menghilangkannya dapat kita lakukan melalui langkah-langkah berikut ini:Membuat Tombol Home,Back To Top,Dan Bottom
Ingin tau Cara Membuat Tombol Home,Back To Top,Dan Bottom
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?
Untuk lebih jelas nya coba sobat klik Tombol Home,Back To Top,Dan Bottom yang ada pada blog saya,.
5.Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya
6.Langkah Terakhir Tinggal Memasukan Kode Dibawah Ini Tepat Dibawah Kode <body>
7.Simpan
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?
Untuk lebih jelas nya coba sobat klik Tombol Home,Back To Top,Dan Bottom yang ada pada blog saya,.
sudah sobat klik,nah itu dia maksud nya dari Tombol Home,Back To Top,Dan Bottom..
Sobat tertarik untuk membuat nya di blog sobat..?
Sobat tertarik untuk membuat nya di blog sobat..?
jika tertarik,mari kita mulai cara pembuatan nya..
1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi
1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi
#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
5.Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya
<a name='ngisor-dhewe'></a>
6.Langkah Terakhir Tinggal Memasukan Kode Dibawah Ini Tepat Dibawah Kode <body>
<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvgUmtnsrEOqdw0JRLKK9GFXMC3AVbmPpUu5vwgtdYYnhBdaa0iXuf17VsLras2Z21ZX7LVFlUxw2veoGLscjzVkl-qUUzjhUiAvpWCmZELpXBok1gndkwABsiwRHRfvH0qUBOnpI2fSs/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwzXXrixRnepifXS2fKQq_fJt82ej8-UyNVxsWS2Ax9xdnnd3NeWL1n5SDjxYP2wR5BUGUWuEjKAxzbuYJ4s2m347VNKbE5qDW8zxnEKC9suEnTxXJtEQ1KF448Mn6LoDILihm0TDHSc/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbobYGHf58fls87eyGIeaBKP3XVVBpROungUstCfQwGGX0GaJhwoNNsq4IMnbGnOYikoJHGeUjrnbtGb0I-lYeY7fiSa3itVAWfw0fI4ALWiFMunN_u4ZvvbdfcNol7WTHiAGOcq0CU/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvgUmtnsrEOqdw0JRLKK9GFXMC3AVbmPpUu5vwgtdYYnhBdaa0iXuf17VsLras2Z21ZX7LVFlUxw2veoGLscjzVkl-qUUzjhUiAvpWCmZELpXBok1gndkwABsiwRHRfvH0qUBOnpI2fSs/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwzXXrixRnepifXS2fKQq_fJt82ej8-UyNVxsWS2Ax9xdnnd3NeWL1n5SDjxYP2wR5BUGUWuEjKAxzbuYJ4s2m347VNKbE5qDW8zxnEKC9suEnTxXJtEQ1KF448Mn6LoDILihm0TDHSc/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrbobYGHf58fls87eyGIeaBKP3XVVBpROungUstCfQwGGX0GaJhwoNNsq4IMnbGnOYikoJHGeUjrnbtGb0I-lYeY7fiSa3itVAWfw0fI4ALWiFMunN_u4ZvvbdfcNol7WTHiAGOcq0CU/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
7.Simpan
Membuat buku tamu buka tutup di kanan Blog
Kalo kita berkunjung di suatu blog/web di sebelah kanan biasa nya kita sering menjumpai sebuah gadget buku tamu yang mana kalo kita klik di membuka dan kalau kita klik lagi aplikasi itu menutup,nah.. di sini saya mencoba untuk menyuguhkan Buku tamu shoutmix yang seperti itu,langsung aja ya..!!!
Sebelum nya kita kita ambil kodenya shoutmix nya ke situs DISINI
Kalo dah kesana ikutin langkah - langkah berikut :
- Klik create shoutbox
- Isilah data data kita ,username maupun password nya yang berguna untuk login nanti centang persetujuan lalu continue.( note : jika anda udah ada account di shoutmix anda tinggal login aja.)
- setelah login berhasil anda cari menu setting di situ tersedia tabulasi untuk mengedit shoutmix yang akan kita pakai seperti tabulasi general,display,security kalo udah pas settingan nya jangan lupa di save.
- Copy embed kode nya (SCRIPT KODE BUKU TAMU) yang akan sisipkan pada di gadget blog nanti.
Terus bagaimana buat buku tamu buka tutup di kanan blog.
1. Anda login ke Blogger.
2. Pergi ke Rancangan ,Element laman dan klik tambahkan Gadget.
3.Klik HTML/JavaScript.
4. Copy paste Kode di bawah ini.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeFDop_kZZHmZxKdmD2TsZLtcBsLDrNPFs1zext8FBuKpplN5kn2DY2tJOpCUe0aREbhO13y5Qe3MYod3PRGn1jOMckYftOosnPuZoJcvTYoJYTpnRmlXUBWbczjlmI_AlPbGDT9FpBxgq/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.kikiyo.co.cc/2010/05/membuat-buku-tamu-buka-tutup-di-samping.html">
sini
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Nah jangan lupa tulisan yang berwarna kuning di atas anda ganti dengan SCRIPT KODE BUKU TAMUyang anda dapat di shoutmix.
5. Selesai dan simpan.
Akhirnya buku tamu dapat di nikmati seperti cntoh di web ini,semoga bermamfaat.
5. Selesai dan simpan.
Akhirnya buku tamu dapat di nikmati seperti cntoh di web ini,semoga bermamfaat.
Membuat Sebuah Link Mengarah Ke Lebih 2 URL
Untuk Postingan
Maksud untuk postingan disini adalah tutor membuat link mengarah ke banyak tujuan dapat di tulis di postingan blog kita dengan cara menggunakan kode di bawah ini pada format EDIT HTML di edit postingan kita :
Cara Membuat Contact Form Atau Kontak Kami
Cara Membuat Contact Form Atau Kontak Kami – Pada kesempatan kali ini saya akan membagikan ilmu dari Kang Rohman mengenai bagaimana Cara Membuat Contact Form Atau Kontak Kami.Seperti apa sih sebenarnya Kontak Kami Atau Contact Form ini ?? ini memudahkan untuk teman – teman para pengunjung untuk mengirimkan email kepada pengelola blog atau sits.Mari kita lihat Cara Membuat Contact Form Atau Kontak Kami.Meningkatkan SEO Melalui Dashboard WordPress.com
SEO atau Search Engine Optimization adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung. Kita tahu
Cara Membuat Gambar Melayang (Floating Images) Di WordPress.com
Namun
Trik Membuat Blog Update Setiap Hari Ke Twitter Dan Facebook Tanpa Membuat Posting
Bagaimana bisa share ke Twitter dan Facebook jika kita tidak melakukan update blog secara berkala? Apakah memakai trik spam otomatis ke Twitter dan Facebook? Atau apa mungkin blog WordPress.com bisa menggunakan script auto like Facebook dan auto share Twitter untuk mengirimkan posting secara otomatis ke akun Twitter dan Facebook?Cara Membuat Widget Recent Post Dengan gambar
Cara Membuat Widget Recent Post Dengan Thumbnail – Widget Recent Post atau artikel terbaru umumnya ditempatkan diposisi sidebar. Sedangkan jenis widget recent post menurut sepengetahuan saya hanya ada 2, yaitu widget recent post dengan thumbnail yang statis/diam (tidak bergerak) dan ada juga widget recent post dengan slide show/bergerak (model tayangan). Nah
Tips Aman dan Optimal dengan Feedburner
Tips Aman dan Optimal dengan FeedburnerSeperti kita tahu feedburner adalah layanan feed tang terdepan dengan berbagai kelebihan dan kemudahannya. Selain itu, feedburner yang akhirnya di akuisisi Google membuktikan bahwa layanan ini tidak sama dengan layanan feed yang lain.
Dalam penggunaan feedburner itu sendiri, sebaiknya
Cara mudah membuat scroll halaman pada sidebar atau halaman blog
Mungkin tips semacam ini sudah banyak di posting oleh blogger-blogger pendahulu, tapi saya yakin masih banyak blogger-blogger pemula yang belum mengerti dan bahkan agak mengabaikan tips semacam ini.Biasanya scroll halaman di perlukan pada
