Text effects to WOW your readers

Text effects to wow your readers

Text effects to WOW your readers

facebook 64twitter 64linkedin 64plus 64reddit 64tumblr 64 Written by Nina Alexander | Published: June 01, 2016
These days nearly everyone has a website. Naturally, we all want our website to look its best and present us, and the service we offer in the most visually appealing way.

Images are, of course, one of the ways to enhance a web page. Sometimes, however, images are not an option and a well-formatted and interestingly looking text is a much better solution.

How can you add interesting text to your website?

Depending on the platform you're chosen, you may have multiple options to edit your text. Some services, however, like WordPress and Blogger, which also happen to be the most common ones, are quite limited.

Plugins?

A way to solve this problem is to install one of the many plugins available. As you may know, however, this hides potential problems. What if the plugin author stops supporting it? Or if they decide to make the plugin paid? And what about slowing your website? These are just few of the things each website author is concerned when thinking about page enhancements.

Styling with HTML and CSS?

Luckily, there is another option. You can style your text with some CSS and add it to the HTML input section of your new post. The positive side of this is that you remain independent from plugin authors and your text will likely remain looking as you styled it for the next decade (things rarely change much in HTML & CSS). The negative side is that you need to understand HTML and CSS. Or maybe not?

The solution!

With Nevron Writer you can create stunning visual effects on your text without having to write a single line of code yourself. It is just like editing your text in Microsoft Word (or perhaps a little better).

Here are several examples we crafted for you + the code for them, which you can directly copy-paste in your page's HTML input section. For detailed instructions on how to create similar (or ever better) looking text, check these detailed tutorials here or get in touch with us:
Formatted text for WordPress
Formatted text for Blogger

Example

Welcome to my website!

The Code

<p style="direction:ltr;vertical-align:top;color:#000000;visibility:visible;border-collapse:separate;border-spacing:0 0;font:normal normal 10pt/1 'Arimo',sans-serif;text-decoration:none;clear:none;float:none;text-indent:0;page-break-before:auto;page-break-after:auto;position:static;text-align:center;background-color:#7fffd4;border:11px solid #20b2aa;margin:30px;padding:40px;"> <span style="color:#000000;visibility:visible;border:none;text-decoration:none;font:normal bold 48pt/normal 'Algerian',fantasy;">W</span><span style="color:#000000;visibility:visible;border:none;text-decoration:none;font:normal normal 36pt/normal 'Agency FB',sans-serif;">elcome to my website!</span> </p>

Example

Surprise

The Code

<p style="direction:ltr;vertical-align:top;color:#000000;visibility:visible;border-collapse:separate;border-spacing:0 0;font:normal normal 10pt/1 'Arimo',sans-serif;text-decoration:none;clear:none;float:none;text-indent:0;page-break-before:auto;page-break-after:auto;position:static;text-align:center;margin:30px;padding:40px;background-image:linear-gradient(to bottom, #d2d2d2 0, #9a9a9a 100%);border:2px solid #02b2ee;"> <span style="visibility:visible;border:none;text-decoration:none;color:#0072bc;font:normal normal 72pt/normal 'Harrington',fantasy;">Sur</span><span style="visibility:visible;border:none;text-decoration:none;color:#0072bc;font:normal normal 72pt/normal 'Harrington',fantasy;">p</span><span style="visibility:visible;border:none;text-decoration:none;color:#0072bc;font:normal normal 72pt/normal 'Harrington',fantasy;">rise</span> </p>

Example


Style

The Code

<p style="direction:ltr;vertical-align:top;color:#000000;visibility:visible;border-collapse:separate;border-spacing:0 0;font:normal normal 10pt/1 'Arimo',sans-serif;text-decoration:none;clear:none;float:none;text-indent:0;page-break-before:auto;page-break-after:auto;position:static;text-align:center;margin:30px;padding:40px;background-image:radial-gradient(circle farthest-corner at 50% 50%, #ea161e 0, #b20e12 100%);border:5px solid #780003;"> <br /><span style="color:#000000;visibility:visible;border:none;text-decoration:none;font:normal normal 72pt/normal 'Edwardian Script ITC',cursive;">Style</span><br /> </p>

Example

MARVEL

The Code

<p style="direction:ltr;vertical-align:top;color:#000000;visibility:visible;border-collapse:separate;border-spacing:0 0;font:normal normal 10pt/1 'Arimo',sans-serif;text-decoration:none;clear:none;float:none;text-indent:0;page-break-before:auto;page-break-after:auto;position:static;text-align:center;margin:30px;padding:40px;background-image:radial-gradient(circle farthest-corner at 50% 50%, #4e4e4e 0, #1e1e1e 100%);border:30px solid #ea161e;"> <span style="visibility:visible;border:none;text-decoration:none;color:#ea161e;font:normal normal 72pt/normal 'Impact',sans-serif;">MARVEL</span> </p>

Example

wild
nature

The Code

<p style="direction:ltr;vertical-align:top;color:#000000;visibility:visible;border-collapse:separate;border-spacing:0 0;font:normal normal 10pt/1 'Arimo',sans-serif;text-decoration:none;clear:none;float:none;text-indent:0;page-break-before:auto;page-break-after:auto;position:static;text-align:center;margin:30px;padding:40px;background-image:linear-gradient(to bottom, #02b2ee 0, #96d642 100%);border:23px none #000000;border-left:23px solid #96d642;border-top:23px solid #96d642;border-right:23px solid #5a8028;border-bottom:23px solid #5a8028;"> <span style="visibility:visible;border:none;text-decoration:none;color:#ffffff;font:normal normal 72pt/normal 'Showcard Gothic',fantasy;">wild</span><br /><span style="visibility:visible;border:none;text-decoration:none;color:#ffffff;font:normal normal 72pt/normal 'Showcard Gothic',fantasy;">nature</span> </p>
facebook 64twitter 64linkedin 64plus 64reddit 64tumblr 64