Menambahkan Tombol “Pin It” Pinterest

Saat ini banyak bermunculan media sosial baru yang berguna untuk menambah trafik kunjungan website yang salah satu diantaranya adalah Pinterest

Pada artikel cara membuat website ini, kita akan belajar cara untuk menambahkan tombol  Pinterest Pin It” untuk website WordPress Anda.
pinterestbuttons Menambahkan Tombol Pin It Pinterest


Cara Manual Menambahkan Tombol Pinterest di WordPress
Hal pertama yang perlu Anda lakukan adalah paste script berikut dalam file footer.php Anda tepat sebelum tag body :



<script type=”text/javascript”>
    (function() {
        window.PinIt = window.PinIt || { loaded:false };
        if (window.PinIt.loaded) return;
        window.PinIt.loaded = true;
        function async_load(){
            var s = document.createElement(“script”);
            s.type = “text/javascript”;
            s.async = true;
            s.src = “http://assets.pinterest.com/js/pinit.js”;
            var x = document.getElementsByTagName(“script”)[0];
            x.parentNode.insertBefore(s, x);
        }
        if (window.attachEvent)
            window.attachEvent(“onload”, async_load);
        else
            window.addEventListener(“load”, async_load, false);
    })();
    </script>

Setelah selesai, tambahkan kode berikut ke dalam file single.php :

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘full’ ); ?>
    <a href=”http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>” class=”pin-it-button” count-layout=”vertical”>Pin It</a>

Kode di atas akan menampilkan Featured Image, judul posting Anda sebagai keterangan, dan URL dari posting.
Demikian tutorial belajar wordpress untuk menambahkan tombol “Pin It” Pinterest.

Leave a Reply

Cara Membuat Website : Mahir Hanya Dalam 1 Jam. Powered by Blogger.

Cara Membuat Website