Thêm Biểu tượng xã hội CSS cho Blogger
Bước 1 :
Thêm code HTMLTới Blog Tiêu đề → Layout → Thêm Widget → HTML / JavaScript. Dán mã dưới đây vào hộp.
<style>#social img {-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;}#social img:hover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}.CSS_LIGHTBOX_BG_MASK{background-color:#990000 !important;opacity: 0.8 !important;}.post img {max-width:95% !important;}
</style>
<br /><center><div id="social"><a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizghmKUFAofL1o7D1vdifmogCa1AiWQGeFx8FTLJDxYwJe46ct7t-gM-dgeIG673Mxj1jOX_RLkeM_9x-mOaKYdievZn40BhzG7o-YaT_atBvFLHPBlwzfW6aGbIZN8lmzFmYkvzdQ_tal/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKKQsJgHLinM8PfleCPEBnNL8HVgj0Gy4IFKuc5W9lzbsBnv41U1b4YzwRb3-cxI_dVcLdZx9YJubjC4xzB68XopxyHmfIiDHTAWi1Hm4X_J4evugl8aI9vpdbaWl1c4uHGEZBdV3rmWh/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8Cz5dzrNf3SQoQqTivT5bcC2NnAj3AH0tpwToXk40B-E2-tSbO6klc4Eo072-z-9rnpItrwmRPf7n5iI0dNaYi8PqMxO8biOW9kxBvvoqBpPpzPyk9bGo83eT7SGXU85m0CdPNJlHIW3/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7s7ifv9BsPWCnwWfCPSameAIroWvJGnkCZ-HiXXuny22CM_WH6foBWWjc-uMdTKq1DmIaCrOnv_EXmZ2NR8uZnOSN-KOInwIUqPfwKgPvHCi57sniW4pdG1BBSGYoOzz2dQeC4CQTphvL/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQeNpQ2xLBiuuSFP9Oicg4WwTv0y54vdeXMnGHULO5K21Z2XLl2QO_4oaWj97Fd7Efqon1IiKTB5VwyJQ9p8xLwIOR3HIME5GzuuUzllof0b9RT2UJLBGer1tNBVXmgsIFj7J4e5VGZl27/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7l5enRC7alT1a22KtQLoyuAHVGKT7zk-n66yiMYuYpN7FNGy6ZNwzwJcNBA7umB2t8w-aUq2HGLZzhbtUldCrTiFkyzI_s1cGOrHAVNCTC7t9BgZLIW5K_XeYylfiunPnVuN_ElOLqy67/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div></center>
Bước 2:
Chỉnh sửa Liên kếtChỉnh sửa các liên kết tô màu thành link của bạn. Hồng Designer chúc các bạn thành công.
ConversionConversion EmoticonEmoticon