วิธีนำโค้ดโซเซียล Touch Me Share Widget แต่งบล็อกเกอร์ (Blogger)

ภาพตัวอย่าง

มาดูวิธีนำ โค้ดโซเซียล 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.เรียบเรียงใหม่

หากเนื้อหาใดไม่เหมาะสม กรุณาแจ้งกับทางเรา

ขอบคุณข้อมูลและที่มา.