segunda-feira, 21 de setembro de 2015

Font icons blog link

Font-awesome-icons


Hoje vamos mostrar aqui como adicionar incrível ícones depois de um link é uma forma também de você interagir com o usuário podendo colocar ícones no seu texto é algo muito criativo o que

Para adicionar siga os passos:

Faça login no blogger >> vá no menu modelo >> editar html
então com as teclas combinadas CTRL+F busque por  <head>  e então copie o código abaixo e cole
depois disso

<link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>


Busque  pelo código </head>  copie o código abaixo e cole antes disso

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.post-body a{font-weight:700;position:relative;padding-right:20px;display:inline-block;}
.post-body a:before{content:'\f14c ';font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;color:#333;position:absolute;bottom:0;right:0;font-size:14px;}
/*]]>*/
</style>
</b:if>

Clique em salvar

Customização se você pretende modificar o link externo visualize a tabela abaixo e substitua \f14c em amarelo

 fa-adjust [f042]
 fa-adn [f170]
 fa-align-center [f037]
 fa-align-justify [f039]
 fa-align-left [f036]
 fa-align-right [f038]
 fa-ambulance [f0f9]
 fa-anchor [f13d]
 fa-android [f17b]
 fa-angellist [f209]
 fa-angle-double-down [f103]
 fa-angle-double-left [f100]
 fa-angle-double-right [f101]
 fa-angle-double-up [f102]
 fa-angle-down [f107]
 fa-angle-left [f104]
 fa-angle-right [f105]
 fa-angle-up [f106]
 fa-apple [f179]
 fa-archive [f187]
 fa-area-chart [f1fe]
 fa-arrow-circle-down [f0ab]
 fa-arrow-circle-left [f0a8]
 fa-arrow-circle-o-down [f01a]
 fa-arrow-circle-o-left [f190]
 fa-arrow-circle-o-right [f18e]
 fa-arrow-circle-o-up [f01b]
 fa-arrow-circle-right [f0a9]
 fa-arrow-circle-up [f0aa]
 fa-arrow-down [f063]
 fa-arrow-left [f060]
 fa-arrow-right [f061]
 fa-arrow-up [f062]
 fa-arrows [f047]
 fa-arrows-alt [f0b2]
 fa-arrows-h [f07e]
 fa-arrows-v [f07d]
 fa-asterisk [f069]
 fa-at [f1fa]
 fa-automobile (alias) [f1b9]
 fa-backward [f04a]
 fa-ban [f05e]
 fa-bank (alias) [f19c]
 fa-bar-chart [f080]
 fa-bar-chart-o (alias) [f080]
 fa-barcode [f02a]
 fa-bars [f0c9]
 fa-bed [f236]
 fa-beer [f0fc]
 fa-behance [f1b4]
 fa-behance-square [f1b5]
 fa-bell [f0f3]
 fa-bell-o [f0a2]
 fa-bell-slash [f1f6]
 fa-bell-slash-o [f1f7]
 fa-bicycle [f206]
 fa-binoculars [f1e5]
 fa-birthday-cake [f1fd]
 fa-bitbucket [f171]
 fa-bitbucket-square [f172]
 fa-bitcoin (alias) [f15a]
 fa-bold [f032]
 fa-bolt [f0e7]
 fa-bomb [f1e2]
 fa-book [f02d]
 fa-bookmark [f02e]
 fa-bookmark-o [f097]
 fa-briefcase [f0b1]
 fa-btc [f15a]
 fa-bug [f188]
 fa-building [f1ad]
 fa-building-o [f0f7]
 fa-bullhorn [f0a1]
 fa-bullseye [f140]
 fa-bus [f207]
 fa-buysellads [f20d]
 fa-cab (alias) [f1ba]
 fa-calculator [f1ec]
 fa-calendar [f073;]
 fa-calendar-o [f133]
 fa-camera [f030]
 fa-camera-retro [f083]
 fa-car [f1b9;]
 fa-caret-down [f0d7]
 fa-caret-left [f0d9]
 fa-caret-right [f0da]
 fa-caret-square-o-down [f150]
 fa-caret-square-o-left [f191]
 fa-caret-square-o-right [f152]
 fa-caret-square-o-up [f151]
 fa-caret-up [f0d8]
 fa-cart-arrow-down [f218]
 fa-cart-plus [f217]
 fa-cc [f20a]
 fa-cc-amex [f1f3]
 fa-cc-discover [f1f2]
 fa-cc-mastercard [f1f1]
 fa-cc-paypal [f1f4]
 fa-cc-stripe [f1f5]
 fa-cc-visa [f1f0]
 fa-certificate [f0a3]
 fa-chain (alias) [f0c1]
 fa-chain-broken [f127]
 fa-check [f00c]
 fa-check-circle [f058]
 fa-check-circle-o [f05d]
 fa-check-square [f14a]
 fa-check-square-o [f046]
 fa-chevron-circle-down [f13a]
 fa-chevron-circle-left [f137]
 fa-chevron-circle-right [f138]
 fa-chevron-circle-up [f139]
 fa-chevron-down [f078]
 fa-chevron-left [f053]
 fa-chevron-right [f054]
 fa-chevron-up [f077]
 fa-child [f1ae]
 fa-circle [f111]
 fa-circle-o [f10c]
 fa-circle-o-notch [f1ce]
 fa-circle-thin [f1db]
 fa-clipboard [f0ea]
 fa-clock-o [f017]
 fa-close (alias) [f00d]
 fa-cloud [f0c2]
 fa-cloud-download [f0ed]
 fa-cloud-upload [f0ee]
 fa-cny (alias) [f157]
 fa-code [f121]
 fa-code-fork [f126]
 fa-codepen [f1cb]
 fa-coffee [f0f4]
 fa-cog [f013]
 fa-cogs [f085]
 fa-columns [f0db]
 fa-comment [f075]
 fa-comment-o [f0e5]
 fa-comments [f086]
 fa-comments-o [f0e6]
 fa-compass [f14e]
 fa-compress [f066]
 fa-connectdevelop [f20e]
 fa-copy (alias) [f0c5]
 fa-copyright [f1f9]
 fa-credit-card [f09d]
 fa-crop [f125]
 fa-crosshairs [f05b]
 fa-css3 [f13c]
 fa-cube [f1b2]
 fa-cubes [f1b3]
 fa-cut (alias) [f0c4]
 fa-cutlery [f0f5]
 fa-dashboard (alias) [f0e4]
 fa-dashcube [f210]
 fa-database [f1c0]
 fa-dedent (alias) [f03b]
 fa-delicious [f1a5]
 fa-desktop [f108]
 fa-deviantart [f1bd]
 fa-diamond [f219]
 fa-digg [f1a6]
 fa-dollar (alias) [f155]
 fa-dot-circle-o [f192]
 fa-download [f019]
 fa-dribbble [f17d]
 fa-dropbox [f16b]
 fa-drupal [f1a9]
 fa-edit (alias) [f044]
 fa-eject [f052]
 fa-ellipsis-h [f141]
 fa-ellipsis-v [f142]
 fa-empire [f1d1]
 fa-envelope [f0e0]
 fa-envelope-o [f003]
 fa-envelope-square [f199]
 fa-eraser [f12d]
 fa-eur [f153]
 fa-euro (alias) [f153]
 fa-exchange [f0ec]
 fa-exclamation [f12a]
 fa-exclamation-circle [f06a]
 fa-exclamation-triangle [f071]
 fa-expand [f065;
 fa-external-link [f08e]
 fa-external-link-square [f14c]
 fa-eye [f06e]
 fa-eye-slash [f070]
 fa-eyedropper [f1fb]
 fa-facebook [f09a]
 fa-facebook-f (alias) [f09a]
 fa-facebook-official [f230]
 fa-facebook-square [f082]
 fa-fast-backward [f049]
 fa-fast-forward [f050]
 fa-fax [f1ac]
 fa-female [f182]
 fa-fighter-jet [f0fb]
 fa-file [&#xf15b;]
 fa-file-archive-o [f1c6]
 fa-file-audio-o [f1c7]
 fa-file-code-o [f1c9]
 fa-file-excel-o [f1c3]
 fa-file-image-o [f1c5]
 fa-file-movie-o (alias) [f1c8]
 fa-file-o [f016]
 fa-file-pdf-o [f1c1]
 fa-file-photo-o (alias) [f1c5]
 fa-file-picture-o (alias) [f1c5]
 fa-file-powerpoint-o [&#xf1c4;]
 fa-file-sound-o (alias) [&#xf1c7;]
 fa-file-text [&#xf15c;]
 fa-file-text-o [&#xf0f6;]
 fa-file-video-o [&#xf1c8;]
 fa-file-word-o [&#xf1c2;]
 fa-file-zip-o (alias) [&#xf1c6;]
 fa-files-o [&#xf0c5;]
 fa-film [&#xf008;]
 fa-filter [&#xf0b0;]
 fa-fire [&#xf06d;]
 fa-fire-extinguisher [&#xf134;]
 fa-flag [&#xf024;]
 fa-flag-checkered [&#xf11e;]
 fa-flag-o [&#xf11d;]
 fa-flash (alias) [&#xf0e7;]
 fa-flask [&#xf0c3;]
 fa-flickr [&#xf16e;]
 fa-floppy-o [&#xf0c7;]
 fa-folder [&#xf07b;]
 fa-folder-o [&#xf114;]
 fa-folder-open [&#xf07c;]
 fa-folder-open-o [&#xf115;]
 fa-font [&#xf031;]
 fa-forumbee [&#xf211;]
 fa-forward [&#xf04e;]
 fa-foursquare [&#xf180;]
 fa-frown-o [&#xf119;]
 fa-futbol-o [&#xf1e3;]
 fa-gamepad [&#xf11b;]
 fa-gavel [&#xf0e3;]
 fa-gbp [&#xf154;]
 fa-ge (alias) [&#xf1d1;]
 fa-gear (alias) [&#xf013;]
 fa-gears (alias) [&#xf085;]
 fa-genderless (alias) [&#xf1db;]
 fa-gift [&#xf06b;]
 fa-git [&#xf1d3;]
 fa-git-square [&#xf1d2;]
 fa-github [&#xf09b;]
 fa-github-alt [&#xf113;]
 fa-github-square [&#xf092;]
 fa-gittip (alias) [&#xf184;]
 fa-glass [&#xf000;]
 fa-globe [&#xf0ac;]
 fa-google [&#xf1a0;]
 fa-google-plus [&#xf0d5;]
 fa-google-plus-square [&#xf0d4;]
 fa-google-wallet [&#xf1ee;]
 fa-graduation-cap [&#xf19d;]
 fa-gratipay [&#xf184;]
 fa-group (alias) [&#xf0c0;]
 fa-h-square [&#xf0fd;]
 fa-hacker-news [&#xf1d4;]
 fa-hand-o-down [&#xf0a7;]
 fa-hand-o-left [&#xf0a5;]
 fa-hand-o-right [&#xf0a4;]
 fa-hand-o-up [&#xf0a6;]
 fa-hdd-o [&#xf0a0;]
 fa-header [&#xf1dc;]
 fa-headphones [&#xf025;]
 fa-heart [&#xf004;]
 fa-heart-o [&#xf08a;]
 fa-heartbeat [&#xf21e;]
 fa-history [&#xf1da;]
 fa-home [&#xf015;]
 fa-hospital-o [&#xf0f8;]
 fa-hotel (alias) [&#xf236;]
 fa-html5 [&#xf13b;]
 fa-ils [&#xf20b;]
 fa-image (alias) [&#xf03e;]
 fa-inbox [&#xf01c;]
 fa-indent [&#xf03c;]
 fa-info [&#xf129;]
 fa-info-circle [&#xf05a;]
 fa-inr [&#xf156;]
 fa-instagram [&#xf16d;]
 fa-institution (alias) [&#xf19c;]
 fa-ioxhost [&#xf208;]
 fa-italic [&#xf033;]
 fa-joomla [&#xf1aa;]
 fa-jpy [&#xf157;]
 fa-jsfiddle [&#xf1cc;]
 fa-key [&#xf084;]
 fa-keyboard-o [&#xf11c;]
 fa-krw [&#xf159;]
 fa-language [&#xf1ab;]
 fa-laptop [&#xf109;]
 fa-lastfm [&#xf202;]
 fa-lastfm-square [&#xf203;]
 fa-leaf [&#xf06c;]
 fa-leanpub [&#xf212;]
 fa-legal (alias) [&#xf0e3;]
 fa-lemon-o [&#xf094;]
 fa-level-down [&#xf149;]
 fa-level-up [&#xf148;]
 fa-life-bouy (alias) [&#xf1cd;]
 fa-life-buoy (alias) [&#xf1cd;]
 fa-life-ring [&#xf1cd;]
 fa-life-saver (alias) [&#xf1cd;]
 fa-lightbulb-o [&#xf0eb;]
 fa-line-chart [&#xf201;]
 fa-link [&#xf0c1;]
 fa-linkedin [&#xf0e1;]
 fa-linkedin-square [&#xf08c;]
 fa-linux [&#xf17c;]
 fa-list [&#xf03a;]
 fa-list-alt [&#xf022;]
 fa-list-ol [&#xf0cb;]
 fa-list-ul [&#xf0ca;]
 fa-location-arrow [&#xf124;]
 fa-lock [&#xf023;]
 fa-long-arrow-down [&#xf175;]
 fa-long-arrow-left [&#xf177;]
 fa-long-arrow-right [&#xf178;]
 fa-long-arrow-up [&#xf176;]
 fa-magic [&#xf0d0;]
 fa-magnet [&#xf076;]
 fa-mail-forward (alias) [&#xf064;]
 fa-mail-reply (alias) [&#xf112;]
 fa-mail-reply-all (alias) [&#xf122;]
 fa-male [&#xf183;]
 fa-map-marker [&#xf041;]
 fa-mars [&#xf222;]
 fa-mars-double [&#xf227;]
 fa-mars-stroke [&#xf229;]
 fa-mars-stroke-h [&#xf22b;]
 fa-mars-stroke-v [&#xf22a;]
 fa-maxcdn [&#xf136;]
 fa-meanpath [&#xf20c;]
 fa-medium [&#xf23a;]
 fa-medkit [&#xf0fa;]
 fa-meh-o [&#xf11a;]
 fa-mercury [&#xf223;]
 fa-microphone [&#xf130;]
 fa-microphone-slash [&#xf131;]
 fa-minus [&#xf068;]
 fa-minus-circle [&#xf056;]
 fa-minus-square [&#xf146;]
 fa-minus-square-o [&#xf147;]
 fa-mobile [&#xf10b;]
 fa-mobile-phone (alias) [&#xf10b;]
 fa-money [&#xf0d6;]
 fa-moon-o [&#xf186;]
 fa-mortar-board (alias) [&#xf19d;]
 fa-motorcycle [&#xf21c;]
 fa-music [&#xf001;]
 fa-navicon (alias) [&#xf0c9;]
 fa-neuter [&#xf22c;]
 fa-newspaper-o [&#xf1ea;]
 fa-openid [&#xf19b;]
 fa-outdent [&#xf03b;]
 fa-pagelines [&#xf18c;]
 fa-paint-brush [&#xf1fc;]
 fa-paper-plane [&#xf1d8;]
 fa-paper-plane-o [&#xf1d9;]
 fa-paperclip [&#xf0c6;]
 fa-paragraph [&#xf1dd;]
 fa-paste (alias) [&#xf0ea;]
 fa-pause [&#xf04c;]
 fa-paw [&#xf1b0;]
 fa-paypal [&#xf1ed;]
 fa-pencil [&#xf040;]
 fa-pencil-square [&#xf14b;]
 fa-pencil-square-o [&#xf044;]
 fa-phone [&#xf095;]
 fa-phone-square [&#xf098;]
 fa-photo (alias) [&#xf03e;]
 fa-picture-o [&#xf03e;]
 fa-pie-chart [&#xf200;]
 fa-pied-piper [&#xf1a7;]
 fa-pied-piper-alt [&#xf1a8;]
 fa-pinterest [&#xf0d2;]
 fa-pinterest-p [&#xf231;]
 fa-pinterest-square [&#xf0d3;]
 fa-plane [&#xf072;]
 fa-play [&#xf04b;]
 fa-play-circle [&#xf144;]
 fa-play-circle-o [&#xf01d;]
 fa-plug [&#xf1e6;]
 fa-plus [&#xf067;]
 fa-plus-circle [&#xf055;]
 fa-plus-square [&#xf0fe;]
 fa-plus-square-o [&#xf196;]
 fa-power-off [&#xf011;]
 fa-print [&#xf02f;]
 fa-puzzle-piece [&#xf12e;]
 fa-qq [&#xf1d6;]
 fa-qrcode [&#xf029;]
 fa-question [&#xf128;]
 fa-question-circle [&#xf059;]
 fa-quote-left [&#xf10d;]
 fa-quote-right [&#xf10e;]
 fa-ra (alias) [&#xf1d0;]
 fa-random [&#xf074;]
 fa-rebel [&#xf1d0;]
 fa-recycle [&#xf1b8;]
 fa-reddit [f1a1]
 fa-reddit-square [f1a2]
 fa-refresh [f021]
 fa-remove (alias) [f00d]
 fa-renren [f18b]
 fa-reorder (alias) [f0c9]
 fa-repeat [f01e]
 fa-reply [f112]
 fa-reply-all [f122]
 fa-retweet [f079]
 fa-rmb (alias) [f157]
 fa-road [f018]
 fa-rocket [f135]
 fa-rotate-left (alias) [f0e2]
 fa-rotate-right (alias) [f01e]
 fa-rouble (alias) [f158]
 fa-rss [f09e]
 fa-rss-square [f143]
 fa-rub [f158]
 fa-ruble (alias) [f158]
 fa-rupee (alias) [f156]
 fa-save (alias) [f0c7]
 fa-scissors [f0c4]
 fa-search [f002]
 fa-search-minus [f010]
 fa-search-plus [f00e]
 fa-sellsy [f213;]
 fa-send (alias) [f1d8]
 fa-send-o (alias) [f1d9]
 fa-server [f233]
 fa-share [f064]
 fa-share-alt [f1e0]
 fa-share-alt-square [f1e1]
 fa-share-square [f14d]
 fa-share-square-o [f045]
 fa-shekel (alias) [f20b]
 fa-sheqel (alias) [f20b]
 fa-shield [f132]
 fa-ship [f21a]
 fa-shirtsinbulk [f214]
 fa-shopping-cart [f07a]
 fa-sign-in [f090]
 fa-sign-out [f08b]
 fa-signal [f012]
 fa-simplybuilt [f215]
 fa-sitemap [f0e8]
 fa-skyatlas [f216]
 fa-skype [f17e]
 fa-slack [f198]
 fa-sliders [f1de]
 fa-slideshare [f1e7]
 fa-smile-o [f118]
 fa-soccer-ball-o (alias) [f1e3]
 fa-sort [f0dc]
 fa-sort-alpha-asc [f15d]
 fa-sort-alpha-desc [f15e]
 fa-sort-amount-asc [f160]
 fa-sort-amount-desc [f161]
 fa-sort-asc [f0de]
 fa-sort-desc [f0dd]
 fa-sort-down (alias) [f0dd]
 fa-sort-numeric-asc [f162]
 fa-sort-numeric-desc [f163]
 fa-sort-up (alias) [f0de]
 fa-soundcloud [f1be]
 fa-space-shuttle [f197]
 fa-spinner [f110]
 fa-spoon [f1b1]
 fa-spotify [f1bc]
 fa-square [f0c8]
 fa-square-o [f096]
 fa-stack-exchange [f18d]
 fa-stack-overflow [f16c]
 fa-star [f005]
 fa-star-half [f089]
 fa-star-half-empty (alias) [f123]
 fa-star-half-full (alias) [f123]
 fa-star-half-o [f123]
 fa-star-o [f006]
 fa-steam [f1b6]
 fa-steam-square [f1b7]
 fa-step-backward [f048]
 fa-step-forward [f051]
 fa-stethoscope [f0f1]
 fa-stop [f04d]
 fa-street-view [f21d]
 fa-strikethrough [f0cc]
 fa-stumbleupon [f1a4]
 fa-stumbleupon-circle [f1a3]
 fa-subscript [f12c]
 fa-subway [f239]
 fa-suitcase [f0f2]
 fa-sun-o [f185]
 fa-superscript [f12b]
 fa-support (alias) [f1cd]
 fa-table [f0ce]
 fa-tablet [f10a]
 fa-tachometer [f0e4]
 fa-tag [f02b]
 fa-tags [f02c]
 fa-tasks [f0ae]
 fa-taxi [f1ba]
 fa-tencent-weibo [f1d5]
 fa-terminal [f120]
 fa-text-height [f034]
 fa-text-width [f035]
 fa-th [f00a]
 fa-th-large [f009]
 fa-th-list [f00b]
 fa-thumb-tack [f08d]
 fa-thumbs-down [f165]
 fa-thumbs-o-down [f088]
 fa-thumbs-o-up [f087]
 fa-thumbs-up [f164]
 fa-ticket [f145]
 fa-times [f00d]
 fa-times-circle [f057]
 fa-times-circle-o [f05c]
 fa-tint [f043]
 fa-toggle-down (alias) [f150]
 fa-toggle-left (alias) [f191]
 fa-toggle-off [f204]
 fa-toggle-on [f205]
 fa-toggle-right (alias) [f152]
 fa-toggle-up (alias) [f151]
 fa-train [f238]
 fa-transgender [f224]
 fa-transgender-alt [f225]
 fa-trash [f1f8]
 fa-trash-o [f014]
 fa-tree [f1bb]
 fa-trello [f181]
 fa-trophy [f091]
 fa-truck [f0d1]
 fa-try [f195]
 fa-tty [f1e4]
 fa-tumblr [f173]
 fa-tumblr-square [f174]
 fa-turkish-lira (alias) [f195]
 fa-twitch [f1e8]
 fa-twitter [f099]
 fa-twitter-square [f081]
 fa-umbrella [f0e9]
 fa-underline [f0cd]
 fa-undo [f0e2]
 fa-university [f19c]
 fa-unlink (alias) [f127]
 fa-unlock [f09c]
 fa-unlock-alt [f13e]
 fa-unsorted (alias) [f0dc]
 fa-upload [f093]
 fa-usd [f155]
 fa-user [f007]
 fa-user-md [f0f0]
 fa-user-plus [f234]
 fa-user-secret [f21b]
 fa-user-times [f235]
 fa-users [f0c0]
 fa-venus [f221]
 fa-venus-double [f226]
 fa-venus-mars [f228]
 fa-viacoin [f237]
 fa-video-camera [f03d]
 fa-vimeo-square [f194]
 fa-vine [f1ca]
 fa-vk [f189]
 fa-volume-down [f027]
 fa-volume-off [f026]
 fa-volume-up [f028]
 fa-warning (alias) [f071]
 fa-wechat (alias) [f1d7]
 fa-weibo [f18a]
 fa-weixin [f1d7]
 fa-whatsapp [f232]
 fa-wheelchair [f193]
 fa-wifi [f1eb]
 fa-windows [f17a]
 fa-won (alias) [f159]
 fa-wordpress [f19a]
 fa-wrench [f0ad]
 fa-xing [f168]
 fa-xing-square [f169]
 fa-yahoo [f19e]
 fa-yelp [f1e9]
 fa-yen (alias) [xf157]
 fa-youtube [f167]
 fa-youtube-play [f16a]
 fa-youtube-square [f166]

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner