Menambahkan Tombol “LIKE” Facebook di Bawah Judul Posting

Menambahkan Tombol  “LIKE” Facebook  di Bawah Judul Posting

 

Berikut Menambahkan Tombol  “LIKE” Facebook  di Bawah Judul Posting

Tombol Like Facebook  akan memungkinkan pengunjung untuk menyukai posting Kita dan berbagi ke teman-teman Facebook mereka. Dalam posting ini kita akan melihat bagaimana kita dapat menambahkan tombol suka untuk setiap posting Blogger individu, dan  baca juga 

Terkait : Menambahkan Like Box Facebook Untuk  Blog 

(yang juga merupakan ide yang baik untuk memilikinya di sidebar Kita).

Memiliki tombol Facebook Like di bawah judul posting .Kita membuat supaya lebih mudah pengguna membagikan atau menyukai Facebook setiap posting  di blog Kita, yang akan menampilkan konten menyukai di profil mereka (dan berpotensi pada feed teman mereka).

Jika Kita Ingin Menambahkan Tombol Facebook Like di Bawah Judul Blogger Posting Kita, Ikuti Langkah-langkah Berikut:

Langkah 1. Pergi Untuk Blogger Dashboard  > Template > Edit HTML

Dshboard blogger

Langkah 2. Klik di mana saja di dalam area kode dan pencarian - tombol CTRL + F  untuk menemukan potongan kode ini:

<data:post.body/>

Catatan: Kita mungkin merasa lebih dari 3 kali untuk mencobanya, berhenti untuk yang kedua kali(atau dalam kasus yang sama tidak akan muncul setelah menerapkan kode dari langkah 3).

Langkah 3. Tepatkan di atas ,kemudian sisipkan kode ini:

<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>

Screenshot

Dashboard blogger

Langkah 4. Simpan template Kita dan Kita selesai dengan implementasi sesederhana mungkin dengan  tombol Facebook Like di blog Blogger Kita.

Cara Membuat / Menambahkan Like Boxe Fanspage Facebook ke Blogger

Fanspage Facebook

Sebuah Box FansFacebook atau  Box adalah sebuah plugin besar yang memungkinkan pengunjung blog untuk berlangganan update blog Kita melalui akun Facebook mereka, tanpa meninggalkan blog Kita. Setelah berlangganan (dengan menekan tombolnya saja), pengunjung akan menerima update blog terbaru Kita pada halaman Facebook mereka. Kotak ini juga menampilkan wajah para "likers" di blog Kita. Sebelum membuat kotak penggemar, Kita harus sudah memiliki halaman penggemar Facebook. Jika Kita belum membuat, klik di sini untuk belajar artikel dibawah.,

Artikel Terkait : Cara Membuat Halaman FansPage

Membuat Facebook Like Box

1. Cari tahu Facebook Fans page URL Kita dengan mengunjungi halaman Fans Facebook dan salin URL di bar address  , Kita dapat melihat bagaimana bentuk URLnya.

2. Kemudian kunjungi halaman ini: https://developers.facebook.com/docs/plugins/like-box-for-pages

3. Tempelkan URL Kita ke bidang URL Facebook Page, seperti yang ditunjukkan di bawah ini:

Like Boxed Facebook

4. Setelah itu keluar bentuk Bok like FansPage , klik pada tombol "Dapatkan Kode"

5. Kita akan diberikan dua kode, berjudul HTML 5, XFBML dan IFRAME. Yang kita butuhkan adalah 'iframe' kode.

iframe fanspage facebook

Menambahkan Box  FanssFacebook ke Blogger

6. Login ke akun Blogger Kita  pergi ke 'Layout'  > klik pada link 'Tambah Gadget'

dashboard bloger

7. Dari jendela pop-up, pilih gadget 'HTML / JavaScript' :

Dashboard blogger

8. Paste kode Box FansPage tadi ke  kotak HTML kosong:

Cara Membuat / Menambahkan Fanspage Facebook ke Blogger

9. Klik Simpan dan selesai.

Cara Membuat Halaman FansPage Facebook Untuk Blog Kita

Cara membuat halaman Fanspage faceebook

Apa itu FansPage Facebook ?

Kadang-kadang disebut sebagai "Fan Page," halaman Facebook adalah satu halaman di mana Kita dapat berbagi , berbicara mengenai topik tertentu yang Kita inginkan: selebriti, blog atau apapun keinginan hati Kita. Anggap saja sebagai tempat pertemuan satu halaman, dengan informasi, link, kotak forum pesan, RSS dan apa pun yang Kita inginkan.

Cara membuat halaman Fanspage faceebook

Ingin mempromosikan blog Kita? Maka Facebook adalah salah satu pilihan terbaik ketika datang tentang Situs Jaringan Sosial. Untuk melihat bagaimana FansPage Facebook terlihat seperti yang diinginkan , silakan kunjungi FansPage Facebook  saya .
Membuat FansPage Facebook Untuk Blog Kita.

Langkah 1. Pergi ke Buat Fan Page Link di Facebook dan pilih Merk atau Produk kita.

Cara membuat halaman Fanspage faceebook

Cari "Situs web" dalam daftar drop-down dan memberikan nama Halaman (mis : nama blog Kita) di kotak di samping. Periksa "I agree to Facebook Pages Terms"  kotak, kemudian klik pada tombol "Get Started".

Cara membuat halaman Fanspage faceebook

Langkah 2. Kita akan ditransfer ke halaman berikutnya - di sini Kita dapat "Unggah Gambar" untuk Fan Page atau Lewati untuk meng-upload nanti. Browse mengklik gambar Kita pada link "Upload dari komputer":

Cara membuat halaman Fanspage faceebook

Langkah 3. Masukkan situs / deskripsi blog dan alamat url. informasi ini akan muncul di laman Facebook . Setelah selesai, klik "Simpan Info".

Langkah 4. Sekarang Kita akan ditransfer ke Halaman Facebook Fan baru Kita. Untuk "Manage" informasi Kita, klik "Kelola" Tombol di sudut kanan atas halaman.

Dapatkan Shorter URL Facebook Fan Page
Fan Page URL  Kita  akan terlihat seperti:
https://www.facebook.com/kavt93/

Sekarang, jika Kita memiliki minimal 25 fans, Kita kemungkinan untuk mempersingkat URL facebook Kita, misalnya mengganti nama pengguna jadi nama kita.

Untuk ini, pergi ke https://www.facebook.com/username/ dan klik pada set nama pengguna untuk halaman Kita.

Cara membuat halaman Fanspage faceebook

Di sana Kita dapat memilih nama pengguna untuk halaman FansPage Kita. Hati-hati ketika Kita memilih  FansPage Facebook Nama pengguna karena Kita tidak dapat mengubahnya kembali setelah itu.

Menggunakan Aplikasi Twiterfeed Untuk Berbagi Posting Blog Terbaru Kita 

Jika Kita ingin secara otomatis menambah posting blog Kita ke Facebook, kita  gunakan Twiterfeed Aplikasi.

Tahapannya:

1. Pergi ke http://twitterfeed.com/ : klik pada tombol “Register Now “ jika anda belum mempunyai akun. Isi kotak-kotak  register nya.

2. Setelah selesai, buka email yang anda daftarkan tadi untuk mengaktifkan akun twiterfeed anda

3. Setelah itu masukkan naman blog anda dan URL blog anda,dan klik continue step untuk melanjuti tahapan ke 2

4. Selanjutnya pilih media social mana yang ingin anda hubungkan . Setelah terhubung ke media social yang dipilih klik Creat Servive.

5. Setelah proses selesai klik All Done

Kita tidak perlu khawatir jika posting Kita tidak langsung muncul pada FansPage Facebook Wall, mungkin ada beberapa keterlambatan dalam dinding mendapatkan update, seperti twiterfeed memeriksa  untuk entri baru pada interval waktu yang teratur.

Menambahkan Tombol Berbagi Melayang Media Sosial di Blogger

Menambahkan Media Sosial Melayang di Bloger

Hal ini menjadi semakin penting untuk membuat postingan kita dihargai dan berbagi pada jaringan sosial dan salah satu cara terbaik untuk mendapatkan traffic (lalu lintas) ke blog / website dan meningkatkan berbagi statistik adalah Dengan menambahkan Tombol Berbagi Kemedia Sosial.

Dalam tutorial ini kita akan melihat bagaimana menambahkan bar berbagi kemedia sosial di bawah judul Blogger posting, sehingga ketika pembaca  dibawah halaman, ia masih akan dapat melihat tombol berbagi tanpa harus gulir kembali ke atas.

Menambahkan script di bawah ini jQuery akan membuat tombol melayang pada posisi tetap segera setelah mereka mencapai "puncak" dari halaman. Dengan menggulir kembali, tombol akan kembali ke posisi awal mereka.

Bar Berbagi Sosial termasuk tombol untuk Facebook, Twitter, Google+, dan Pinterest.

Tombol Berbagi Social Media Bawah Judul Postingan Blogger

Langkah 1. Dari BloggerDashboard  > Template dan klik pada tombol Edit HTML

Dashboar blog

Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian. Ketik </ head> tag di dalam kotak pencarian dan tekan Enter untuk menemukannya.

Dashboar blog

Langkah 3. Tepat di atas </ head> menambahkan script ini:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(function() {
var $movesbuttons = $("#floating-social-buttons"),
$window = $(window),
offset = $movesbuttons.offset();
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$movesbuttons.css({'position' : 'fixed', 'width' : '550px', 'top' : '0px'});
} else {
$movesbuttons.css({'position' : 'absolute', 'top' : 'auto'});
}
});
});
//]]>
</script>

Langkah 4. Sekarang sebelum]]> </ b: skin> tambahkan gaya CSS berikut:

#floating-social-buttons {
padding: 6px 0px 12px;
position: absolute;
background: #F6F6F6;
border-bottom: 1px solid #DEDEDE;
width: 550px;
height: 18px;
z-index: 99;
}
.floating-social-buttons {
margin-left: 5px !important;
}
.floating-social-buttons li {
float: left;
margin-left: 5px;
list-style:none;
}

Untuk mengubah lebar bar, memodifikasi nilai 550px merah. Perhatikan bahwa nilai ini juga muncul dalam naskah yang juga perlu diubah.

Langkah 5. Akhirnya, tepat di bawah  <div class = 'post-header'> (tekan CTRL + F dan tekan Enter dua kali untuk menemukannya) menambahkan kode berikut:
Klik Untuk Melihat Code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:5px 0 35px 0;clear:both;'>
<div id='floating-social-buttons'>
<ul class='floating-social-buttons'>

<li><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=25&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:25px;'/></li>

<li><a class='twitter-share-button' data-lang='en' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></li>

<li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='medium'/></li>

<li><a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' style='margin:0 10px 5px 0;'>Pin It</a> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/></li>

</ul>
</div>
</div>
</b:if>

Penyesuaian :

Jika Kita ingin tombol muncul di akhir posting, paste kode ini sebelum atau setelah <div class = 'post-footer'>

Jika tidak cocok  timpah dengan isi posting, kemudian mengubah 35px ke nilai yang lebih tinggi.

Langkah 6. Klik tombol Save Template ... dan hanya itu!

Jadi ini adalah langkah-langkah untuk menambahkan tombol bar sosial di Blogger. Saya sangat merekomendasikan menggunakan bar ini karena benar-benar dapat membantu Kita untuk mendapatkan traffic (lalu lintas sosial) yang lebih untuk blog Kita.