Home > Blogger Hack > Cara Buat Share Facebook dengan Counter di Blogger
Cara Buat Share Facebook dengan Counter di Blogger
Posted on Rabu, 03 Oktober 2012 by do it your self
D-Copy Blog | Tombol share Facebook adalah cara sempurna untuk membagi postingan blog dan untuk menunjukkan jumlah saham yang telah dibuat untuk posting blog tertentu. Ada dua jenis dengan gaya yang berbeda, satu dengan tombol jumlah besar dan yang lainnya adalah tombol inline. Untuk menambahkannya ke Blogger pilih salah satu dari tombol share dibawah ini seperti yang disebutkan di bawah ini.
Facebook Share Inline Button Counter
Cara Membuat Facebook Share Button Ke Blogger :
Penjelasan
Dalam kode di atas, temukan kode "float: right;" . Jika Anda ingin memiliki ini di kiri dalam body postingan Anda, kemudian ubah kode menjadi "float: left;" atau menghapusnya seperti yang ditunjukkan pada tombol kedua.
Mengubah ukuran Facebook Share Button :
Setelah peluncuran tombol berbagi terlalu banyak, tombol share Facebook terlihat agak over-size. Setelah CSS tweak kecil, tombol ini dapat diubah ukurannya agar sesuai dengan lebar tombol lainnya. Untuk melakukan hal ini temukan ]]></b:skin> dan diatasnya tambahkan kode :
Facebook Share Button with Counter
<div style="float: right; margin: 4px;">
<a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Facebook Share Inline Button Counter
<div style="margin: 4px;">
<a name="fb_share" type="button_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Cara Membuat Facebook Share Button Ke Blogger :
- Buka akun Blogger Anda
- Masuk ke Menu Edit HTML > centang Expand Template Widget, cari kode dibawah ini :
<data:post.body/>3. Pastekan kode button yang Anda inginkan pada diatas ataupun dibawah pada kode diatas.
Penjelasan
Dalam kode di atas, temukan kode "float: right;" . Jika Anda ingin memiliki ini di kiri dalam body postingan Anda, kemudian ubah kode menjadi "float: left;" atau menghapusnya seperti yang ditunjukkan pada tombol kedua.
Jika Anda ingin tombol share hanya dilihat di halaman postingan saja, teempatkan kode seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</b:if>
Mengubah ukuran Facebook Share Button :
Setelah peluncuran tombol berbagi terlalu banyak, tombol share Facebook terlihat agak over-size. Setelah CSS tweak kecil, tombol ini dapat diubah ukurannya agar sesuai dengan lebar tombol lainnya. Untuk melakukan hal ini temukan ]]></b:skin> dan diatasnya tambahkan kode :
.FBConnectButton_Text {Atur padding sesuai dengan keadaan yang Anda inginkan.
padding: 2px 4px 3px !important;
}
Artikel Terkait
Category Article Blogger Hack
Arsip Blog
-
▼
2012
(4523)
-
▼
Oktober
(2077)
- 8 Hal yang Tak Boleh Dikatakan Pada Calon Pengantin
- 7 Tipe Pria di Internet
- Di China Ada Nenek-Nenek Berumur 1 Tahun!
- Bangkit Dari Putus Cinta? Ini Triknya
- Cara Membuat Efek Petir di Blog
- Jamur Truffle, Jamur Termahal di Dunia
- Prediksi Togel Hongkong Hari Ini Kamis 01 November...
- Prediksi Togel Singapura Kamis 01 November 2012
- Prediksi Togel hari Ini (Kamis 01 November 2012) T...
- Berbagai Bentuk Buah-Buahan yang Unik dan Lucu
- Jangan Menyimpan Kaleng Cola Di Freezer Atau Begin...
- Pasangan Kolombia Lahirkan Bayi Jelmaan Setan?
- Indahnya Pelangi Moon Bow Dimalam Hari
- VIA ARTiGO A1250, PC Terkecil di Dunia dengan Pros...
- 10 Musium paling menakutkan di dunia
- 10 Laga terbaik sepanjang sejarah sepak bola dunia
- Kepribadian Cewe berdasarkan cara duduknya
- 10 tembok paling bersejarah di dunia
- 10 Bandara terbaik di dunia
- Hutan Raje Mandare yang penuh dengan keanehan
- Fakta Menarik dari Alat Kelamin Pria
- Musim Hujan Bikin Orang Makin Galau, Kamu Termasuk?
- Tenis Meja : Apa Istimewanya ?
- 10 Hand Phone/HP terunik di dunia
- Kota termacet di dunia
- Kulam, Ilmu Voodoo dari Filipina
- Foto-Foto Ular Memangsa Manusia
- Unik: Jalan Tol Antar Gedung Di Jepang
- Kejadian aneh yang tidak masuk logika
- Fakta unik tentang negara Korea Utara
- Fakta unik tentang Ikan di Dunia
- 7 Jenis Jerawat Paling Umum Ditemui
- Mitos, Tsunami Jepang Akibat Ikan Lele Raksasa
- Tips jika HP tercebur ke air
- Dilarang Menggunakan Celana Melorot di Wilayah ini!
- Menambahkan gadget di header blog
- Cara memanipulasi jumlah komentar blog
- Sosok ilmuwan Muslim yang terlupakan
- Inilah 10 Sate Terunik di Indonesia
- Cara mengatasi/mengobati kulit kaki pecah dan kapalan
- Dampak Buruk Sering Curhat Masalah Cinta dengan Sa...
- Inilah 10 Tempat Ziarah Terseram Di Dunia
- Planet Theia, Benda Besar Yang Menabrak Bumi
- Makhluk-makhluk ini Mata Rantai Evolusi yang Hilang?
- “Moses Bridge” Jembatan yang Membelah Sungai di Be...
- Patung Wisnu Kencana Tertinggi di Dunia
- 4 Miss World Paling Kontraversial di Dunia
- Cara ngecek suhu/temperatur panas komputer
- Cara memperbaiki dokumen MS Office yang rusak
- 10 Tipe Cewek Berdasarkan Bentuk Payudara
- Wujud Asli Dari Firefox
- 7 Minuman Keras Asli Indonesia
- Mengapa Banyak Artis Korea Bunuh Diri?
- 12 Peristiwa Berdarah Sepakbola Terburuk Dalam 3 D...
- Sosok Dan Pesona Ibukota Jakarta Pada Tahun 1970-an
- 5 Kisah Penghargaan/hadiah Paling Aneh Di Dunia
- Hal-hal pemicu keluarnya kentut
- Inilah hewan yang bisa memprediksi cuaca
- 10 Masjid tertua di dunia
- Foto-foto Kapal Titanic dari proses pembuatan samp...
- 10 Hasil Penelitian Menarik tentang Orgasme
- Benarkah Payu Dara besar tidak nyaman saat bercinta
- Roler Coaster yang bikin mendebarkan jantung
- Cara Asik Jaga Kesehatan Kulit
- Alat-alat kreatif untuk di dapur
- Inilah 5 Tanda Tangan Termahal Di Dunia
- Tampang Bintang Rock pada Masa Muda dan Tua
- VIDEO Badai Sandy Tertangkap Kamera dari Luar Angkasa
- Makan Ini Ternyata Bisa Untuk Mengembalikan Mood B...
- Tips Jika Terjebak Jatuh Cinta Dalam 'Friend Zone'
- Bersyukurlah Atas Hp Yang Anda Miliki!!
- Ciri-Ciri Pria yang Mempunyai Masa Depan Cerah
- Rajanya Twitter, Bukan Orang Terkenal, 1,8 Juta Fo...
- Menyibak Misteri Pohon Zaitun Tempat Yesus Berdoa
- Suku Maya Protes Ramalan Kiamat Demi Keuntungan Bi...
- Rudal Iran Itu Bernama “Nabi Agung 7”
- Kostum Jadul Para Superhero, Hulk-nya Dijamin Ngak...
- 6 Tips Mengatasi Bau Kaki
- 4 Kebudayaan Jepang yang Unik dan Gila
- 6 Mitos Pria yang Mulai Kadaluwarsa
- Gaet Pasangan, Monyet Berlumur Air Seni
- 10 Cerutu Termahal Di Dunia
- 8 Fakta Menarik tentang Kota Seoul
- Perbedaan Lama Durasi Puasa Di Berbagai Belahan Dunia
- Iklan 'Diskon TKW' Menghina Harga Diri Bangsa Indo...
- Mengungkap asal usul Patih Gajah Mada yang misterius
- Kuil Putih, Mahakarya Sang Seniman Eksentrik
- Sayuran raksasa pemecah rekor
- [renungan] Belajar Tentang Kehidupan dari Johnny Depp
- Demi Perluas Masjid Nabawi, Makam Nabi Muhammad Ak...
- Foto badai Sandy diatas patung Liberty | Asli atau...
- Kumpulan Kata Kata Mutiara Persahabatan Sejati
- Mengungkap Legenda Taman Gantung Babylonia
- Tokyo Skytree, Menara Tertinggi di Dunia
- Inilah Arti Kata Ciyus, Miapah, Cemungudh, dll...
- Mitos asal muasal larangan menikah orang jawa dan ...
- Candi-candi terindah di India dan sekitarnya
- "dia Cinta Aku Nggak Sih?" Liat Saja Pupil Matanya
- 7 Jenis Pahala Yang Dapat Dinikmati Selepas Mati
- 7 Gunung Berwajah Manusia yang Terkenal di Dunia
-
▼
Oktober
(2077)