Cara Pasang Blogspot Widget Tombol Pinterest Di Semua Gambar Blog

Cara memasang blogspot widget tombol pinterest di semua foto pada blog adalah hal yang wajib agar pembaca kamu bisa membagikan foto menarik yang ada di blog ke semua follwers mereka.

Cara Pasang Blogspot Widget Tombol Pinterest Di Semua Gambar Blog - Kalian pasti tahu jika pinterest saat ini sudah banyak di lirik banyak orang untuk mencari sebuah referensi foto.

Oleh karena itu jika kamu memiliki sebuah blog yang memiliki foto atau gambar yang menarik.

Maka kamu wajib banget untuk menambahkan blogspot widget tombol piterest yang akan tampil di setiap foto atau gambar blogspot kamu.

Pinterest sendiri mengijikan pemilik blog untuk menggunakan layanan mereka dengan cara menambahkan tombol "Pin" ke foto atau konten gambar yang kamu tambahkan di blog kamu.

Saat pengunjung blog mengunjungi blog kamu dan pengunjung sangat menyukai foto kamu maka mereka akan memilih foto dan klik tombol warna merah dengan tulisan pinterest dan akan menambahkan foto tersebut ke akun pinterest mereka.

Pengunjung blog yang menekan tombol pin pada blogger kamu akan melihat foto kamu di tampilan home pinterest mereka. 

Lalu mereka akan share foto tersebut dengan teman atau followers yang mereka punya secara tidak langsung.

Dan yang paling penting saat mereka share foto tersebut maka foto akan mengikut sertakan link ke blog kamu setiap mereka klik foto dan akan juga menyertakan deskripsi mengenai artikel yang kamu buat.

Oleh karena itu, menambahkan tombol pinterest di blogger akan membantu kamu meningkatkan jumlah pengunjung yang datang dari media sosial pinterest.

Bagi kamu yang penasaran cara menbahkan tombol pinterest di setiap foto yang ada di blogspot secara otomatis.

Maka newbie akan membantu kamu menunjukkan langkah-langkah cara pasang blogspot widget tombol pinterest di setiap foto pada blogger.

Baca Juga Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget

Cara pasang tombol pinterest di blogspot

Untuk memasang tombol pin milik pinterest di setiap gambar foto yang ada di blogspot kamu, maka kamu bisa ikuti langkah-langkah yang akan newbie berikan berikut ini

Cara akses template blogspot

Untuk langkah awal kamu bisa masuk terlebih dahulu ke menu edit template blogspot yang berguna untuk menampilkan setiap tombol pinterest pada setiap gambar yang ada di blogger.

Untuk langkah-langkahnya kamu bisa terlebih dulu masuk ke akun blogger kamu dan pilih template > Edit HTML

Lalu selanjutnya kamu bisa tekan pada template blog lalu tekan kombinasi tombol Ctrl + F dan temukan kode </body>

Kamu bisa pastekan kode di bawah ini di atas </body>

<!--pinterest button-->

<script>

//<![CDATA[

var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAuH1GtvmyPNbSo-Yxsc6Rjzr_n6z_YrQbTuBs7UFb8TAAL_ZFfGHHndgiSUrZvxcwILIzBre6UjMwqrizSOEwu8gD3BkCACRTavR_kM0VYaojzxEhZYvZu1W_w4_23Q28GlQlEgxNqnsSGQODBTMQE0V1Kk5r0bfZTXuzlNT25KOSFqa0X1bpjtCA/s1600/pinit-button.png";

var pinit_button_position = "center";

var pinit_button_before = "";

var pinit_button_after = "";

//]]>

</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

<script id='pinit-img-button' type='text/javascript'>

// Visit helplogger.blogspot.com for more widgets and tricks.

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i(1j).1k(r($){$(\'M\').1l(\'<6 p="4:D;" N="A" O="\'+13+\'" >\');$(\'#7-6-P\').1m();3 l;3 m;3 n;$(\'.A\').1n(r(){m=$(\'.A\').E(F);n=$(\'.A\').G(F);$(\'.A\').1o()});3 o=$(\'#7-6-P\').1p().1q("1r.1s.14");o!=-1&&15();r 15(){$(\'.s-16 6,.H-M 6,.s-17 6\').1t(\'.18,.18 6\').1u(r(){$(\'.7-4\').t("4","D");19(l);3 a=$(q);3 b=1a(a.t("Q-u"));3 c=1a(a.t("Q-v"));3 d;3 e;1v(1w){B\'1x\':d=a.9().u+a.G(F)/2-n/2;e=a.9().v+a.E(F)/2-m/2;C;B\'1y\':d=a.9().u+b+5;e=a.9().v+c+a.E()-m-5;C;B\'1z\':d=a.9().u+b+5;e=a.9().v+c+5;C;B\'1A\':d=a.9().u+b+a.G()-n-5;e=a.9().v+c+a.E()-m-5;C;B\'1B\':d=a.9().u+b+a.G()-n-5;e=a.9().v+c+5;C}3 f=a.1C(\'O\');3 g=a.1D(\'.H,.1E,.s\').R(\'.H-S,.s-S,.s-1F\');3 h=g.1G();w(T U===\'V\'){U=\'\'}w(T W===\'V\'){W=\'\'}w(g.R(\'a\').1H){X=g.R(\'a\').I(\'Y\').1b(/\\#.+\\b/1c,"")}Z{X=$(1I).I(\'Y\').1b(/\\#.+\\b/1c,"")}3 i=\'<1d N="7-4" p="1e:x;9: 1J;z-1K: 1L;" ><a Y="1M://1N.14/1O/1P/P/?1Q=\'+X+\'&1R=\'+f+\'&1S=\'+U+h+W+\'" p="1e:1T;1U:x;" 1V="1W"><6 N="1X" p="-1Y-J-K:x;-1Z-J-K:x;-o-J-K:x;J-K:x;10: 0.8;20:21;Q: 0;22: 0;23:0;" O="\'+13+\'" S="24 1f 25" ></a></1d>\';3 j=a.11().26(\'a\')?a.11():a;w(!j.y().27(\'7-4\')){j.28(i);w(T l===\'V\'){j.y(\'.7-4\').I("1g","q.p.10=1;q.p.4=\'12\'")}Z{j.y(\'.7-4\').I("1g","q.p.10=1;q.p.4=\'12\';19(29)")}}3 k=j.y(".7-4");k.t({"u":d,"v":e});k.t("4","12");k.L().1h(2a,1.0,r(){$(q).2b()})});$(\'.s-16 6,.H-M 6,.s-17 6\').1f(\'2c\',r(){w($.2d.2e){3 a=$(q).y(\'.7-4\');3 b=$(q).11(\'a\').y(\'.7-4\');l=2f(r(){a.L().t("4","D");b.L().t("4","D")},2g)}Z{$(\'.7-4\').L().1h(0,0.0)}})}});',62,141,'|||var|visibility||img|pinit||position||||||||||||||||style|this|function|entry|css|top|left|if|none|next||loadpinitbutton|case|break|hidden|outerWidth|true|outerHeight|post|attr|box|shadow|stop|body|class|src|button|margin|find|title|typeof|pinit_button_before|undefined|pinit_button_after|pinitURL|href|else|opacity|parent|visible|custom_pinit_button|com|hoverCheck|content|summary|nopin|clearTimeout|parseInt|replace|gi|div|display|on|onmouseover|fadeTo|jQuery|document|ready|append|hide|load|remove|html|indexOf|helplogger|blogspot|not|mouseenter|switch|pinit_button_position|center|topright|topleft|bottomright|bottomleft|prop|closest|hentry|header|text|length|location|absolute|index|9999|http|pinterest|pin|create|url|media|description|block|outline|target|_blank|pinimg|moz|webkit|background|transparent|padding|border|Pin|Pinterest|is|hasClass|after|pinitOnHover|300|show|mouseleave|browser|msie|setTimeout|3000'.split('|'),0,{}))

//]]>

</script>

 

Cara merubah tampilan pin

Tampilan Pin pada kode di atas bisa kamu buat custome sesuai dengan keinginan kamu. Kamu bisa merubah tampilan gambar pin sesuai dengan keinginan atau kamu cukup menggunakan tombol custome.

Untuk merubah posisi pin kamu bisa melihat mencari kode di bawah ini

var pinit_button_position = "center";

Untuk merubah posisi pin pada gambar di blogspot kamu bisa merubah kode yang saya beri stabilo Kuning itu dengan beberapa kode seperti di bawah ini.

topleft

topright

bottomleft

bottomright

lalu setelah kamu edit maka tahap terakhir adalah dengan menyimpan kode yang sudah kamu edit pada template blogspot kamu.

Baca Juga Cara Membuat Dan Memasang Tombol Blogspot Widget Follow Us Banyak Media Sosial Di Blog Kamu

Kamu bisa melihat hasilnya karena jika berhasil, maka setiap foto yang ada di blogspot kamu akan menampilkan tombol pin dari Pinterest seperti pada gambar di awal artikel ini.

Menggunakan tombol media sosial sangat bagus bagi blog kamu karena dengan menggunakan tambahan blogspot widget ini maka bisa memudahkan para pengunjung blogspot kamu untuk sharing artikel yang menurut mereka menarik.

Jadi wajib banget kamu untuk menambahkan tombol share media sosial agar artikel pada blog kamu semakin banyak di kunjungi oleh para pencari informasi.

Sekian dulu artikel newbie kali ini dengan judul Cara Pasang Blogspot Widget Tombol Pinterest Di Semua Gambar Blog

Share this post