Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Tutorial Blog

Cara Mudah Menambahkan Widget Like Us on Facebook pada Blog

Hai semuanya! Kali ini saya mau membagikan cara mudah menambahkan widget like us on Facebook pada blog. Terkadang terlintas pada pikiran kita untuk membuat page Facebook khusus untuk blog dan ingin menyertakan tombol like Facebook pada blog kita. Nah kali ini saya akan memberikan langkah-langkahnya, mari perhatikan baik-baik. Langkah 1 Buka halaman  www.developers.facebook.com/docs/plugins/page-plugin Langkah 2 Isi kolom ini dengan alamat url page facebook kalian. Kalian juga dapat mengubah settingan lainnya seperti mengisi "Tabs" dengan halaman page Facebook yang ingin ditampilkan. Contohnya: timeline, about, photos, dll. Juga mengubah settingan ukuran dan lain-lainnya. Langkah 3 Tekan tombol "Get Code" Langkah 4 Copy semua kode yang ada di kolom ini. Langkah 5 Kemudian kalian bisa paste kode ini ke Blogger - Tata Letak - Tambahkan Gadget - HTML/JavaScript Dan selesai. Lihat hasilnya! Sekian tutorial cara mudah menambahkan...

Cara Membuat Kontak Form Custom di Blog

Hai semuanya! Kali ini saya mau share cara membuat kontak form/formulir kontak custom di blog. Layanan Contact Form  adalah Halaman di blog atau website yang digunakan untuk menghubungi admin atau pemilik blog. Layanan Contact Us dirasa penting untuk pengunjung yang ingin bekerjasama atau sekedar bertanya kepada admin. Contact Form  memiliki beberapa nama yang cukup populer, ada yang mengatakan “Contact Me”, “Contact Us”, “kotak saran” atau “Hubungi Kami”. Semua nama terssebut intinya sama yaitu sebagai sarana untuk menghubungi admin blog. Cara Membuat Contact Form Keren dengan Foxy Form Kunjungi situs pembuat Contact Form terlebih dahulu berikut  www.foxyform.com Setelah masuk, silahkan setting contact form yang ingin anda pasang di blog. mulai dari Background Color, Font Color, Font dan Font Size seperti dibawah ini: Selanjutnya isi kolom E-mail anda yang digunakan sebagai kontak, kemudian “centang anti spam protection” lalu klik “Create Formular”. ...

Cara Merubah Kursor pada Blog

Hai semuanya! Kali ini saya mau membagikan cara merubah kursor pada blog. Terkadang kita ingin memiliki tampilan blog yang berbeda sehingga kita ingin mengubah kursor blog menjadi lebih unik.Baiklah, inilah cara merubah kursor pada blog. 1. Login ke Blogger. Masuk ke menu Rancangan >Edit HTML 2. Cari kode </head> 3. Letakkan kode berikut tepat diatas kode </head> <style type='text/css'>HTML,BODY{cursor:url(&quot; http://cur.cursors-4u.net/cursors/cur-8/cur732.png &quot;), auto;}</style> Keterangan: Teks yang berwarna merah adalah alamat url file kursor. 4. Save template, selesai! Kalian dapat mengunjungi  http://www.cursors-4u.com untuk mendapatkan kursor gratis secara online. Beberapa ekstensi kursor seperti .cur, .ani, dll. mungkin tidak support dengan blog anda, jadi jika file kursor berekstensi itu tidak memungkinkan, carilah file kursor berekstensi .png. Semoga bermanfaat!

Cara Membuat Tulisan Berjalan pada Blog

Hai semuanya! Kali ini saya mau membagikan trik membuat tulisan berjalan pada blog nih. Yuk disimak dan dipraktekkan. 1. Tulisan bergerak dari kanan ke kiri  <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee> Contoh Tulisan Berjalan 2. Tulisan bergerak dari kiri ke kanan  <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> Contoh Tulisan Berjalan 3. Teks bergerak bolak balik dari kiri ke kanan <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> Contoh Tulisan Berjalan 4. Teks bergerak bolak balik dari kanan ke kiri <marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee...

Cara Meletakkan Gambar pada HTML

Hai semuanya! Kali ini saya mau membagikan trik cara meletakkan gambar pada HTML. Gambar adalah salah satu elemen dasar pada halaman situs yang turut meningkatkan cita rasa suatu situs disamping nilai fungsionalitasnya. Penggunaan gambar pada halaman situs dapat berupa ilustrasi dari suatu tulisan, foto, elemen halaman, dan iklan. Cara yang termudah untuk meletakkan gambar ke suatu halaman html adalah dengan menaruh gambar yang bersangkutan ke dalam folder satu file dengan file htmlnya kemudian dipanggil melalui tag  <img> . Yap, tag ini adalah bahan dasar yang diperlukan untuk meletakkan gambar pada halaman html. Cara pengunaannya seperti ini, lihat kode dibawah ini. 1 < img   src = "https://image.ibb.co/fvF8Ev/CL.png" 2 alt = "gambar mobil" /> Contoh: Tag  <img>  berbeda penggunaannya dengan tag html lain, karena ia tidak menjepit suatu tulisan, melainkan menutup dirinya sendiri. Coba kalian perhatikan di akhir tag ...