Add Facebook Like button Just below post title or Post


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 

Like
Social media integration is the new topic talking in the blogosphere. As a blogger you should know how to socialize your blog as others do.You all know about Facebook social network. In some time Facebook is the social community.But as a webmaster,you should look at Facebook from a different angle.I tell you about new thing like traffic boosting,marketing and increasing page rank etc.You might know that Facebook provides some buttons and plugins for websites and blogs.As a blogger blog user you can add most of these widgets on your blog.Today i thought to explain you how to add Facebook like button just below of your post title or add Facebook button bottom of your blog post.

Facebook like button will be not displayed in the static pages.But they will display on your homepage and post pages.Now follow below instructions respectively to add Facebook like button on your blog.


Step 1: Sign in to your blogger account and go to Template.
Step 2: Now backup your template first.
Step 3: After Backing up the Template,click on Edit HTML button.
Step 4: Select anywhere on your template editor and press Ctrl+F.Now Find <data:post.body/> code in your Template.

Now you have two choices.Choose your desired displaying method and add one of below Facebook like button styles as below instructions.

Add Facebook like button Below of Post title :- Paste one of below codes just above/before <data:post.body/> code.

Add Facebook like button bottom of Post :- Paste one of below codes just below/after <data:post.body/> code.


There are three types of Facebook like button styles.Actually they differ from counting option in like button.They are,
  1. Horizontal count
  2. Vertical Count
  3. Without Count(Normal)


Horizontal Count


horizontal_Facebook_like_button

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>


Vertical Count 

facebook_like_Vertical_count

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>




Without Count(Normal)
Without_Count

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>


Step 5:  After adding one of above three code blocks,Save your Template.

That's alright.I think that this post could be helpful for you.I have posted many tutorials about social sharing buttons.You can find out them by using our search box.


If you need any help,Ask me anything without any hesitation.Don't forget to share this post among your friends.Happy blogging :)


Pengelola Blog : ABDUL WAHAB

Judul : Add Facebook Like button Just below post title or Post
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Add Facebook Like button Just below post title or Post
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
http://kejutaninternet.blogspot.com/2013/02/add-facebook-like-button-just-below.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Previous
Next Post »