Rabu, 24 Oktober 2012

Tutorial Mengganti Icon Blogger dengan Icon Sendiri

Tutorial Blog-Perkembangan dunia blog begitu dinamis, sedinamis banyaknya sumber-sumber informasi yang ada di internet. Begitu pun dengan Tutorial blog, begitu banyak sekali sebenarnya tutorial blog yang tidak sempat saya share di blog ini karena keterbatasan waktu dan kesempatan.
Tutorial blog. Mahir Blogger pada kesempatan ingin memberikan sebuah tutorial blog bagaimana cara mengganti Icon Blogger dengan Icon yang sesuai dengan keinginan Anda. Icon Blogger atau ada juga yang menyebutnya sebagai favicon, dapat Anda ganti dengan icon atau desain logo yang sesuai dengan keinginan Anda.
Info Blog. Ada yang tahu apa sebenarnya favicon ? Favicon adalah Icon untuk suatu web yang terletak di samping adressbar. Untuk icon standar dari blogger akan seperti pada gambar di bawah ini :
tutorial-mengganti-icon-blogger
Tutorial blog. Icon seperti inilah yang menjadi kode atau icon default atau umum pada blog yang Anda jika Anda belum mengganti iconnya. Nah, tutorial blog berikut semoga menjadi cara yang mudah dan aplikatif buat Anda dalam mengganti icon blog default-standar dengan icon atau logo yang sesuai dengan Anda. Berikut Tutorial blognya, ikuti step per step :
  • Menyiapkan memang gambar atau icon yang mau di pakai.

  • Kemudian, Anda upload icon modifikasi buatan Anda kepada layanan upload gambar. Rekomendasi saya sih di Photobucket. Belum daftar photobucket silahkan di sini.
  • Tapi, jika Anda sudah punya Account, silahkan lanjut ke langkah selanjutnya. Ambil atau copy alamat URL Icon Anda yang sudah Anda upload di Photobucket.
  • Contoh URL gambar dari Photobucket : http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png
  • Okey, selanjutnya kita beralih ke tahap tutorial selanjutnya. Anda log in dulu ke Accoalunt Blog Anda.
  • Kemudian menuju ke Template > Edit HTML > Expand Template Widget
  • Kemudian saling dan copy alamat link gambar atau icon Anda pada <link href=' url icon yang Anda sudah modifikasi' rel='shortcut icon'/>
  • Jadi hasilnya nanti akan seperti ini :  <link href='http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png' rel='shortcut icon'/>
  • Letakkan kode tersebut di atas </head> dan atau di bawah kode HTML <head>. Peletakkannya fleksibel, yang terpenting diantara kode <head> dengan </head>
  • Okey, sebelum menyimpan. Klik dulu Prantinjau untuk mengetahui apakah tutorial blog ini Anda lakukan dengan benar.
  • Jika sudah, klik Simpan atau Save.
Tutorial Blog. Itulah tadi langkah-langkah dalam mengganti Icon Default-Standar dari Blogger. Semoga Tutorial blog saya dapat Anda mengerti dan aplikasikan.

Tutorial blog. Anda telah membaca Tutorial Mengganti Icon Blogger dengan Icon Sendiri dari Blogger mahir. Seperti biasa, jika Anda ingin mengambil postingan kami sebagai referensi jangan lupa untuk selalu menampilkan alamat URL dari postingan kami ini.

Tutorial Blog. Berikut beberapa postingan yang kami rekomnendasikan buat Anda :
1. Tutorial Menambahkan Tombol Twitter pada Blog 
2. Tutorial Membuat Teks Area (Lengkap)
3. Tutorial membuat Translate Tool Bergambar
4. Dan masih banyak lagi, di sini
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Minggu, 14 Oktober 2012

Tutorial Menambahkan Tombol Twitter pada Blog

tutorial-blog-add-widget-twitter
Tutorial Blog-Beberapa waktu ini saya baru kembali membuat postingan. Ya, maklum karena ada juga kesibukan di dunia off line. Tutorial blog yang ingin saya share kepada Anda kali ini adalah tutorial blog tentang bagaimana cara menambahkan widget Twitter atau Tombol Twitter pada blog Anda.
Tutorial blog ini sebenarnya, bukan sekedar tombol Tweet saja di blog Anda, tetapi dengan menggunakan widget ini, di blog Anda nantinya akan mencakup juga Tombol Like Facebook, tombol Share dengan beberapa platform social media, hingga pengunjung on line yang sedang nonkrong di blog Anda.
Info blog ini mungkin dapat Anda lihat aslinya dengan melihat langsung pada bagian bawah blog saya. Di situ Anda akan melihat widget yang saya maksud. Bagaimana cara membuatnya ? Tutorial nya bagaimana? Simak penjelasan saya satu persatu..!
1. Pertama, Anda menuju dulu ke situs berikut http://wibiya.conduit.com/
2. Bila Anda sudah masuk ke situ ini, maka tampilan seperti berikut :
tutorial-blog-tambah-tombol-twitter
Tampilan Wibiya
3. Klik tombol Join, pada bagian kiri atas. Sudah terlihat tidak...? Hehehe.
4. Setelah itu, Anda akan menemukan tampilan seperti berikut :
tutorial-blog-tambah-tombol-twitter
5. Masukkan Url Blog Anda, kemudian pilih yang sesuai dengan blog atau website Anda.
6. Klik Tombol Create Now
7. Tampilan berikutnya, akan seperti ini :
8. Tandai, aplikasi yang ingin tampil di blog Anda. Karena ini adalah tutorial bagaimana cara menambahkan widget Twitter, makan jangan lupa centang pada bagian Tweet Button, Anda juga dapat memilih aplikasi yang lain.



9. Tutorial selanjutnya, masukkan alamat email atau alamat gmail Anda, masukkan password yang sesuai dengan keinginan Anda, kemudian Bar Languange yang sesuai dengan bahasa yang Anda inginkan. Catatan : disini belum ada layanan untuk bahasa Indonesia, makanya Anda bisa menggunakan Bahasa Inggris/ English.
10. Tutorial selanjutnya, Anda tekan tombol Get Your Bar, atau seperti gambar di bawah ini.
tutorial-blog-tambah-tombol-twitter


11. Langkah selanjutnya, maka Anda akan menuju ke halaman yang seperti in, di dalam gambar tersedia layanan untuk paltform blog wordpress, untuk beralih ke blogger, klik tulisan here pada bagian bawah gambar Install on Wordpress.
12. Maka Anda akan beralih ke tampilan berikut : Klik gambar Blogger atau apa pun itu yang sesuai dengan platform dari blog yang Anda gunakan.
tutorial-blog-tambah-tombol-twitter
13. Selanjutnya, Anda diminta untuk menginstall Widet Wibar dalam Blogger
14. Klik here pada bagian bawah Install Wibar, untuk me-redirect atau mengarahkan Anda ke pengaturan blog Anda (Tapi Ingat, Anda harus log in dulu ke blogger.com). Setelah itu Anda akan diarahkan menuju halaman seperti di bawah ini untuk menambah elemen halaman pada blog Anda. Klik Menambah Widget: 
 15. Langkah Terakhir, Save atau Simpan untuk eksekusi setelah sebelumnya Anda menekan tombol Pratinjau untuk melihat Apakah Tutorial blog ini Anda lakukan dengan benar. Okey.
Jika Anda ingin mengambil postingan ini sebagai referensi, mohon sertakan selalu link-nya. Seperti di bawah ini :


Okey, itulah tadi Tutorial blog, bagaimana menambahkan widget Twitter pada blog Anda. Semoga Anda dapat mengerti tutorial saya, dan dapat bermanfaat. Terima Kasih.
Khusus buat Anda, beberapa Tutorial blog yang saya rekomendasikan buat Anda :
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.