Sunday, June 5, 2016

membuat tombol share

Membuat iconshare facebook dan twitter di  blog anda














 Caranya sebabagi berikut :

1. letakkan scrip  dibawah ini tepat diatas </style> atau ]]></b:skin> ( untuk mempermudah pencarian tekan ctrl +  f, lalu copy paste code ]]></b:skin> dan enter)

.article-share-masyadi{width:100%;height:43px;margin-bottom:10px}
.article-share-fb-cont,.article-share-other-cont{float:left;width:138px;width:114px;padding:0 7px;height:inherit}
.article-share-tw-cont,.article-share-other-cont,.article-share-like-cont{float:left;width:114px;height:inherit;padding:0 7px;border-left:solid 1px #d8d8d8}
.article-share-fb-cont,.article-share-other-cont{float:left;width:138px;width:114px;padding:0 7px;height:inherit}
.article-share-fb,.article-share-tw,.article-share-gp,.article-share-li,.article-share-pi{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfkmR6I-LkveEp-cjAyycEer2A-IXNFefSJlgVTtp5KotQdkvADZ0WcmH-4PZbA_pCZNkneZ-rLtresqgFXOC0x8Rr0SFcvkhnxFIY6gtqA3wT2nl1nF0914lphQDWMtEAzqsz_8Nv2sE/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
.article-share-fb-label{color:#2d609b}
.article-share-fb-label,.article-share-tw-label,.article-share-gp-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
.article-share-tw{background-position:0 -43px}
.article-share-tw-label{color:#00c3f3}
.article-share-gp{background-position:0 -86px}
.article-share-gp-label{color:#f00}

2.dan letakan lagi scrip dibawah ini tepat dibawah <data:post.body/>

<div class='article-share-masyadi'>
<div class='article-share-fb-cont'>
<a class='article-share-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'></a>
<a class='article-share-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a>
</div>
<div class='article-share-tw-cont'>
<a class='article-share-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'></a>
<a class='article-share-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a>
</div>
<div class='article-share-other-cont'>
<a class='article-share-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'></a>
<a class='article-share-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a>
</div>
</div>

3.kemudian di save  dan view blog



untuk selanjutnya REDIRECT caranya adalah :


Berikut ini adalah step by step cara redirect link :
  1. Buka blogger
  2. Buka template > edit template
  3. Cari kode </head> ( untuk mempermudah pencarian tekan ctrl +  f ,lalu copy paste code </head> dan enter )
  4. Pastekan kode tersebut dibawah ini tepat diatas kode </head>
<script type="text/javascript">
  window.location="http://cara-terindah.blogspot.com";
</script>
dan ganti alamat web sesuai yang dituju

Finish, silahkan dicek apakah berhasil atau tidak dengan membuka web/blog yang sudah dipasang kode redirect link tersebut.

No comments:

Post a Comment