表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


このブログで設置していたソーシャルボタンのまとめ

このブログで設置していたソーシャルボタンのまとめ

  • Twitter
  • Google+
  • facebook
  • tumblr
  • hatena

JUGEMの独自タグに置き換えてみようかと思いました。

  • Pocket
    ※これはこちらから
  • mixi check:{mixi_check1}
  • Pinterest:{pinterest_pin_it}
  • love clap:{love_clap}
  • Twitter:{tweet_button_vertical_en}
  • Google+:{google_plus_one_tall}
  • facebook:{facebook_box}
  • hatena:{hatena_bookmark_vertical}

コメント欄にFacebookコメント

  • Facebookコメント:{facebook_comment}
今まで設置していたソーシャルボタン用のHTML
<div class="entryLoveBtn"><div class="entryLove cidDN">{love_clap}</div></div>
<div class="pinteRestBtn"><div class="pinteRest cidDN">{pinterest_pin_it}</div></div>
<!-- Social Button -->
<div id="socialButton">

<ul><li>
<!--Twitter-->
<a href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());" target="_blank"><img src="http://www.google.com/s2/favicons?domain=twitter.com"></a>

<!--Google+ Share-->
<a href="javascript:(function(){var w=480;var h=380;var x=Number((window.screen.width-w)/2);var y=Number((window.screen.height-h)/2);window.open('https://plusone.google.com/_/+1/confirm?hl=en&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'','width='+w+',height='+h+',left='+x+',top='+y+',scrollbars=no');})();" target="_blank"><img src="http://www.google.com/s2/favicons?domain=plus.google.com"></a>

<!--facebook Share-->
<a href="javascript:var d=document,f='https://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1332750188&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*¥.)?facebook¥.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)" target="_blank">
<img src="http://www.google.com/s2/favicons?domain=facebook.com"></a>

<!--tumblr Share-->
<a href="javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href) +'&t='+e(d.title) +'&s='+e(s),u=f+p;try{if(!/^(.*¥.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)" target="_blank">
<img src="http://www.google.com/s2/favicons?domain=tumblr.com"></a>

<!--hatena Share-->
<a href="javascript:(function(){var d=(new Date);var s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})();" target="_blank">
<img src="http://www.google.com/s2/favicons?domain=hatena.com"></a>
</li></ul>

</div>
<!-- /Social Button -->
今まで設置していたソーシャルボタン用のCSS
/* pinterestボタン */
.pinteRestBtn {float:right;}

.pinteRest {
margin:0 0 0 0;
width:43px;
/*height:12px;*/
padding:0;
/*background-color: #ffffff;*/
}

/* LOVEボタン */    
.entryLoveBtn {float:right;}

.entryLove {
margin:0 0 0 0;
width:64px;
/*height:21px;*/
padding:4px 0 0 4px;
/*background-color: #ffffff;*/
}

/* ソーシャルボタンの調整 */

.service_button {
float:left !important;
width: 500px !important; /**/
height:20px !important;
background-color: #ffffff !important;
vertical-align:middle !important;
margin:25px 0 20px 0 !important;
padding:2px 0 0 0px !important;
}

.service_button .twitter-share-button {padding:0 0 0 0 !important;}
.service_button .twitter-count-none {padding:0 0 0 0 !important;}
.service_button .mixi-check-button a img {margin:0 !important; padding:0 0 0 0 !important;}

.service_button .fb_ltr {top:-5px; }

html>/**/body .service_button .fb_ltr {
 top/***/: 1px¥9 !important;
}

スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック
このブログで設置していたソーシャルボタンのまとめ | My First JUGEM Template! こちらでまとめてみました
  • お気楽に行こう (^。^)y-.。o○
  • 2013/05/16 3:59 PM