Blog Tricks Center: blogging tricks

Common Blogging Mistakes You Need To Avoid

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title" style="color: #333333; font-stretch: normal; line-height: 1.2em; margin: 0px 0px 7px; padding: 3px 0px;">
<div style="text-align: center;">
Common Blogging Mistakes You Need To Avoid</div>
<img alt="blogging mistakes" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqT7aaNGrfkuqqJWi1WjkXJLCUjwhLm95gBB9loxtYwFfjhBlrII9nZcb5pcbh-GQPFSodrEwGkOpwi3MEQjklK6Vk3TtZOwjcmS37o13Epk1nH911ZaTXowgh74amVZSstl0cgpw8JM/+post+formatting.png" style="color: #333333; font-family: verdana; line-height: 1.6em; padding: 10px; text-align: center;" title="Common blogging mistakes you need to avoid" /></h2>
<div class="post-body entry-content" style="color: #333333; font-family: verdana; line-height: 1.6em; margin: 0px 0px 0.75em;">
<div dir="ltr" trbidi="on">
<div style="text-align: justify;">
Blogging is not for everyone! Just some other dude who knows good English can NOT be a good blogger. Blogging requires skill and experience. You need to know how and what to write on. Failing to write a proper post will not only disappoint your readers but will also reduce your page's ranking. Blogging sounds easy, but has some teeny tiny details you need to take care of to make it work. Let me introduce you to some of the very basic and common blogging mistakes every blogger must avoid.</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<center>
</center>
<div style="text-align: justify;">
Blogging is a profitable business from the commercial point of view provided done nicely and is literally a time waster otherwise. A blogger takes several complex things into account so as to make his blog work but ignores the most basic and important ones usually. While the important ones matter, the basics and fundamentals need not be ignored. Let's take a look at some of those mistakes and their solution.</div>
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
1. Working without a goal</h4>
<div class="separator" style="clear: both; text-align: center;">
<img alt="blogging mistakes without a goal" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6D9HwI0E5qWHgkq0QJ78dlcNjnXpqcGWOfVRmsuXrctn1OxV1B3V9BbluGqNUhhcddmcoCtSJ6BItWv3HrW2hpwP_Yl5bmVI7VK3DKGXRZVVjnI8J4F6lDGFEVfh0stKdWuBqvGfcMs/s320/without+a+goal.jpg" style="padding: 10px;" title="Working without a goal" /></div>
<div style="text-align: justify;">
"A man without a goal is like a ship without a rudder", Thomas Carlyle. Ever asked yourself, Why am I blogging? There is a reason why blogging isn't meant for everybody. Before you start your own blog, you need to set up a proper goal and aim to achieve that from blogging. What you want could be money, popularity or just fun, but you need to answer this 'What'. You can never achieved an undetermined and unimaginable goal. Decide on why you'll start blogging and devise a proper plan to follow and strive hard to achieve it.</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
2. Ignoring SEO</h4>
<div class="separator" style="clear: both; text-align: center;">
<img alt="blogging mistakes ignore SEO" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHxCImiy8Lf3BAdnzAqDjw727nN4gCEcN1HH7ydBmITwUtwQfHAo3JHVNphAy6QoHp_xwkaZMRgCS1mvnnSZWjt2zc4lgGybt3x0Zo9HD-G5_9ACNSMGtUx73Lj1NVsYYpz_qz7O1W9k/s320/ignoring+SEO.png" style="padding: 10px;" title="Ignoring SEO" /></div>
<div style="text-align: justify;">
The search engine robot is as important to you as your blog reader. Yes, you should write quality articles for the benefit of your readers but the hard truth is, you need to keep a good balance between both the search engine robot and your reader. IgnoringSEO is what is going to stagnate your blog progress. Unless if you're blogging for fun, SEO is THE most important step in blogging. There are several SEO techniques and tricks you can use to make your blog important and essential in the eyes of the search engine robot.</div>
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
3. Bad post formatting</h4>
<div class="separator" style="clear: both; text-align: center;">
<img alt="blogging mistakes bad formatting" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDu_T9kDF7wz_qFo46oYOGCsV8fyEU206w8MfHUQ1UgEIDoJlA-qOwPEU10f1mPQp4GYNnj0wdeBh7UO-DVxx_HnVQajucoYJwRM1foEMZ4gx_khyphenhyphenhyN5_0ToUzWhsAoxURHkapSWggo/s320/bad+post+formatting.png" style="padding: 10px;" title="Bad post formatting" /></div>
<div style="text-align: justify;">
With several running blogs, gaining reader's preference is a hard step especially if you don't care about the post formatting. Your blog post must be a hybrid of technical and informal writing so as to make it easy to understand and interpret for your reader. You should use proper highlighting techniques like using breaks, headings and sub-headings, bold face, proper font and shorter paragraphs to make your writing look neat and easy to interpret.</div>
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
4. Using too much text in a single post</h4>
<div class="separator" style="clear: both; text-align: center;">
<img alt="blogging mistakes too much text" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZG4zr5VcZG-oJXL-5KL9h4ehp2KjoHF95E4PI2NoAsqXTHas42TM5fI0L_JQgFX0RekG4HJcehopzqdZ6cSy0axxry4nkt3KxVH_l3OSkcq2OIwo7KEaE5L2usgP-DAxF0_2ktPHeouU/s320/too+much+text.jpg" style="padding: 10px;" title="Too much text in a single post" /></div>
<div style="text-align: justify;">
Do you think your reader has all the time in the world to read your post? Don't know your answer but mine is NO. If someone told you putting tons of information in a single blog post of near-to-infinite length would be ideal to generate traffic, you were probably dreaming or that someone was playing with you. We've already covered theideal post length topic, do take a look at it. The length to depth ratio of your blog post should be unity.</div>
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
5. Bad posting times</h4>
<div class="separator" style="clear: both; text-align: center;">
<img alt="blogging mistakes bad posting time" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrGZh88F2XhYwnOgyKxY-nrMin3KrZLEA0dAxenZjO5Q7GyFrvjHlyvAcKBonQOA89SSKCHxUYxxfEJ3LdBCFBYXdMbadPKmBkpfhILvDgBvFtSOabrdnSMbQr5Q_BZFzh7MaDu6go-I/s320/bad+post+formatting.png" style="padding: 10px;" title="Bad posting times" /></div>
<div style="text-align: justify;">
Ever wondered what the Schedule feature is on Blogger? Or do you just Publish? Well, you should decide a proper scheduling time for your post. Deciding that time might be hard in the start but will become easy for you once you start gaining readers. Try to find the peak times of traffic on your blogs and post on those times. Unless if yours' is a news blog, you should try to post at an appropriate time where you can get your writing to touch the most of the readers.</div>
 
<div style="text-align: justify;">
There are several other blogging mistakes that bloggers including me can commit. One fine way of analysing and determining the mistakes while blogging is to put yourself as the reader. Would you like to follow an improperly planned blog? Or read a poorly ranked blog? Or take a look at a poorly formatted post? Or read a 5000 word post? Or get to read articles posted at strange timings? NO, you won't want to do any of that. You'll also get the answer to several other answers this way which will help you identify the mistakes bloggers commit and their probable solutions.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
So did you like this post? Do you commit these common mistakes or find some other worth mentioning? Hop on to the comments section and let us know.</div>
</div>
</div>
</div>

Common Blogging Mistakes You Need To Avoid Blogging is not for everyone! Just some other dude who knows good English can NOT be a good blogger. Blogging requires skill and experience. You need to know how and what to write on. Failing to write a pro…

Add Floating Share Buttons "Facebook" "Twitter" More

21:34 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
Add Floating Share Buttons "Facebook" "Twitter" More 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdstG1fLrOjXqob8aZ0Ma8cWJ1qkZ_jwZuYEYbuRyUYZ0uT3VseAYGCb4o-B2YOiLVhF_YxjdqT7MI-zfF9OS2feFZZ6mdnYydAJ4R8lp8h1haDRVqNnAfjnjkjsZpRF-2OWHmNxF5x1rr/s1600/7217559838_0fff6b8ae3_o.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdstG1fLrOjXqob8aZ0Ma8cWJ1qkZ_jwZuYEYbuRyUYZ0uT3VseAYGCb4o-B2YOiLVhF_YxjdqT7MI-zfF9OS2feFZZ6mdnYydAJ4R8lp8h1haDRVqNnAfjnjkjsZpRF-2OWHmNxF5x1rr/s1600/7217559838_0fff6b8ae3_o.png" width="375" /></a></div>
 </div>
Ever wondered to create a Mashable type floating sharing widget for your blogger blogs? There you have it today! We released a sliding, scrolling widget last month which contained major social media sharing buttons but some of you complained that the widget do not work properly with the new blogger templates so to keep things more flexible, we are releasing yet another version of a floating widget which contains the best social buttons like Facebook Share/like, 
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Twitter and Google +1 button. All in one. I have not used any scripts this time and this widget works purely on CSS and HTML and is fully compatible with all major browsers. You can see this sticky widget to left of my blog post. I have made sure to keep the installation process as easy as possible so be confident to try this one out to better increase your social engagement and thereby your page views. 
 
Adding The Sticky Floating Widget Next To Blogger Posts 
Go To Blogger > Design 
Choose a HTML/JavaScript widget 
 
Paste the following code inside it, 
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-format="auto" data-ad-slot="6504860932" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<style>  
/*-------Tricks Floating Sharing Widget------------*/ 
#floatdiv {  
  position:fixed;  
bottom:15%;  
margin-left:-70px;  
z-index:10;  
float:left;  
padding-bottom:2px;  
} 
#mmkzsidebar {  
        background:#fff;  
        border-top:1px solid #ddd;  
        border-left:1px solid #ddd;  
        border-bottom:1px solid #ddd;  
        border-radius:5px;  
       -moz-border-radius:5px;  
       -webkit-border-radius:5px;  
        padding-left:5px;  
        width:60px;  
        margin:0 0 0 5px;  
} 
.fb_share_count_top {width:52px !important;} 
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} 
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} 
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}  
</style> 
 
 
<div id="floatdiv">  
<div id="mmkzsidebar">  
    <table cellpadding="1px" cellspacing="0"> 
 
    <tr>  
    <td style="padding:5px 0px 0px 0;">  
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mmktricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>  
    </td>  
    </tr> 
    <tr>  
    <td style="padding:5px 0 2px 0;">  
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>  
    </td>  
    </tr>  
    <tr>  
    <td style=" padding:5px 0px 0px 0px;">  
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>  
<g:plusone size="Tall" expr:href="data:post.url">  
    </g:plusone></td>  
    </tr>  
    <tr>  
    <td>  
<a style="color:#D3D3D3;" href=" http://blogtrickscenter.blogspot.in//2012/06/add-floating-share-buttons-facebook.html ">Widgets</a>  
    </td>  
    </tr>  
    </table>  
</div>  
 
</div> 
Save your widget and drag it just below the post body as shown below, 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGD1fvDsTrYMSeDKznom4II4zpFTS97k8-aIS65uOojxcFE1FasK-zTiAf-gLLglsO95teJrTYQcLhqmTveYdUGW3IuZAIN5IVPtECBWTzGE99a3twc9zK-uCAo1zGjdYSvlRxZT2FcJte/s1600/floating-widget_thumb%5B4%5D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGD1fvDsTrYMSeDKznom4II4zpFTS97k8-aIS65uOojxcFE1FasK-zTiAf-gLLglsO95teJrTYQcLhqmTveYdUGW3IuZAIN5IVPtECBWTzGE99a3twc9zK-uCAo1zGjdYSvlRxZT2FcJte/s1600/floating-widget_thumb%5B4%5D.gif" width="400" /></a></div>
<div class="separator" style="clear: both;">
Now finally Click the save button at the top right corner and you are all done!</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrfjgOH-TGGtMEci9Xg3oe7RRcx35ut0VV4wT46tgsttcVAVyJNKRhFPuqTa4vlisbzNJxh3phxyuTvBrdM7mF7mh3G73oAv0Z4lF4b8NobjqBpoqre6PEi8OOO0fcmNtRyqu-RalvxXs/s1600/save-button%5B2%5D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrfjgOH-TGGtMEci9Xg3oe7RRcx35ut0VV4wT46tgsttcVAVyJNKRhFPuqTa4vlisbzNJxh3phxyuTvBrdM7mF7mh3G73oAv0Z4lF4b8NobjqBpoqre6PEi8OOO0fcmNtRyqu-RalvxXs/s1600/save-button%5B2%5D.gif" width="400" /></a></div>
<div>
 </div>
 
View your blog to see it hanging just to the left of your blog post body.  
<div>
 </div>
<div>
<div>
Customization</div>
<div>
To align the widget more towards the left or right then edit this value margin-left:-70px;  Decreasing this numeric value will shift the widget to the right and increasing the value will shift it to left.</div>
<div>
To Change the background colour of the floating widget then change this background:#fff; </div>
<div>
Use our color generator or colour chart to select a colour. </div>
<div>
If you wish to show the widget only on post pages and not the homepage then follow these steps.</div>
<div>
Give this floating widget a temporary title then do this</div>
<div>
 </div>
<div>
Go To Blogger > Design > Edit HTML</div>
<div>
Backup your template</div>
<div>
Check the Expand Widgets Templates Box</div>
<div>
Search for the title of the widget</div>
<div>
The code for the widget will look something similar to this one,</div>
</div>
<div>
 
<div>
<b:widget id='HTML8' locked='false' title='WIDGET-TITLE-HERE'  type='HTML'></div>


 
<div>
<b:includable id='main'></div>


<div>
bla bla bla bla</div>

<div>
</b:includable> </b:widget></div>
<div>
 </div>
<div>
Once you find the title then add the following two Red bolded codes just below and after the bolded black text. For example if you wish to show a widget at Homepage only then do this,</div>
<div>
<div>
<b:widget id='HTML8' locked='false' title='WIDGET-TITLE-HERE' type='HTML'></div>
<div>
<b:includable id='main'></div>
<div>
<b:if cond='data:blog.pageType == "item"'></div>
<div>
bla bla bla bla</div>
<div>
</b:if></div>
<div>
</b:includable> </b:widget></div>
</div>
<div>
 </div>
<div>
<div>
Save your template and you have successfully stopped the widget display on homepage and allowed it on all post pages. For learning more about how to control the widget display then read:</div>
<div>
How To Show and Hide Widgets in Blogger?</div>
<div>
If you liked this widget then please try tweeting and sharing this post using this new widget to your left. :) Peace and blessings brothers and sisters.</div>
</div>
</div>
</div>

blogging tricks Floating Vertical Buttons How To Add Floating Social Share Buttons To Share Buttons with Floating Sidebar Social Sharing Buttons for Your Website Add Floating Share Buttons "Facebook" "Twitter" More

Add Floating Share Buttons "Facebook" "Twitter" More Ever wondered to create a Mashable type floating sharing widget for your blogger blogs? There you have it today! We released a sliding, scrolling widget last month which contained major social med…

Submit your blog posts to social bookmarking and networking sites at once

21:22 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
Submit your blog posts to social bookmarking and networking sites at once</div>
<div style="text-align: center;">
 </div>
Social Networking and social bookmarking has become very popular among internet users, hence it has become very important for bloggers to target the social networking sites such as Twitter, Facebook, Digg etc. These services have become so huge that they have hundreds of millions of users worldwide. So it can become a good source of traffic for blogs and websites. Along with it these sites also provide a good source of link building. Now the problem is that there are so many sites and you have so little time to submit your content on all of them one by one. 
 <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

How to submit your blog posts to major social bookmarking and networking sites at once ? 
 
But don't worry! Today I am going to tell you about a tool which can save a lot of your precious time. 
 
Before telling you the name, I must tell you what it can do. Well you just have to register to its website. After signing up you just have to enter the username & password of the social networks you have an account on as shown in the screenshot below. There are tens of services and all the major ones are on the list. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkKOzb4ro9oNoMUv_OxxMD9KOa5FxIrOlGtnQMn4nPAeZBCPOPpjqv13fOe_92vNquWavB-UkbaFy_Yt7kmuBjGgPN48FZ_4ST-2KEGrFGLyocWDYIz53azxEW9r9Vu20F4jXVg1Bz4t5/s1600/%5BUNSET%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="544" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkKOzb4ro9oNoMUv_OxxMD9KOa5FxIrOlGtnQMn4nPAeZBCPOPpjqv13fOe_92vNquWavB-UkbaFy_Yt7kmuBjGgPN48FZ_4ST-2KEGrFGLyocWDYIz53azxEW9r9Vu20F4jXVg1Bz4t5/s1600/%5BUNSET%5D.png" width="640" /></a></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

The service is called Onlywire, You can submit your content either by using the Onlywire firefox addon or you can use the onlywire site button. The OnlyWire Bookmark & Share button gives your website and blog visitors the ability to bookmark and share your content to all of their social networking sites simultaneously as shown in the screenshot below. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i8CEyCuKp-CvHbjHoYQ6pDZhvMlBqUo6_yk4kO9DQszAFNopP2fiIpJNm9nsh3WItxzI3pXajRyL7QFp397Ei-IGBpR0EYoKfzVyDMJ_kv31lHFHReecZslqtklrB1Phsz-mBXhVKzDO/s1600/%5BUNSET%5D+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8i8CEyCuKp-CvHbjHoYQ6pDZhvMlBqUo6_yk4kO9DQszAFNopP2fiIpJNm9nsh3WItxzI3pXajRyL7QFp397Ei-IGBpR0EYoKfzVyDMJ_kv31lHFHReecZslqtklrB1Phsz-mBXhVKzDO/s1600/%5BUNSET%5D+(1).png" width="520" /></a></div>
<div style="text-align: center;">
 </div>
 </div>

automatic share blog post on social media sites blogger latest tricks blogging tricks Increase traffic Submit your blog posts social bookmarking and networking sites at once Submit your blog posts to social bookmarking and networking sites at once

Submit your blog posts to social bookmarking and networking sites at once Social Networking and social bookmarking has become very popular among internet users, hence it has become very important for bloggers to target the social networking sites su…

Multi colored random posts Widget for Blogger

05:12 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
Multi colored random posts Widget for Blogger </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-1AEsocz0kE6rvmk6SLPyoBIHo92kXVoX4UCDtOKnxYB2duwZnpl6paR-aYd0Y_kncoIIDhw81k_xjRDAh3IVEap_5LRvYib5KjXarIf0vq6K87SaI8JkFEwC9Nf8FtZ1AYWIegfTGTz/s1600/1G0vbXl.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-1AEsocz0kE6rvmk6SLPyoBIHo92kXVoX4UCDtOKnxYB2duwZnpl6paR-aYd0Y_kncoIIDhw81k_xjRDAh3IVEap_5LRvYib5KjXarIf0vq6K87SaI8JkFEwC9Nf8FtZ1AYWIegfTGTz/s1600/1G0vbXl.gif" width="351" /></a></div>
<div style="text-align: center;">
 </div>
Random Posts widget is an awesome widget for your Blogger Blog.We posted about How to add random posts widget, Most important feature of this widget is it lets your Blog visitors to surf more blog posts in your blog.Its let your users to spend more time in your Blog. Surely it increases your Blog's internal links that lets your blog higher traffic.This is the modified version of the Random posts widget we posted earlier, one of our visitor "Yogesh Gamer" asked me to make this widget like Multi colored Popular posts Widget. So after that I just tried and it got success. Please do check this widget and comment your suggestions... 
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-format="auto" data-ad-slot="6504860932" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div style="text-align: center;">
Features of This Widget</div>
<div style="text-align: center;">
 Flat UI colors used (it will attract users attention)</div>
<div style="text-align: center;">
Automatic Post Numbering</div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
Sign In to Blogger Dashboard</div>
<div style="text-align: center;">
Go to Layout</div>
<div style="text-align: center;">
Click on Add Gadget and look for HTML/Javascript and select it</div>
<div style="text-align: center;">
Copy the below code inside it and click save</div>
<div style="text-align: center;">
 </div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<style type="text/css"> 
.noop-random-posts ul li { 
    list-style-image:none; 
}.noop-random-posts ul { 
list-style-type: none; 
margin: 0; 
padding: 5px 0; 
} 
.noop-random-posts ul li { 
border: 0 none; 
margin: 5px 0; 
padding: 10px; 
position: relative; 
} 
.noop-random-posts ul li:first-child { 
background: none repeat scroll 0 0 #FF4C54; 
width: 97%; 
} 
.noop-random-posts ul li:first-child:after { 
content: "1"; 
} 
.noop-random-posts ul li:first-child + li { 
background: none repeat scroll 0 0 #FF764C; 
width: 87%; 
} 
.noop-random-posts ul li:first-child + li:after { 
content: "2"; 
} 
.noop-random-posts ul li:first-child + li + li { 
background: none repeat scroll 0 0 #FFDE4C; 
width: 84%; 
} 
.noop-random-posts ul li:first-child + li + li:after { 
content: "3"; 
} 
.noop-random-posts ul li:first-child + li + li + li { 
background: none repeat scroll 0 0 #C7F25F; 
width: 81%; 
} 
.noop-random-posts ul li:first-child + li + li + li:after { 
content: "4"; 
} 
.noop-random-posts ul li:first-child + li + li + li + li { 
background: none repeat scroll 0 0 #33C9F7; 
width: 78%; 
} 
.noop-random-posts ul li:first-child + li + li + li + li:after { 
content: "5"; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li { 
background: none repeat scroll 0 0 #7EE3C7; 
width: 75%; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li:after { 
content: "6"; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li { 
background: none repeat scroll 0 0 #F6993D; 
width: 72%; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li:after { 
content: "7"; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li { 
background: none repeat scroll 0 0 #F59095; 
width: 69%; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after { 
content: "8"; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li { 
background: none repeat scroll 0 0 #C7F25F; 
width: 66%; 
} 
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { 
content: "9"; 
} 
.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { 
background: none repeat scroll 0 0 #353535; 
border-radius: 50% 50% 50% 50%; 
color: #FFFFFF; 
font-size: 25px; 
height: 30px; 
position: absolute; 
right: -17px; 
text-align: center; 
top: 1px; 
width: 30px; 
} 
.noop-random-posts ul li a { 
color: #444444; 
font-size: 13px; 
text-decoration: none; 
} 
</style> 
<div class="noop-random-posts"><script type="text/javascript"> 
    var randarray = new Array();var l=0;var flag; 
    var numofpost=5;function nooprandomposts(json){ 
    var total = parseInt(json.feed.openSearch$totalResults.$t,10); 
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} 
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); 
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; 
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; 
    document.write(item);}} 
    }document.write('</ul>');} 
    </script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a> 
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div></div>

Blogger Design Blogger Security Blogger Special Tricks Blogger Tips Blogger Tricks Blogger Widgets Blogging Basic Tips blogging tricks CSS3 Increase traffic Style your Blog Template Tricks Multi colored random posts Widget for Blogger

Multi colored random posts Widget for Blogger Random Posts widget is an awesome widget for your Blogger Blog.We posted about How to add random posts widget, Most important feature of this widget is it lets your Blog visitors to surf more blog posts…