วิธีการเพิ่มไอคอน Social Bookmaking ไปยัง Blogger
วิธีทำ ทำอย่างไรมาดูกันอีกครับ
ไปที่แผงควบคุมของ Blogger >> รูปแบบ เลือก HTML / JavaScript
วาง code ด่านล่างและบันทึก
<style>p#hb_socialicons img {
/* Social Icons With CSS3 For Blogger */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Social Icons With CSS3 For Blogger */
</style>
<center><p id="hb_socialicons">
<a href="http://www.facebook.com/ YOUR ID /">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirm_NdDApQVbxMkqrM2qhGcMwfrxqfy1WXBp1ycvlaB5ievVIo3_3CVYLVIgSGDFshjVPr-mFwPZ4Ot43Kt01FhG0Sp1wZEmYsgodcke-oCb3TN9nTiV5SLpIrdW-DdrcdLzQJgyaB62k/s1600/helperblogger.com-facebook.png" /></a>
<a href="http://www.twitter.com/ YOUR ID /">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs366ApJA4LnCKpB5VioVhBFlovVBdj2POjMxJRtmN-YurGPfj6ZagwNQ-eTQrPfVtR1XLM-ttporblYfWwdvF23CZDVY3S5jTWbi1BMjcmNv8Mm7SRs07DZTG1etGJNo-23FMNJc3LIE/s1600/helperblogger.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/ YOUR ID ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir84-8cCyMBRNB_qa13-vRlcb-fhim5eOsVYvyRPgS3linePUxL97RrryZVP0WosQFIw6AfrShRHojHYFRhE3HfSjHy2S6Szg0vw2tgEMKGCneXZqm_yM75FY6QVBOVbiVk7VWwlj4mls/s1600/helperblogger.com-google_plus.png" /></a>
<a href="http://www.feeds.feedburner.com/ YOUR ID /">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGudaTgklnUdO84iyka79_LLnHRvjdbg1bSiCsvlR-FApD5afEUpZa3e_q5MduoI70SxgTYSQXkBuHQGHVH08doUXFcL59V5LK3VG86gkxJtt3U4XTfof7Ak87NjlRUeBiQ0TMtQSMJM/s1600/helperblogger.com-rss.png" /></a>
<a href="http://www.youtube.com/ YOUR ID /">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyLd56t5TNS3FthHCHVC_HrnbzOZeSVr-loZcpA9wprRvyaGSTshsgP5kMafA3kFE0HtbKt0v_RyYMPyKvFq68D_w5Q-uBw8_YkTjZ5RtVOoU9NxLg5jxRDwniFYmXaU-dlqjkvXHEIUs/s1600/helperblogger.com-youtube.png" /></a>
</p></center>
เสร็จแล้วบันทึก แล้วไปดูบล็อกกันเลย รับรองไม่ผิดหวังครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น