Posts

Showing posts with the label Blogger

Increase your blog pageviews by using smart links

Image
How to Easily Put SEO Smart Links On Postings Blog- mas Dion Blog Hello friends, this time I want gives a tutorial how to plug SEO smart link in the post / article of your blog. Well usefulness of SEO Smart link mounting technique is intended to provide a signal to Google that more crawl links in our blog article and to advance SEO techniques to increase Page Views Blog itself. How it works from the SEO Smart Links is very easy that is by displaying one or more characters that leads to a specific link where the link is a link you another article that you think is related to an article on your blog. If you are curious to know how the installation of SEO Smart Links in Blog you please see the discussion below. For how very easy installation, consider the following tutorial: The first step please go first to the Edit HTML template >> Then how the code </ body> Then place the following code before the code </ body> <script type='text/javascript...

Conditional Tags for your blogger to make more responsive

Image
There are a few tricks to hide elements of both the blog on the home page / homepage, posts, static pages or by adding a conditional tag code in each element you want to hide. Example <b:if cond='data:blog.pageType != "static_page"'> ..... The contents of the content to be wrapped conditional tags (Content will be hidden in the static pages) ..... </b:if> Not only hides an element but it could be to display only certain elements in the page that you specify. Example <b:if cond='data:blog.url == data:blog.homepageUrl'> ..... The contents of the content to be wrapped in the conditional tag (content will only appear on the home page) ..... </b:if> for more details please refer to some function conditional tag for widget below:  1. Widget displays only on the home page: <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:...

Alexis Responsive Blogger Template (EP Free Templates)

Image
Alexis is a free blogger template adapted from WordPress with 2 columns, responsive design, right sidebar, minimalist, posts thumbnails, related posts support, well designed threaded comments, girly looking, simple look and vintage style. Responsive & Fast template for blogs about any general topic, to write a diary or fashion. Download Alexis for free from EP: DEMO & Download

Ivision Responsive Blogger Template (Free by EP)

Image
Invision Responsive Blogger Template As a routine work I search lots of free stuff for my friends, now I'll share the back of free templates. Invision is the first free template from EP Design in the early 2016 's . Appearance of this template was adopted from New Line premium template. The following features in the template Invision this Features Availability Responsive True Check Google Testing Tool Validator True Check SEO Friendly True Check Mobile Friendly True Check Dynamic Heading True Adsense Ready True Valid Schema.org True High CTR True Personal Blog True Disqus Comment System ...

Blogger XML Operator and Syntax Updates 2015

Image
Recently  Blogger  has released several new operators for the syntax  of XML  them. This new syntax allows us to be able to write code templates that better, more logical and more efficient. In addition to reducing the size of the file is  XML, the new syntax also allows developers to be able to find new potentials in manipulating the template code  Bloggers  who used mostly only we can do with JavaScript. Here is a summary ... And Before <b:if cond='data:blog.searchQuery'> <b:if cond='data:numPosts &gt; 10'> The search results by the number of posts more than 10 ... </b:if> </b:if> After <b:if cond='data:blog.searchQuery and data:numPosts &gt; 10'> The search results by the number of posts more than 10 ... </b:if> <b:if cond='data:blog.searchQuery &amp;&amp; data:numPosts &gt; 10'> The search results by the number of posts more than 10 ... </b:if...

Free URL Submission in Search Engines and Web Directories

Image
E veryone know the importance of URL submission in search engines and web directories, it is necessary to increasing PAGE RANK in Google and get more traffic to your webpage, the best search engine optimization (SEO) is the key of success. Furthermore as long as an indexed web page links to your site, all the major engines will find you and index you. Use these forms for when you are unsure that the search engines like the sites that currently link to yours. Free Search Engine Submission Few free submission services are as under: You may also like this article: All-in-One Social Count Plugin for Wordpress Simply click Active Search Result and add your URL as below: Free Google Submission Go to Addme and submit your URL, through this service your URL submit in 20 popular search engines. Free Website Submission AddPro is also a free service for URL submission in 18 top search engines, it is a reciprocal base submission, before you applying to su...

A Guide for CSS Style Sheet

Image
E very CSS author has his preferred way of writing code. For example, a few peoples, prefer to write each property and selector on a separate line, while other would everything on one single line instead of separate line. Some writer/authors never add a semicolon to the last property on a selector (because it isn’t necessary); others prefer to remove the space between the colon and the value of a property. The list goes on. These are just a few examples of how divergent CSS authoring can be from person to person, look into any CSS discussion forum and you will find endless ongoing debates on each of these topics, and many more. You will also probably come to the conclusion that no one is fully right or wrong, there are valid arguments on each side of the fence. However, when dealing with large-scale style sheets , or style sheets that are to be applied to large-scale websites where performance and robustness are the most important factors/aspects, personal preferences usually hav...

CSS Subscription Gadget for Blogger

Image
If you want to make your blog most elegant and professional use STYLISH CSS Coddings. I have submitted here a widget for subscription box with social sharing designed in CSS . Critical Component of a Website CSS Cheat Sheet For using this script follow these instructions: Go to blogger Select layout Now select Add Gadget from layouts where you want to appear this subscription box. Select " HTML / Javascript " Copy the following codes Replace your own tags with RED color And finally save your gadget. <style type="text/css">#subscribe-wrapper { background: urlundefinedhttp://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent; padding: 3px; } #subscribe-box { background: urlundefinedhttp://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7; border-radius: 15px; padding:5px; overflow: hidden; } a.linkopacity img { filter:alphaundefinedopacity=75); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -...

Allinone Social Count Plugin for Wordpress

Image
Display the counting data of Twitter, Facebook, Google+, YouTube, Instagram, Steam Community, SoundCloud posts and comments. The Social Count Plus performs counting Twitter followers, Facebook fans, YouTube subscribers, Google+ page/profile followers, Instagram followers, Steam Community group members, SoundCloud follwers, number of posts and comments. You can view this information via a widget (with account options models icons) or Shortcodes (to be used in posts and pages) or by functions in PHP. The results of the counters are cached and new values ​​are checked only once a day. This cache can be wiped when published a new post. The cache avoids not only that your blog be seeking new results every time a page is loaded, but also prevents collapse of services from Twitter and Facebook, if one of these services does not respond, the counter displays the last count it was successful. Wordpress Site Architecture Shortcodes Display...

SEO Friendly Post Titles

Image
Hi friends, everyone knows the importance of TITLE in web development and blogger career, right and SEO friendly wording in your post titles make your page/blog to easily searchable. It is the main factor of traffic increasing. I have write here some TITLES IDEAS with the blanks. Take these fill-in-the blanks templates and complete them to create your own compelling, click-getting headlines. Get What You Want (Health, Wealth, Relationships, Time and Lifestyle) 1. 10 Money/Time Saving Tips for ______ 2. The Secret of Getting the Best Price for Your _______ 3. How to Find the Best _____ Deals on the Web 4. Top Gadgets for _____ 5. Are _____ Worth the Money? 6. Everything You Need to Know About Getting Cheaper _____ 7. Top 10 Tips For Hassle Free ______ 8. Best ____ For Under [Price] 9. Unusual but Achievable ____ 10. 5 Ways to Boost Your ____ Without Spending More _____ 11. Ways to ____ on a Budget 12. 5 Ways to _____ and Profit! 13. 21 Audacious and Creative _____ I...

Stylish Table CSS

Image
Everyone want to making their blog smashing. Here is a sample to make a simple table with little CSS tricks for making your blogger stylish. CSS Codes <style type="text/css"> .tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;} .tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;} .tftable tr {background-color:#d4e3e5;} .tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;} .tftable tr:hover {background-color:#ffffff;} </style>  HTML Codes <table class="tftable" border="1"> <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr> <tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><t...

Enjoy With Blurry Text CSS

Image
Make stylish your blogs / web pages with making your text Blurry using simple pretty code in CSS. We can do it by just making the text color  transparent and adding some text shadow. Here’s the code for the same: How to use this blurry text in your blog? Login to your blogger dashbord Click on Template Then click to Edit HTML button In your HTML codes press Ctrl + F to find the tag ]]&lt;/b:skin&gt; Now just copy the below code and paste it above the tag ]]&lt;/b:skin&gt; Then using simply below HTML code in your post to make your text blurry. CSS Code for Blurry Text .blurry        {color:#000000;  /* Old browsers dont go transparent. */         font-size:50px;         font-family:arial;         text-shadow:   0 0 1px #000000,   /* Many shadows blur out the area around the...