Mengganti Template Blog
Cara Mengganti Template Blog bagi yang sudah lama di dunia blogging mungkin memang mudah, tetapi buat yang masih newbie seperti saya mungkin agak bingung, jadi pada tutorial kali ini saya akan berbagi tentang cara mengganti template blog. Untuk mengganti template blog, Sobat dapat menggunakan template standart yangdisediakan blogger atau Mengganti Template Melalui Menu Edit Html dengan meng-upload file template dari penyedia template.
Berikut ini cara untuk mengganti template dengan template yang telah disediakan blogger:
Berikut ini cara untuk mengganti template dengan template yang telah disediakan blogger:
- Login ke blogger Sobat. lalu klik Rancangan/Design.
- Klik menu Perancang Template/Template Designer.
- Selanjutnya akan muncul jendela perancang template blogger. Klik pada template yang ingin Sobat gunakan. sebagai contoh saya menggunakanAwesome Inc.
- Pada menu Background, Sobat dapat menentukan warna background/latar belakang dari template yang akan Sobat pakai.
- Menu Adjust widths, untuk mengatur lebar area postingan dan sidebar.
- Menu Layout, untuk menentukan tata letak template Anda.
- Terakhir menu Advanced, pada menu ini Sobat dapat menentukan Font, ukuran, warna, dan background text yang akan di gunakan untuk Page, Links, Blog Title, Blog Description, dll.
- Jika sudah sesuai dengan keinginan Anda, klik APPLY TO BLOG.
Selesai...
Tag :
TUTORIAL BLOG
Trik Mempercepat Loading Blog
Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.
Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.
Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
- Masuk ke akun blogger anda
- Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
- Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
- Beri tanda centang pada Expand Template Widget.
- Cari kode </head> gunakan CTRL + F pada keyboard.
- Lalu letakkan kode berikut 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://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHGxPGZkPhba4QA9oQXulo_0rTGZvU3oWRnqygvkMz-YjXs4InFKey8qI1NSqHFefCiCiWOihwok92zj-kjepyC_72JQ28WHurUI5oW-0VNaWVqdN7S6BZQQ0S9aWChyphenhypheniFN4vQhAQYOkk/",threshold : 200}); }); </script> - Terakhir klik Simpan Template.
Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...
Tag :
TUTORIAL BLOG
Membuat Gambar Membesar Saat disentuh Cursor
Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.
Cara Membuat Gambar Membesar Saat disentuh Cursor :
- Masuk ke akun blogger sobat.
- Pilih Template > Edit HTML.
- Ceklis / Centang Expand Widget Template.
- Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
- Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); } - Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...
Tag :
TUTORIAL BLOG
Membuat Link Membesar Saat disentuh Kursor
Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.
Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.
Cara Membuat Link Membesar Saat disentuh Kursor :
- Masuk ke akun blogger sobat.
- Pilih Template > Edit HTML.
- Ceklis / Centang Expand Widget Template.
- Cari kode a:hover {
- Ganti kode font-size dengan ukuran yang lebih besar.
Contoh :a:hover {ganti dengan
color:#d2691e;
font-size:10px;
font-style:italic;
cursor:wait;
}a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
} - Terakhir klik Simpan Template.
Selamat Mencoba dan Semoga Berhasil...
Tag :
TUTORIAL BLOG
TUTORILA MEMBUAT DAN MEMBUKA E-MAIL WEBMAIL
A. MENGIRIMAN EMAIL WEBMAIL MEMAKAI SQUIRRELMAIL
Caranya sebagai berikut :
2. Login di webmail dan isi e-mail webmai
3. Setelah login webmail maka akan tampil pada gambar dibawah lalu ini klik LOGOUT di pojok kanan atas .
4. Maka akan muncul login Cpanel WebMail lagi, isi e-mail dan password
5. Setelah itu klik SquirrelMail
6. Maka akan muncul jendela Squirrelmail
7. Untuk membuat pesan klik perintah COMPOSE setelah itu isi e-mail teman yang akan kita kirim data. Langkah-langkah untuk mengirim data yaitu:
a. klik To untuk tujuan e-mail teman yang akan kita kirim data
b. SUBJECT untuk menyisipkan data
c. Jika kita ingin menyampaikan pesan , kita klik / tulis di teks mail
8. Setelah selesai, lalu klik SEND. Pesan akan terkirim dan menerima balasan dari teman.
B. MENGIRIM EMAIL WEBMAIL MEMAKAI HORDE
1. Login di webmail da nisi email dan password anda
2. setelah terbuka seperti gambar di bawah ini lalu klik HORDE
3. jika sdh terbuka lalu klik LOGIN
4. selanjutnya klik SURAT untum membuat pesan baru
5. akan terbukan gambar seperti di bawah ini lalu klik NEW MESSAGE
6. lalu isilah email yang di tuju,subject jika perlu, isi pesan sesuai kebutuhan lalu klik KIRIM PESAN, maka pesan akan terkirim.
C. TUTORIAL MENGIRIM EMAIL DAN WEBMAIL ROUNDCUBE
1. sama seperti sebelumnya kita login di webmail dan isikan email dan password anda lali klik LOGIN
2. jika sudah terbuka akan muncul gambar seperti di bawah ini lalu klik ROUNDCUBE
3. maka akan muncul seperti gambar di bawah ini lalu klik TULIS SEBUAH PESAN untuk membuat pesan baru dan isilah email tujuan dan pesan yang ingin disampaikan
4. jika semuanya sudah selesai lalu klik KIRIM PESAN SEKARANG dan pesan akan terkirim ke email yang di tuju.
D. TUTORIAL CARA MEMAKAI DAN MENGIRIM PESAN MENGGUNAKAN MS.OUTLOOK
langkah-langkah:
1.membuka mikrosoft outlock yang ada didalam aplikasi komputer,
2.melekukan konfigurasi degan langkah pertama mengisikan nama dan alamat yang akan dikonfigurasikan dengan mikrosoft outlock dalam hal ini mislnya email saya:ADITYAGP@ADITTYAGP.ORYZA-SATIVA.COM
3.klik next setiap kali menkonfigurasikan ada +-5 langkah konfigurasi.
4.mikrosoft outlock siap digunakan untuk mengirim dan membuka pesan di email teman teman.
Semoga tutorial ini bermanfaat untuk teman-teman semua, TERIMAKASIH
Tag :
TECHNOLOGY
Membuat Email di Website Dengan Domain Sendiri
Alamat suatu website terdiri dari domain dan hosting,dimana setiap domain bisa memiliki beberapa sub-domain dalam alamat doamain utama,banyak fungsi yang dapt kita peroleh dari domain yang kita buat sendiri,yaitu misalnya kita dapat membuat email sendiri tanpa embel-embel google,yahoo,hotmail maupun MSN,BErikut caranya untuk membuat email dari website yang kita miliki dengan domain yang hanya kita yang miliki artinya kita tidak menyewa vendor lain :
1.langkah pertama adalah masuk kedalam Cp panel masing masing untuk login kedalam CP masukan username dan password Cp
2. setelah terbuka lalu klik EMAIL ACCOUNT, seperti di gambar bawah ini
3. lalu isilah email,password yang anda inginkan, lalu klik CREAT ACCOUNT
4. setelah akun email sudah jadi , kita sudah bisa mengirim dan menerima pesan dari kerabat kita.
semoga bermanfaat. terimakasih ^^
Tag :
TECHNOLOGY