=======================================================
Menangapi dari beberapa permintaan yang di ajukan kepada saya oleh beberpa sobat blogger. Kali ini saya mencoba untuk berbagi tutorial blog lai kepada temen-temen semua. Da npaa tulisan kali ini kitaakan mencoba untuk membahas tentang cara membuat menu tabview. Bagi
yang belum tahu apa itu menu tab view contohnya dapat temen lihat pada gambar di samping
Gambar diatas. Gimana kira-kira tertarik ngak untuk membuatnya ? yaudah kalau anda merasa tertarik unuk membuat menu tab view di atas silahkan anda ikuti tutorial di bawah ini.
Mengenal jenis-jenis Style Border
Hilangkan Fungsi Klik Kanan Pada Blog
Cara Mengganti Template Blog
Cara Memback-Up Template Blogger
Cara Membuat Link Warna-Warni
Cara Memasukan Lagu ke Dalam Blog
Cara Membuat Kotak Bogroll
or you can see all here!!
========================================================================
FACEBOOK LIKE BUTTON
2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget
Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.
Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget Templates.
Masukkan kode berikut di bawah kode <data:post.body/>
Artikel ini telah saya update pada tanggal 13/06/2011
Terakhir pada 5 April 2012
Baca Juga : Panduan Cara Pasang FB Like, Twitter Share, dan Google +1 Di Blogger
========================================================================
========================================================================
FACEBOOK LIKE BUTTON
- PANDUAN UNTUK BLOGGER BARU
- PANDUAN UNTUK BLOGGER LAMA
Tutorial Cara Pasang Facebook Like Button Di Blogger
1. Klik menu seperti ini2. Klik menu / tulisan Template
Update. End,
Cari Code
]]></b:skin>
Letakkan kode berikut di atas ]]></b:skin> tadi
.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:500px;
height:20px;
}
Penting Untuk Diketahui !!!Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.
Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget Templates.
Masukkan kode berikut di bawah kode <data:post.body/>
<div class='fb_like_box'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/> </div>
Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.
Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang. Selamat Mencoba dan semoga berhasil ...<b:if cond='data:blog.pageType == "item"'> <div class='fb_like_box'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/> </div> </b:if>
Artikel ini telah saya update pada tanggal 13/06/2011
Terakhir pada 5 April 2012
Baca Juga : Panduan Cara Pasang FB Like, Twitter Share, dan Google +1 Di Blogger
========================================================================
CARA MEMBUAT "WIDGET LIKE PAGE FACEBOOK" DI BLOG
Cara Membuat Like This Facebook
Membuat Kotak Facebook Fan di Blogspot. Hallo Sobat Informasi Maya, 1 minggu libur ngeblog banyak komentar dan pertanyaan yang masuk ke mail NEWBIE FIKRI mulai dari kenalan sampai beberapa pertanyaan seputar blog, hari ini kang salman mau mengulas cara membuat like this box facebook.
Jika anda ingin memiliki sidebar seperti itu syarat yang pertama harus punya akun facebook jika belum punya silakan daftar disini www.facebook.com
1. Setelah mimiliki akun FB silakan anda login terlebih dahulu ke facebook.
2. Bukalah halaman ini : http://www.facebook.com/pages/create.php jika anda belum punyacommunity page
3. atau Pilih "create a page" atau klik disini
4. Akan muncul seperti gambar di bawah ini, dan isi sesuai nama komunity anda
Pilih zona apa yang hendak kamu buat, apa perusahaan, bisnis, merk ds, agang, artis, huburan, atau community. (nah klo di merk/produk saat di klik dan di scrool ke bawah ada catagori situsweb)
akan ada ada form yang harus di isi lengkapilah. setelah itu klik create community page.
Baiklah sekarang kamu sudah memiliki halaman fans untuk blog kamu,..
Berikutnya adalah Cara Membuat like This Box Facebook di Blog
a. ini ada dua cara yang pertama (yang saya pake)
sunting halaman >> pemasaran >>tambahkan kotak suka ke situs web anda
b. sebenarnya lebih singkat maklum lasil googling
tinggal klik link ini Klik http://developers.facebook.com/plugins/?footer=1
1. Pilih Like Box
Perhatikan gambar di bawah ini :
Sekarang yang perlu kamu masukan bukan ID community, tetapi masukan url pagenya.. tepat di kolom "facebook page url"
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;">
</td></tr><tr><td class="tr-caption" style="text-align: center;">
</td></tr></tbody></table>
Keterangan :
- Width : lebar widget
- Height : ketinggan dari widget
- Connections : jumlah max penggemar yang di munculkan
- Stream : menampilkan komentar di community page anda
- Header : menampilkan kata "find us on facebook
7. Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan
8. Login ke Blogger
9. Pilih Edit Tampale / Tata Letak
10. Lalu Tambah Widget / Gedget
11. Pilih HTML / Javascript
12. (paste) salin kode tadi disini
13. Simpan
Ok, sekarang anda bisa melihat hasilnya.
semoga bermanfaat ya ^_^
================================================================================
================================================================================
CARA MEMBUAT DROPDOWN MENU PADA BLOG
Selamat sore menjelang malam, pada kesempatan kali akan kita bahas mengenai Cara Membuat Drop Down Menu Blog Di Blogspot tapi saya kasih contohnya saja ya. Penjelasannya nanti dulu setelah Saya mandi. So, nikamti dulu contoh drop down menu berikut.
Ok sekarang kita bahas mengenai cara membuat dropdown menu di blog khususnya platform blogspot seperti contoh diatas. Untuk membuat menu tipe ini, ada beberapa keahlian yang diperlukan yaitu:
1. Membuka file ekstensi .css dan .html dengan notepad atau texteditor lainnya
2. Klik tombol Save
heheheheh mudahkan!!! tidak perlu pakai cara yang sulit. Dan cara seperti ini kita sebut sebagai cara shortcut,sebenarnya sih tidak mendidik tapi kalau memang kepengen belajar secara prinsip dan sungguh-sungguh maka Anda bisa lihat tutorial kami yaitu Tutorial HTML, Tutorial PHP dan Tutorial CSS. Tidak apa lah pake shortcut namanya juga lagi belajar masalah prinsip bisa nanti yang penting blog jadi cantik dan user friendly.JADIKAN BLOG LEBIH HIDUP DENGAN DROPDOWN MENU.
Langkah-Langkah Membuat Drop Down Menu
1. Masuk kedalam account blogger atau patform blogspot
2. Pilih tab rancangan --> Edit HTML
3. Letakkan kode cascading style sheet dibawah kode yang diberi lingkaran seperti ditunjukkan oleh gambar 1 berikut.
 |
| Gambar 1 Letak Kode CSS |
4. Simpan Template atau perubahan kode HTML
5. Letakkan kode menu drop down di tempat yang diinginkan misalkan dibawah gadget header. Baca tutorialCara mengganti header dan lihat gambar 2.
6. Klik tombol SIMPAN
7. Selesai
2. Extract file yang telah didownload dan buka dengan notepad atau texteditor lainnya kalo belum tahu caranya ikuti saja langkah ini: Klik kanan file yang telah diextract --> Open With --> Notepad atau wordpad atau PSPad
Sekian dulu tutorial yang dapat Saya sampaikan atas kunjungan dan kerjasamanya diucapkan banyak terimakasih. Jika masih ada pertanyaan dibenak pengunjung mengenai tutorial ini maka sampaikan saja melalui form komentar di bawah ini.
Tetap semangat dan bahagia adalah harapan yang dapat Saya sampaikan kepada para blogger semua.
Salam Sukses,
Catatan:
1. Untuk mendapatkan kode untuk membuat menu dropdown, anda bisa download melalui link yang telah kami sediakan pada langkah 3 dan 52. Extract file yang telah didownload dan buka dengan notepad atau texteditor lainnya kalo belum tahu caranya ikuti saja langkah ini: Klik kanan file yang telah diextract --> Open With --> Notepad atau wordpad atau PSPad
Sekian dulu tutorial yang dapat Saya sampaikan atas kunjungan dan kerjasamanya diucapkan banyak terimakasih. Jika masih ada pertanyaan dibenak pengunjung mengenai tutorial ini maka sampaikan saja melalui form komentar di bawah ini.
Tetap semangat dan bahagia adalah harapan yang dapat Saya sampaikan kepada para blogger semua.
Salam Sukses,
Tidak ada komentar:
Posting Komentar