WordPress Pinterest Button

In SEO, Web 580 views

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:Posts} 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 🙂

Related Search

Tags: #data #Posterous Edit #website #Wordpress Pinterest Button


Hapus Post Lama di WordPress Melalui PHPMyadmin
Hapus Post Lama di WordPress Melalui PHPMyadmin
Sekelumit tentang perintah langsung di PHPMyadmin sudah
Bypass Internet Positif
Bypass Internet Positif
Buat agan-agan yang sudah capek dengan Internet
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Caranya cukup simple, buat file .htaccess pada
Leverage browser caching for Nginx
Leverage browser caching for Nginx
Apa siy Leverage browser caching ? Ini penjelasan

Top