ภาพตัวอย่าง
มาดูวิธีนำ โค้ดโซเซียล Touch Me Share Widget แต่งบล็อกเกอร์ (Blogger) ให้สวยๆกัน ครับ
ไม่ยากครับเพียงแค่ ก็อปโค้ด แล้วนำไปวางใส่ HTML ของบล็อกเกอร์ ก็ได้แล้วครับ
_________________________________________CODE___________________________________
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUfoejxMLLL-j2gbeutd0ENt-MIdiBJJTZVklH3hPOOYFkUqwIvmQeDYTIywm2aPqLSYYKq-dmbO-Woc8yVXZNXGgOsewbkeRJma_DxL53WGcsezFogVq1isWUv7JLJ-O8vLmC2jkzeFm/s1600/Sharing+Touch+Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>
</div>
_________________________________________CODE___________________________________
ปล. อย่าก็อปเอาที่ขีดเส้นกันไปด้วยล่ะ เอาแต่โค้ด
วิธีนำโค้ดไปใส่ใน HTML ของบล็อกเกอร์
ไปที่ รูปแบบ เพิ่ม Gadget เลื่อนหา HTML จาวาสคิปต์
วางโค้ดที่ได้ใส่ลงไป ใส่หัวข้อ หรือไม่ใส่ก็ได้ ครับ ถ้าท่านจำได้
เสร็จแล้วก็กด บันทึก จัดเรียงตามต้องการได้เลยครับ
โดย VinsLike.เรียบเรียงใหม่
หากเนื้อหาใดไม่เหมาะสม กรุณาแจ้งกับทางเรา
ขอบคุณข้อมูลและที่มา.
แสดงความคิดเห็น