WordPress Pinterest Button. Popularitas sebuah website ditentukan oleh banyak faktor yang antara lain adalah penggunaan SEO dan SMO yang optimal. SEO merupakan teknik untuk mengoptimasi website baik offpage maupun onpage  agar mudah dikenali oleh robot search engine sehingga dapat meningkatkan jumlah pengunjung. Sedang SMO adalah model optimasi yang memanfaatkan Social Media seperti Facebook, Twitter dan yang belakangan digadang-gadang dapat mendatangkan traffik bejibun yaitu Pinterest.

Jangan berpikir tulisanku berikutnya adalah mengenai optimasi sebuah website, aku masih baru di dunia ini dan masih harus banyak belajar. Disini aku hanya ingin memberikan tutorial sederhana yaitu cara menambahkan Pinterest Button di website berbasis WordPress.

Button Pinterest secara default disediakan di Pinterest Goodies namun default script tersebut masih harus memberikan link url dan gambar secara manual. Bayangkan jika Anda memiliki website wallpaper yang sudah memiliki 3000 gambar misalnya, apa ga pegel tangannya . Ok, langsung saja berikut scriptnya sehingga tidak diperlukan lagi langkah manual tinggal sekali klik url dan gambarnya sudah langsung otomatis ter-submit ke Pinterest.

Sebelum memasang Pinterest Button pada artikel letakkan dahulu script berikut sebelum tag </body> :

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

Pinterest Button untuk WordPress

Cari terlebih dulu kode <?php the_content(); ?> kemudian letakkan sesuai dengan kebutuhan.

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

Pinterest Button untuk Blogger

Cari kode <data:post.body /> kemudian letakkan diatas atau dibawah kode tersebut atau sesuai dengan kebutuhan:

<b:if cond='data:blog.pageType == "item"'>
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&description="+data:blog.title'>Pin It</a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
</b:if>

Pinterest Button untuk Tumblr

Buka theme editor melalui Tumblr Dashboard » Edit » HTML Cari kode {blocks osts} dan letakkan sesudah atau sebelumnya.

<a href="http://pinterest.com/pin/create/button/?url={Permalink}&description={PostTitle}" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

Pinterest Button untuk Posterous

Edit theme melalui Manage Spaces » Space Settings » Edit Theme » Advanced dan kemudian letakkan script setelah kode <section class=”share”> .

<a href="http://pinterest.com/pin/create/button/?url={Permalink}&description={PageTitle}"><img src="http://passets-cdn.pinterest.com/images/pinit_preview_none.png" /></a>

Selamat mencoba dan mohon maaf jika ada kekurangan …. salam