How to Add Pinterest Counter Button to Blogger


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. 

 Pinterest
Social networks are better places to promote business. Many social networks such as Facebook,Google plus,Twitter,LinkedIn,Vkontakte out there.But Pinterest is another social network that is most popular as an image sharing social network.Currently Alexa rank of Pinterest is #41,along with 8 Google Page rank.You would be seen "Pin" button is appearing in most of images in some websites and blogs.They use image for increase their traffic.Do you know that you can increase your site's PR by linking your site's URL in Pinterest ? As i mention in above,Pinterest is a popular website with 8 Page rank.You just need to create a free account at Pinterest and add your site's URL in your Profile page.In this time i will show you how to add Pinterent counter button to you blogger blog from few steps.By adding "Pinterest Pin it" buttons on your blog,you let your readers to share images in your site with their friends.Now follow below instructions in order to add Pinterest "Pin it" button to your blog.



Add Pinterest counter in Blogger


Step 1: Sign in to your Blogger account.

Step 2: Go to  Template > Backup/Restore > Download full Template


Drop_down_menu
Backup-Template


Step 3: After Downloading your Template,Next Click on 'Edit HTML' and 'check the Expand widget templates'


Step 4: Now find <data:post.body> code on your template.click on anywhere on the template editor and press Ctrl+f

Step 5: If You would like to place the Pinterest button,
  • Below post title, copy & paste below code above <data:post.body/>
  • At the bottom of posts, copy & paste below code after <data:post.body/>


 <b:if cond='data:blog.pageType == "item"'>
<div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
    document.body.appendChild(e);
}
</script>
</b:if>
</script>


Step 6To position the pinterest button, simply replace the highlighted value to horizontal, vertical or none. Pinterest button is shown as below.
Pinterest_Counter
Step 7: You can change the alignment of Pinterest button with text-align CSS property.
(search text-align: pressing Ctrl+F )

  • Align left: set it to left; 
  • Align right: set it to right; 
  • Align center: set it to center;

Step 8: Now Save your Template.You're done.

I suggest you to check our other social network sharing button styles and codes.If you have any query,feel free to ask anything.Don't forget to subscribe to our newsletter to get updates on this blog.Happy and peace buddies :)

Image credit:-marketingtechblog.com 

Pengelola Blog : ABDUL WAHAB

Judul : How to Add Pinterest Counter Button to Blogger
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang How to Add Pinterest Counter Button to Blogger
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/how-to-add-pinterest-counter-button-to.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 »