Tạo nút truyền thông xã hội nền gỗ cho Blogger

Trong bài viết này sẽ giải thích làm như thế nào để thêm nút chia sẻ xã hội phong cách gỗ cho blog của bạn. Đây chỉ là widget. Bạn có thể thêm nó vào blog của bạn dễ dàng. Tôi chỉ sử dụng Css với HTML.

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.


2. Bây giờ chọn " Giao diện "như dưới đây.









3. Bấm vào Thêm tiện ích và chọn "HTML / Javascript

4. Dán mã dưới đây vào:

<style> /* Social Icons ----------------------------------------------- */ a.social-icons { margin-right: 5px; /*Adjust This Value As Needed*/ height:45px; width:45px; } a.social-icons:hover { opacity: .7; filter:alpha(opacity=70); /* For IE8 and earlier */ } height:45px; width:45px; </style> <a class="social-icons" href="https://facebook.com/haridang"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEDAwWK8IUFJQ1u-wZABiRFTXwNMiAbVVHJYvxWz7E-qsLMav4zK_0Tqd0JCExq68jv5qWDFdcbOpuXiHzgI4WItxO4gsWRFJQVeToYZfoBqB45hx7IDsOkrcRCBYhhJ-pMGlmcrSB2CY/s1600/btrix_facebook-icon.png" /></a> <a class="social-icons" href="https://twitter.com/haridang"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8CkKLEJHz2YWiBaGXK0C6kRnGY2wsxunkZ7i7Kx-e8-gI0NrlOAQ5iKB72H_w9AKpYKuPDKN4XlXpS1ZEI_Nq2wqpBv3zDGAdyjw2z1YancgfWQksQHYFbl33iPpl7la3vYwLoXiIxY/s1600/btrix_twitter-icon.png" /></a> <a class="social-icons" href="https://digg.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEv62ri6ocsqQJ1vCcPiFx0uJpmYBkEocRcVKfq6p52Ez8nqWnUT-dtBHepLnDTsaORnfELK791Z9G4KK18TF1ujFbNmdeRvXnZzWmzwCWyQew5kohzwJu3NnajYI-FP8CKYD5Yx8_88/s1600/btrix_digg-icon.png" /></a> <a class="social-icons" href="http://www.feedburner.com/haridang"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPr7FgL86uLLNrOgGu5ds-ousOLme94QjokIjn6zNfksykrJQkGGQ5XiWYzTOWJrFdwsi5HppYPBUvUlMN6cVMchyM7GqUO7KEgbxie19cG3Pjffd7XEvGmdt0xWzHaSVW-xQFHJfy8ys/s1600/btrix_rss-icon.png" /></a> <a class="social-icons" href="http://stumbleupon.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4yESSS-elZ2Tv_eMKNmTV4i9p2fvneE2LdKChysDtYiouvzFmS2BKuU4F3IXbMDH1-lwXp6phFenV7hU1WO5C5bThsdNP7PYe4PS-Cm409RgQUmMWJJsYiRSN5LPvm7yVDxoLQM4nFA/s1600/btrix_stumble-icon.png" /></a>


Sau khi dán mã ở trên

* Thay thế haridang với Tên truy nhập facebook của bạn

* Thay thế haridang với Tên truy twitter của bạn

* Thay thế UserId với Digg

* Thay thế haridang với tên Feedburner của bạn

* Thay thế username với tên Stumbleupon của bạn


5. Bây giờ lưu của bạn HTML / Javascript bạn đang thực hiện.


Chúc bạn thành công !...