Belajar ngeblog

Jumat, 31 Mei 2013

Cara Membuat Efek Gambar Berputar dan Membesar Di Blog



Caranya sangat mudah sobat Blogger bisa menggunakan cara yang digunakan pada postingan Memasang Efek Zoom Pada Image atau dapat menggunakan cara yang akan kita jelaskan di bawah ini. Dari pada bingung langsung saja kita bahas resep soal tetang Cara Membuat Efek Gambar Berputar dan Ngezoom Di Blog.

  1. Seperti biasa langkah pertama yang harus dilakukan adalah login ke akun blogger Anda.
  2. Jika sudah login, Silahkan masuk ke halaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML Blogspot)
  3. Jangan Lupa Untuk Backup Template Lengkap terlebih dahulu untuk mengantisifasi kesalahan saat edit HTML ( Baca : Cara Back-Up dan Upload Template Blogger)
  4. Jika sudah berada  pada halaman Edit HTML, Silahkan Temukan Kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  5. Setelah kode Ditemukan Copy kode berikut ini :
 

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;} .post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}


6.  Jangan Lupa Untuk Mengklik Save Template atau Simpan Template 
7.  Selesai dan Lihat Hasilnya.

Share:

Kamis, 02 Mei 2013

CARA MEMBUAT DAN MENGGANTI FAVICON BLOGGER

Kali ini saya ingin sharing dengan sobat blogger tentang CARA MEMBUAT DAN MENGGANTI FAVICON BLOGGER, semoga ada manfaatnya.
Sudah tahu yang namanya favicon? Kalau belum, favicon singkatan dari Favourite Icon adalah ikon kecil yang muncul di pojok kiri tab blog. Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B dengan background warna jingga. Favicon tersebut bisa diganti dengan icon lain sesuai keinginan Anda. Nah bagaimana cara gampang membuat favicon dan kemudian memasangkannya pada favicon blog Anda?

Berikut langkah-langkahnya:
  1. Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Atau Jika Anda tidak menguasai software grafis, anda bisa gunakan icon gratis dengan mencarinya di internet atau bahkan Anda dapat gunakan foto saja yang ada di harddisk anda.
  2. Lalu buka website generate favicon.ico dan upload file image yang terpilih tersebut ke Create a FavIcon from Any Pictures dengan menekan Browse. Lalu klik "Generate Favicon.ico".

Setelah itu akan ditampilkan hasil generate favicon seperti seperti contoh di bawah ini
3.  Selanjutnya klik Download Favicon Package. Jika download berhasil, Anda akan dapatkan file dalam bentuk File Zip.
4.  Ekstrak File Zip tersebut.
5.  Jika sudah di ekstrak file zip tersebut, selanjutnya silakan Anda login ke akun Blogger Anda.
6.  Pilih Tata Letak, selanjutnya Anda akan melihat tampilan seperti berikut:
Yang ditunjuk oleh panah no. 1 adalah favicon bawaan dari blogger. 7.  Nah untuk mengubahnya klik tombol Edit yang ditunjuk oleh panah no. 2, maka selanjutnya ditampilkan kotak dialog berikut;
8.  Klik Browse dan upload gambar yg sudah Anda Ekstrak di langkah ke 4 tadi.
9.  Selanjutnya klik Simpan.
10.Selesai.

Untuk  melihat hasilnya, silakan klik Lihat Blog.
Semoga bermanfaat.
Share:

Instagram

Tentang Blog ini

Assalamu'alaikum wr. wb.

Blog ini saya bikin untuk belajar sekaligus untuk berbagi informasi dengan Anda. Kritik dan saran yang baik akan sangat membantu saya menyempurnakan blog ini. Semoga saja bermanfaat untuk kita bersama.

Terima kasih.
Wassalamu'alaikum wr. wb.

BTemplates.com

Diberdayakan oleh Blogger.

Daftar Isi

Labels