Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Saturday, 21 December 2013

Cara Mempercepat Loading Blog

Pusing dengan loading blog yang lelet??jawabannya pasti sangat menjengkelkan dan membuat kesel kepala kita,,nah kali ini admin akan memberikan triknya agar loading blog agar menjadi semakin cepat dan ringan 
1. Kurangi Widget Blog yang Kurang Bermanfaat

Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog. Contohnya seperti widget calender, jam, beri makan ikan dll. 


2. Hindari Penggunaan Script yang Berlebihan

Pengunaan script baik itu CSS, HTML, dan JavaScript yang berlebihan membuat blog menjadi lebih berat sehingga membuat halaman blog terbuka lebih lama. Kita bisa memilih dan menghapus kode CSS yang sudah tidak berfungsi lagi yang ada di atas ]]></b:skin>. Atau bisa juga mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan agar loading blog lebih cepat. Salah satu tool yang bisa dimanfaatkan adalah http://htmlcompressor.com/compressor.html



3. Menambahkan Script untuk Mempercepat Loading Blog

Cara lain untuk mempercepat loading blog adalah dengan menambahkan script dari Laziload. Yaitu dengan menaruh script berikut ini ini tepat di atas kode </head>.
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqjDiJcM3W6gHGoEM3NO4Cvg5BmESlYabCUPxaza-ETp7PmxL3-bp5QKxmtnIb5ukPaCWppfiJCe4mVhVul0GdabKlfrPyzKPvRHV92yfXg2ecGy4Vv9h29U7CV3uCuvwOwKXCR76x1bE/&quot;,threshold : 200}); }); </script>
Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika tidak lebih cepat, tidak usah dipakai.


4. Pengkecilan Ukuran(size) Gambar-gambar.
Cobalah perkecil ukuran gambar-gambar postingan (compress gambar) di YahooSmush atau di compresspng. Coba Edit template anda dan cari .png dan .jpg . Lalu compress di kedua site tadi. Anda juga bisa gunakan popular post tanpa gambar. 

5. Menggunakan Background Polos
Background blog diusahakan berwarna polos seperti warna putih, hitam dan sebagainya. Asalkan jangan gunakan warna-warna mencolok, nanti bisa dikatakan katro :p

6. Kurangi Jumlah Postingan/page
Usahakan masimal 5 judul postingan per page. Caranya tinggal menuju ke pengaturan post dan aturlah sesuka anda.

7. Simpan semua kode teks java script di atas </body> . Anda dapat mencari kode .js di lembar pengeditan template anda. Kenapa kok disimpan di atas </body> ? karena ditempat tersebut kode akan cepat terload. Jika tidak percaya, coba saja..


8. Jangan terlalu banyak menggunakan sharing button. Memang sangatlah penting memasang tombol sharing, tetapi itu akan sangat memberatkan blog. Kalo saran dari saya, pergunakanlah widget sharing social media yang paling banyak digunakan. Kalo blog anda berbahasa Indonesia, saya sarankan hanya gunakan tombol share G+, Facebook, dan Twitter saja.


9. Kurangi pemasangan iklan pada blog. Ya memang point yang satu ini agak berat, karena iklan kan dapat menghasilkan uang. Jika anda menggunakan sistem PPC pada iklan di blog anda, saya sarankan hanya 3 atau 4 iklan saja, posisinya di header 1, sidebar 1, dibawah postingan 2. Saya yakin pasti gk bakalan ada yang ngeklik kalo PPC kecuali trafik yang tinggi dan anda melakukan hal curang. Jika terlalu banyak iklan, kotak iklan ada yang tidak terload dan percuma saja. :)

Cara Membuat Menu Bar di Blog





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

#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#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. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan <div id='header...
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>
9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>
Keterangan:
  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
  • Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau "
Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru, good luck sobat ;)

Cara Membuat Jam Keren Di Blog

Oke buat sobat bloger yang senen banget nih,ngemodif tampilan blognya,nah buat yang satu ni juga jangan di lupain yah membuat jam keren di blog,,lumayan nih mempercantik juga agar blog agan lebih keren...ikutin tutorialnya yah jangan sampe kelewat deh okee.....
Pertama Buka http://www.flashvortex.com
Kemudian pilih clocks
lalu pilih desain jam yang anda suka...
Lalu klik "CLICK HERE TO EDIT THIS"


Lalu atur semuanya...
Jika sudah klik ""GENERATE ANIMATION"
copy kodenya 

buka blogger..
pilih tata letak...
klik add gadget
pilih HTML/JavaScript..
pastekan kodenya..
lalu simpan...
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai
- See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai
- See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai
- See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai


Contoh : - See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai


Contoh : - See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai


Contoh : - See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf
Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai


Contoh : - See more at: http://candiareng.candicell.net/2013/03/cara-membuat-jam-keren-di-blog.html#sthash.uCHSCTKh.dpuf

Cara Mengganti Template Blog di Blogger

 
 
 
 
 
Template adalah desain dari halaman blog atau website meliputi seluruh elemen-elemen yang menjadi bagian dari sebuah blog atau website.
Blogger memberikan begitu banyak fitur pada blog kita agar kita dapat menyesuaikan tampilan template berdasarkan kebutuhan kita.
Kadang template default pada blogger kurang memuaskan kebutuhan kita dalam kegiatan blogging. Oleh karena itu, Blogger menyediakan fitur untuk kita agar dapat merubah template blog sesuai dengan keinginan kita masing-masing.
Blogger telah menyediakan beberapa template default yang dapat kita pilih sesuai dengan apa yang kita suka. Namun juga kita dapat mengganti template blogger dari banyak penyedia template gratis yang bisa kita upload.

Mengganti Template Dengan Template Yang Disediakan Blogger

  • Masuk ke dalam dashboard.
  • Klik "template".
  • Scroll mouse ke bawah, maka akan tersedia beberapa template default yang disediakan oleh blogger yang dapat kita gunakan.
  • Klik satu di antaranya kemudian klik terapkan.
  • Maka template secara otomatis akan terganti dengan yang baru.

Mengganti Template Dari Penyedia Template Gratis

Apabila kita kurang puas dengan template yang disediakan oleh blogger, kita dapat mencari template berbagai macam tema dari penyedia template gratis yang sangat banyak bertebaran di internet.
Kita tinggal browsing di Google atau search engine lainnya dengan mengetikan "Free template Blogger". Maka akan tampil banyak penyedia template gratis.
Download/unduh template yang kita suka kemudian simpan terlebih dahulu di hardisk komputer kita, kemudian extract file tersebut. Maka akan muncul file xml yang nantinya akan kita upload ke Blogger.
Berikut adalah cara mengupload template yang kita punya:
Masuk ke dalam dashboar blogger.
Klik "template".
Klik "Cadangkan/Pulihkan" yang berada di sebelah kanan atas.

Cara Mengganti Template di Blogger

Download/Unduh terlebih dahulu template lama apabila dibutuhkan.

Cara Mengganti Template di Blogger 2

Kemudian browse file xml template dari hardisk komputer.

Cara Mengganti Template di Blogger 3

Klik "Unggah".
Tunggu proses upload hingga selesai dan lihat hasilnya.

Mungkin cukup sekian bagaimana cara mengganti template blog di Blogger.
Semoga dapat membantu dan bermanfaat.
Powered by Blogger.

 

© 2013 NikiCom. All rights resevered. Designed by Templateism

Back To Top