Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Tuesday, July 28, 2020

12 Master Tips To Write a Better Blog Post

12 Master Tips To Write a Better Blog Post

Have you ever read an awesome piece of content that truly stuck with you? Are you pondering how to write a better blog post that produces an affect? Writing incredible blog posts ain't simple. But it's not rocket science either!


In today’s article, I am going to tell you what makes a great blog and share a few recommendations on how to write a great blog post that’ll bring in a lot of activity. So let’s start! What Makes a Great Blog Post? In the event that you think that composing a great blog post fair implies utilizing the correct words, you’re mixed up. There is a parcel of other components that contribute to making your web journal post a victory. In reality, it’s conceivable (and indeed beautiful common!) to be an incredible author but not so great at blogging. How’s that conceivable? Well, assume you drafted a piece of that’s exceptionally well-researched and nitty-gritty and incorporates all the data your perusers are trying to find. But it’s SO well-researched and instructive that your sections are truly long and it’s difficult to examine. Possibly you overlooked to include pictures or other media substances within the fear of hindering the stream of your article. Since it looks like an enormous divider of content, individuals are more likely to hit the “back” button than to remain and studied the complete thing.

How to write a good blog post? Avoid "walls of text"!

Do you think individuals would call that a great post?

So apart from the words themselves, you also got to consider…


  • How simple is it to understand? 
  • How visually attractive is this post? 
  • How well does it reply to your readers’ questions? 
  • How will it keep pulling in more traffic? 

To assist you to publish a tremendous piece, I’ll show you ways to answer these queries and a lot of.

 Ready? Let’s get begun with our master blog writing tips.

Expert Tips for Writing a Blog Post 

Being a great author is hard. But with a small practice and a few research, it won’t take you long to connect the positions of other awesome bloggers.

So let’s check out how you too can come up with a blog post that you have always wanted to create when you started a blog.

1. Select a Great Topic 

To begin with, step towards writing a blog post is to choose a great topic.

You’ll have to discover what your supporters need to know and read about, so your post will proceed to induce traffic after it’s published.

Try to base the post on reader feedback, a known issue within the industry, or competition analysis.

Blog writing tips - start with a good idea

Platforms like BuzzSumo can assist you to figure out what points are trending. Check out our list of SEO tools for more recommendations on how to come up with blog post thoughts that are Search engine optimized.

If you need assistance, here are a few blog post ideas to urge you to begun.

2. Do Your Research

Once you have your idea, make sure to research the front page of Google and your main competitors at this stage to see how you can improve on what’s out there. If you can’t write a high quality post that’s better than theirs, don’t bother!

You don’t need to be an expert on the topic, but you do need to do your research to make sure you’re adding value.

3. Take Notes and Start an Outline

While you do your research keep a notebook handy where you can take down the important points and outline your topic.

Okay, if not a notebook at least keeps a Google doc tab open. I like using Google docs because, unlike using a notebook, I don’t have to bother about losing it.

4. Start Drafting Your Blog Post

Now that you have the outline, you can sit down to write your post. I generally like drafting it directly on my WordPress dashboard. It saves a lot of time and extra effort if I don’t have to copy and paste it from somewhere else later.

Tips for writing a blog post

Are you struggling to start writing, or keep getting stuck or distracted? See our tips on how to write faster and you’ll be churning out more posts in no time!

5.Hook Your Readers With a Great Opening

If you can hook your readers with a good opening consider half your work to be done. Because if your introduction is boring, people wouldn’t bother to read the rest.

Many writers find it easier to write the body of the blog post first and save writing the intro for last.

A good way to write a great introduction is to pose a question addressing the reader’s problem. Then you can tell them how reading your post can help them tackle it.

This is a great way to grab your readers’ attention, and they’ll definitely want to read it till the end in the hope of finding the solution.

6. Write Like You Talk

Don’t overlook the style and tone of your writing. Both of these elements can make a big difference.

Writing like you’re talking to your reader can make them feel like they’re having a conversation with someone, rather than actually reading a post.

How to write a good blog post - write conversationally

Your readers will feel like you’re talking to them one-one-one to help them figure out a problem that you can relate to. This is great for building a loyal readership.

7. Make It Scannable

People usually don’t read blog posts word-for-word. Instead, they scan them for the information they’re looking for.

That’s why it’s important to format your posts in a way that’s easy to scan. It’ll help your readers to get the info they’re looking for quickly, so they’re more likely to stick around your blog.

Here are a few ways you can make your blog posts scannable:

Use Subheadings: Subheadings help your readers to see the main topics of your post, and will help you to stay organized and on track when writing.

Write Short Sentences: Short sentences are much easier to read. Long sentences can make it complicated to understand.

Keep Paragraphs Short: When your paragraphs are too long, it’s harder to read. I recommend using 2-4 sentences in most of your paragraphs, with some 1-sentence paragraphs to grab the eye.

Use Bullet Points: Whenever you have a list, you can use bullet points to make your message precise and clear and easy to scan, instead of listing items in a sentence.

If you use these tips to make your text visually engaging, your readers will be more likely to read the whole post.

8. Use Images for Visual Engagement

A simple image has the power to make a boring post much more fun and engaging.

What you fail to explain in words, can be done with just a single image or a screenshot. Besides, it breaks the monotony of words and offers a refreshing visual break to the reader keeping them engaged for longer.
Blog writing tips - use visuals

9.Include a Compelling Call to Action

Your post can’t be called a successful one unless you can convince your users to take action on the site.

What should your call to action (CTA) be? You could ask your readers to:


  • Sign up to your email newsletter
  • Leave a comment
  • Share your post on social media
  • Buy your product

It’s best to stick to one CTA so your readers aren’t distracted.

For your CTA to be compelling, put yourself in the readers’ shoes and talk about the benefits of taking action. What’s in it for them?

Tips for writing a blog post - include a call to action


10. Add a Featured Image 

Believe it or not, your readers won’t squander more than 2 seconds to choose whether or not to press on your post. In case you need a positive reaction you wish to have a plan.

Adding an eye-catching featured image to your post may be an extraordinary way to urge more clicks, shares, and engagement.

 Shutterstock, Unsplash, and Pixabay are incredible platforms to assist you to discover an appealing image to use. You can also use Canva if you like them edited. If you need more help, here’s how you can create great featured images for your blog posts.

11.Level Up Your SEO

How to write a good blog post - optimize it for SEO level up your

If you think you know how to write a great blog post but it doesn’t get any traffic, you’re lost a step! 

For your post to have a part of readers, you would like to level up your SEO. If you’re using the Yoast plugin (expecting you've got as of now installed it on your site), a lot of your work is done. 

 You ought to include a focus keyword, include a title with the watchwords in it, additionally include an SEO title and meta description. 

Your content also has to have more than 300 words. However, I would suggest you to keep your word check to at least 1000 words. 

Further, the images in your post ought to be appropriately optimized as well. Make sure they’re the right size and have descriptive names before you upload them. Each image should also have proper alt tags and categories.

12.Publish at the Proper Time 

Now you’re prepared to publish! 

 The last step is to read out your post to yourself. This makes a difference you identify mistakes and lets you amend them before you hit the publish button. Do a speedy read over for spelling and designing but don’t waste as well much time. 

Hit publish at a top time. For me that’s between 8 am and 10 am on Monday, Wednesday or Friday on East Coast USA time.

And that’s how to write a great blog post! Wasn’t too troublesome, was it? Fair take after these quick steps and see how you'll be able master the art of writing a great blog post in no time.

Wednesday, August 8, 2018

Add a Verfied Badge on Blogger Author Comment Profile

Do you noticed a tick mark in some Facebook Pages like Actors, Political Leaders. Verified mark is only available for Worldwide stuff like big companies, Actors such have the chance to be faked. When we move mouse over that tick, it shows a “Verified Page” message. Do you wish to add that verified tick mark to  your (Author/Admin) comment in your blog.Here I am going to show you how to add Facebook verified Page mark to Admin comments.

SEE ALSO: Beautiful CSS Popup Email Subscription boX 2018 for Blogger
facebook verfied badge blogger author comment profile blogger widgets
Verified Badge
Sign In to Blogger Dashboard
Go to Template  -> Edit HTML

  • Find .comments .comments-content .icon.blog-author and delete the following code inside it

background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);


  • And copy the following code inside it


background: url(“https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png”) no-repeat scroll 0 0 transparent;


  • Final code looks like the following


.comments .comments-content .icon.blog-author {
    background: url(“https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png”) no-repeat scroll 0 0 transparent;
}

I hope this article will help you to customize your admin comment.

Saturday, August 4, 2018

How To Add Post Views Counter on Your Blogger Post

 I've been looking for some articles about adding post views to bloggers and I find an easy way to do it. Example of the view counter on the blog as below or on the blog that I use this
post views counter blogger wordpress

Counter view is to display the number of views on articles. And counter view certainly has the benefit of making visitors know which articles are most viewed so they know that the article is really useful.

The following step by step in creating a view counter on blogger:

1.Go To HTML>>Template>>Edit HTML
2.Find .showAuthor in html or you can find it with CTRL+F and write . .showAuthor


post views counter blogger wordpress blogger post

3.paste the script above all .ShowAuthor as shown below

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

how to see blog post views

how to see blog post views

post views counter blogger wordpress blogger post


4.Paste This Script above </Body> in your html as shown below

</Body><script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script>
$.each($("a[name]"), function(i, e) {
var elem = $(e).parent().find("#postviews");
var blogStats = new Firebase("https://YOUR-APP-NAME.firebaseio.com/pages/id/" + $(e).attr("name"));
blogStats.once("value", function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr("name");
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!="/")
{
if(isnew)
blogStats.set(data);
else
blogStats.child("value").set(data.value);
}
});
});
</script>


how many users view your blog post

5.Save the script and then you can see the result

Beautiful CSS Popup Email Subscription boX 2018 for Blogger

popup email subscription box new 2018 email subscription box blogger template blogger widgets wordpress plugins

Introduction

Yes, as the title suggests it is a PURELY CSSed Pop up email subscription box not only for Blogger but for almost all types of platform as long as you have access to feedburner. This widget is a combination of my previous post email subscription box and a simple and cool pop up widget built with CSS. Make sure to follow the steps to get it working!

SEE ALSO: Popup Email Subscription BoX For Blogger


HTML 

Go to Blogger » Template » Backup your Template » and Edit HTML

Add the following code before </body>

<div class='modalDialog' id='signup'>
<div><a class='close' href='#close' title='Close'><i class='fa fa-times'/></a>
<div class='signup-container'>
<div class='newsletter-sm'>
<i class='fa fa-envelope-o enve'/>
<h3>Subscribe to Newsletter</h3>
<p style='text-align:center'>Sign up with your email address to receive news and updates straight in your inbox.</p>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Ecdlthemes&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<div class='newsletter-sm-bot'>
<input class='newsletter-input-sm' name='email' placeholder='Enter Your Email' type='text'/>
<button class='newsletter-button-sm' type='submit'>Subscribe</button></div>
<input name='uri' type='hidden' value='Ecdlthemes'/>
</form></div></div></div></div>


For this widget to work you need to add a link that will serve as the button or handler for the popup.
Add the following code anywhere you want it to be displayed.
e.g. inside your nav menu

<a href='#signup'>Signup</a>


SEE ALSO: Stop Blogger from Redirecting Blogspot to Country Specific URLs

Popup Email Subscription boX 2018 for blogger
Popup Email Subscription boX 2018 for Blogger

CSS

Copy and paste the code before ]]></b:skin>


.enve{background:#e3cd16;color:#000;width:50px;height:50px;display:block!important;line-height:50px!important;text-align:center;font-size:24px!important;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;margin:0 auto}.newsletter-sm{background:#fff url(https://s3.amazonaws.com/peoplepng/wp-content/uploads/2018/04/19082705/Colorful-Geometric-Backgrounds-PNG-888x1024.png);width:100%;margin:0;padding:20px;box-sizing: border-box;}.newsletter-sm h3,.newsletter-sm p{color:#000;font-family:"Maven Pro",sans-serif}.newsletter-sm h3{font-weight:400;text-align:center;margin-bottom:10px;font-size:24px}.newsletter-sm p{font-size:14px;line-height:20px}.newsletter-sm .newsletter-input-sm{border:0;box-sizing: border-box;padding:5px 10px;width:360px;float:left;height:40px;color:#000;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.newsletter-sm .newsletter-sm-bot{background:#e3cd16 url(https://s3.amazonaws.com/peoplepng/wp-content/uploads/2018/04/19082705/Colorful-Geometric-Backgrounds-PNG-888x1024.png) no-repeat;box-sizing: border-box;padding:20px;margin:0 -20px -20px;height:80px}.newsletter-sm .newsletter-button-sm{float:right;height:40px;display:inline-block;font-size:14px;box-sizing: border-box;padding:5px 10px;position:relative;color:#000;text-align:center;background:#d2bc00;border:1px solid #000;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog:target>div{margin:8% auto}.modalDialog>div{-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;width:500px;position:relative;margin:5% auto;background:#000;min-height:200px}h2.signup{background:#e3cd16;border-bottom:1px solid #e3cd16;font-weight:400;text-align:center;box-sizing: border-box;padding:10px;color:#010101;font-size:18px}.close{color:#000;position:absolute;top:1px;right:1px;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px}.close:hover{text-decoration:none;color:#BCCF00}

Save your Template

Final Words

Replace Ecdlthemes with your feedburner url.

Do some adjustments to fit your need.

Friday, August 3, 2018

Automatic Featured Posts Slider Widget For Blogger

Anyone with a blog wants readers to stay rather than move on to another. It's not being selfish but after someone has read one post, you'd definitely want them to read another, right? After all, isn't it one of the tenets of SEO to make people stay longer on your blog if it has to have a fighting chance at the rankings game?

The question now is: how exactly do you entice them to read a few more of your blog posts?


First off, you don't know exactly what brought a reader to your site. Well, you sort of do, if you have Google Analytics and all that. But that's beside the point. It wouldn't be productive for you to stare at GA the entire day hoping that it will tell you that yes, someone has been perusing your blog.



The point being driven at here is that you have to offer more on your blog. It's not enough that you get traffic from search engines and other sites; you also have to add some extras that will entice visitors to stay longer.


How exactly do you do that?

The Tactics of Persuading Users to Stay

Bloggers have employed a variety of tactics to persuade readers to stay. For one, they load the sidebar with widgets for Popular Posts, for example. Of course, it would be in the interest of your readers to know which other posts on your blog are gaining traction. Maybe those pieces are of interest to them as well. As a result, you've got one surefire way of making readers stay.



Now, what if you want to highlight Featured Posts, for example? Let's say that your blog has been around for a number of years and in that span, it has produced some great content that received quite the number of shares, likes, +1s, comments on so on. Wouldn't that be the kind of post you want featured? Unless your reader was looking for that topic specifically, there's little chance that they might uncover that gem if you don't bring it to their attention.



Thankfully, it's quite possible to add a Featured Posts slider for Blogger. And if you don't know how to make one yourself, this is exactly what this post is for. Here's an awesome Featured Posts slider widget that you can use on your blog.

DEMO

How to Add Featured Posts Slider Widget in Blogger

1. Go to 'Layout' > click the 'Add a gadget' link in the sidebar area and select 'HTML/JavaScript' gadget from the pop-up window.

2. Add the code below inside the empty box:

<style type="text/css">
ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgkzWRgih8fji_IXnKzLMdZHj1oZ_DeYat4qW16-Xrpf3L72FkiuOOxa0JtElJMQCU9IdClvb8IKXheDzXUtdttuHKXQaoC58DcIDCTjNtt1ngQDAe-y7Lf2nXD96hDCtICNpr4sR5vk/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}
</style>
<div id="featuredbwidget"></div>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:"https://techloggerx.blogspot.com/",
featuredNum:9,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6f8hct8PoDSPG6sQnlvPCCP1fEOlqnrwgymlMxdRWiJQBe-NqrlOBYmIN_DoMAiaOf8HM84onvR46CO8jfewadJR4XxQ9RRfRqWUAv2oWqXfDVqFNCyJfxWbmosMqPKUe1JdTUvoAXXM/s500/no-image.png",byMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

Automatic Featured Posts Slider Settings

listURL - replace "https://techloggerx.blogspot.com/" with your blog URL
featuredNum - add the number of posts to display in the slider
listbyLabel - if you want to display posts by category / label, such as the tag fashion, it will be written as listbyLabel: "fashion"
feathumbSize - the size or dimension of the image in pixels
interval - time taken to change the slides position in milliseconds
autoplay - replace true with false if you don't want the slides to change automatically.
3. Once you are done with the settings, click the 'Save' button.

Now, this code is for a slider widget which means that instead of just a random list of Featured Posts, you get to display them with images (if they have one) and you can include effects too. You can also control how many slides should be shown because it just wouldn't be prudent to feature your entire oeuvre, right?

Plus, being a slider widget, it adds a nice little visual to your site. And we all know how visuals are important in enticing people to stay, don't we? 

Saturday, April 16, 2016

Popup Email Subscription BoX For Blogger

Popup Email Subscription BoX For Blogger
Popup Email Subscription BoX For Blogger

Pop up Email Subscribe box for Blogger - is a blogger widget using jquery. This subscription form created with css3 and jquery. In this tutorial i shared how to add pop up email subscription box for your blogspot blog.
Popup Email Subscription BoX For Blogger Pink
Popup Email Subscription BoX For Blogger Pink
By adding this widget, you should easily increase your blog readers. It's a better way for increase blog readers. I hope this fresh pop up email subscribe box help you to increase blog readers. Now lets start the tutorial.

Go to blogger dashboard > Template > Edit HTML and past the below CSS Code before  </style>

#sub-box {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}#boxview {background:#fff;border:8px solid #fff;width:400px;height:170px;position:absolute;top:35%;left:36%;}#closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;}#closebox:before {content:"Close";padding:5px 8px;background:#fff;color:#f25d5c;font-weight:normal;font-size:12px;font-family:Open sans;}#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}#subscribe-box {width:400px;height:170px;background-color:#f25d5c;}#subscribe-box p {font-family:'Open Sans';font-size:18px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:normal;font-size: 16px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}


Now Save Template.
Now go to Layout > Add a gadget > HTML/Javascript and past the following below code.

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#sub-box').delay(3000).fadeIn('fast');
$('#closebox, #boxclose').click(function(){
$('#sub-box').stop().fadeOut('fast');
});
}

});
</script>
<div id='sub-box'>
<div id='boxclose'>
</div>
<div id='boxview'>
<div id='closebox'>
</div>
<div id='subscribe-box'>
<center>
<p>Subscribe To Get Daily Updates</p>
</center>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>

<input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>

</form>
</div>
</div>
</div>
</div>

Note: YOUR-USER-NAME replace with your feedburner user name.

That's it. Now refresh your page and see result. If you found any problem then inform me comment section and if you think our post is helpful then do not forget to share with others. Thanks...

How to Enable Search Description ?

How to Enable Search Description

Step 1: Login to your blogger account select Settings from blogger main menu. Now click on Search preferences under settings.

Blogger Enable Search Description Meta Tag

Step 2: Click on Edit under Meta tags option.

Step 3: Here you will found 2 option (Yes & No) tick on Yes a new box will appear. Write down your blog description (not post) in there.

Step 4: Now finally hit the Save changes button. You are successfully enabled search description for every post.


SEE ALSO: How to Display Most Commented Posts in Blogger


How to Write Search Description:

By flowing above steps you have enabled search description setting for your blog. Now we will see how to write search description in a post.

Step 1: Go to your post editor or attempt to write a new post.

Write Blogger Post Search Description

Step 2: From post editor write side menu (under label & permalink) click on Search Description.

Step 3: A blank box will appear write the post summary(what you want to show under post title in google search result page) in there & press Done button.

How to Add Auto Page Refresh System in Blogger

Do you want to increase the pageviews of your Blogger blog? If you do then Auto Refresh system can help you out in it. The Auto Refresh system will refresh your blog after some specific time and hence it will count as a new pageview for blog. And, today we are sharing a tutorial with you guys which will make you learn to add Auto Refresh system on Blogger. We will be using a as small code which will help you out in auto refreshing your blogger blog. So, today we will show you how to add auto page refresh system in blogger site.

Auto Page Refresh For Blogger Auto Refresher To Increase Blogger Page Views Blogger Auto Refresher

SEE ALSO: Add Stylish Vertical Floating Sharing Buttons to Blogger

What is Auto Refresh System?

We have briefly discussed about auto refresh system above now let us elaborate it more here. It is a meta tag in which you specify a certain time and after that certain time your web page will get refreshed. It may seem interesting to many of you as it will help you to increase your blog’s pageviews.

How to Add Auto Refresh System:

So, here are the steps which you need to follow in order add auto refresh system. Now without taking your time, we would ask you to get towards the below piece of writing.

First of all, go to Blogger and Select your Blog.

Now, Click on Template from sidebar and then Click on Edit HTML button.

Then Single Click in Template coding and Press Ctrl+F. Then a search bar will pop.  Now with that search bar look for </head> in the template coding and then press enter.  Ones you found it, paste the following code above </head> tag.

Auto Refresher To Increase Blogger Page Views Blogger Auto Refresher

<meta content='120' http-equiv='refresh'/>

The 120 number represents the number of seconds; you may change it according to your need. In my code the page will auto refreshed after 120 seconds means after 2 minutes.

So, now this will auto refresh your blog on your set times. If you are facing any trouble while applying these steps then lend your queries in the comment box. We shall get back to you and will try to resolve your queries shortly.

Was it helpful? If it was then don’t forget to share this article with your other friends too.

Tuesday, April 12, 2016

Stop Blogger from Redirecting Blogspot to Country Specific URLs

Let's say you're from France and have set up - just for examples sake - a blog called frenchlitgeek.blogspot.com where you share your thoughts and insights on French literature. Now, with Google's country specific redirection in Blogger, you might be redirected to frenchlitgeek.blogspot.fr when you try to access your site. The thing is, you perfectly liked the .com and didn't sign up for the .fr but you find yourself being directed there. Sure, your blog works and all but you also wonder why.


Why Did Google Do This?

Google has always supported the expression of views, and they stated as much on their official blog. In the post Free expression and controversial content on the web, which was published in 2007, it said "Our world would be a very boring place if we all agreed all the time. So, while people may strongly disagree with what someone says, or think that a particular newspaper is total nonsense, we recognize that each of us have the right to an opinion."

The post continued, "We also know that letting people express their views freely has real practical benefits. Allowing individuals to voice unpopular, inconvenient or controversial opinions is important. Not only might they be right (think Galileo) but debating difficult issues in the open often helps people come to better decisions".

earn money, google adsense
Country Specific Redirection Blogger Blogspot
While the company is clearly on the side of people freely expressing their opinions, they also believe that a line has to be drawn somewhere. Then again, for a company providing services in over 100 countries around the world and each with their own national laws and cultural norms, it's surely difficult for a company like Google to decide where to draw boundaries.

However, there are cases like child pornography which is illegal in just about any country where decisions are clear cut.

For a company whose products are "specifically designed to help people create and communicate, to find and share information and opinions across the world", how does Google deal with this challenge?

One of the most challenging areas where Google deals with issues regarding free expression is in Blogger, their content generation platform. Since Google can't check what you've written before you publish, they rely on active vocal users who are diligent in alerting the proper if a post borders on offensive. Then again, that in itself is a tricky issue as well because what one person may view as offensive, another might not.

In other words, it's always a work in progress with Google.

Fast forward to January 9, 2012 when Google announced it was making changes to the Blogger platform with regards to censorship. That said change would make use of a country specific domain to the Blogger platform. Doing this would allow Google to censor and remove content specific to a certain country.

In their announcement, Google said: "Migrating to localized domains will allow us to continue promoting free expression and responsible publishing while providing greater flexibility in complying with valid removal requests pursuant to local law. By utilizing ccTLDs, content removals can be managed on a per country basis, which will limit their impact to the smallest number of readers."

The move by Google come after pressure from countries like India that are working on hunting down content on social media sites which are considered inappropriate. Also, the move followed closely on the heels of Twitter's new censorship policies.

Since Google aims to "help people create and communicate, to find and share information and opinions across the world", it would be strange to take down a post that was just banned in a certain area. In essence, with country specific redirection, a piece of content can still be accessible by the world save for the country where it was blocked.

How Would Country Specific Redirection Affect Your Site?

Of course, not all site owners greeted the country specific URL change with open arms. A few of the issues brought up in regard to the change include:

1. A reduction in social stats. These are your Facebook Likes, Google +1s and so on from your blog posts. They might be reduced because the URLs from one blog post will be different depending on where your readers are from.

2. A problem with external commenting platforms. If you use Disqus - for example - for your comments section, then you might run into trouble because blog URLs will be different even if essentially the page being accessed is just the same.

3. A slight problem with AdSense earnings. Some users have complained about seeing a dip in their earnings when their pages are served through country specific domains.

4. An issue with link juice. You want external sites to link to you and not your country specific URL. But the issue here is that you can't control how others link to your page. They might use the top level domain or they might use the country code top-level domain.

Stop Blogger from Redirecting to Country-Specific Domains
If country specific redirection affects important factors such as traffic and link juice, and you need those in order to rank well, what can you possibly do? Well, thankfully, Google has provided a way to get around this. All you have to do is add an ncr/ to the end of the URL - ncr here stands for No Country Redirect. So basically, it goes frenchlitgeek.blogspot.com/ncr/.

That solution is great but do you want your users to always have to do that every time they visit your blog? To eliminate that hassle, and for the good of your site statistics, a simple redirection script will do the trick. Here's how:

1. Log in to your Blogger account.

2. Click on Template → Edit HTML.

3. Find the tag in the HTML editor by opening the search box using Ctrl + F.


4. Copy the redirection code seen below after the tag.



<script type="text/javascript">
var blog = document.location.href.toLowerCase();
if (!blog.match(/\.blogspot\.com/)) {
blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");
window.location.replace(blog);
}
</script>

5. Click on "Save Template".


And that's it! Whenever someone accesses your Blogger, they'll be taken to the top level domain rather than the country specific one.

Download Premium SNews Responsive Magazine Blogger Template


Name Of The Template : SNews - News/Magazine Responsive Blogger Theme.

SEE ALSO:Stop Blogger From Redirecting Blogspot To Country Specific URLs


SNEWS BLOGGER TEMPLATE, Download Premium News Responsive Magazine Blogger Template, Theme Forest

News Responsive Magazine Blogger template Features

Current Version: 1.4.1


100% Responsive (Desktop,Tablet,Smartphone)

10+ Recent Post by Labels Widget

Third Party Image Support

Support 3 Comments System (Blogger,Facebook,Disqus)

Recent Post Widget

Random Post Widget

Featured Post Widget

Recent Comment Widget

Disqus Recent Comment Widget

Flickr Badge Widget

SNEWS BLOGGER TEMPLATE, Download Premium News Responsive Magazine Blogger Template, Theme Forest

News Ticker Widget
Related Post Widget
Optimize SEO
Dropdown Menu
Tabel CSS
Review Shortcode [New]
Post Pagination [New]
Ads ready
Top Social Icon
Social Counter Widget
Author Profile
Google CSE
Page Navigation
ShortCodes
Compatible with major browsers (IE9+,Mozilla,Chrome,Safari)
Professional admin layout, help you easy work with blog layout
Support RTL
Custom Error 404 Page
Archive Page
Support Advance Editor: upload background images, change background color, key colors, fonts
Support Print CSS and allow visitors share articles email


Monday, April 11, 2016

Download SORAMAG Blogger Templates - FREE

Sora Mag is a complete Blogger theme for a news or magazine site with the focus of attracting and keeping visitors on their site. It uses the best clean SEO practices, and on top of that, it’ s fast, simple, and easy to use.

SEE ALSO: Download SNews Responsive Magazine Blogger Template - FREE

Sora Mag Blogger Template Theme, News or Magazine Blogger Template, New Blogger Template 2016
SORA MAG Blogger Templates
Not only is it responsive but it also keeps that magazine feel right down to mobile screen sizes. Practically every typographic element has been endlessly tweaked for different screen sizes to make sure it looks great no matter what the device.


Tuesday, April 5, 2016

How to Change Links Color in Blogger ?

Being a blogger you must got worried about your website design and appearance. There are lots of professional blogger templates together with custom patterns and format. But not really a single template comes with 100% fulfilment. We need to customize them to give a real look which we want to show to the readers. Obviously blog site design is the very first thing that encourage readers to stay longer on our blog to learn to read more content present on our blog. Best layout with excellent text font as well as link color makes our blog additional professional looking. When we use custom templates in our blog site, we must customize it according to our need like changing text fonts, font measurement, hyperlink coloration etc. This is exactly why to produce things possible for newbie web owners today I bring a tutorial on how you can change Hyperlink color in Blogspot blog.

How to Change HyperLinks Color?

Just follow the simple steps mentioned below to change the hyperlinks color in your blogger blog:

  • Go to your Blogger account.
  • Navigate to Template > Edit HTML.
  • Now press Ctrl+F and search <b:skin> in your template.
  • Click on black arrow to expand the code.in your template.
Edit html - blogger

Now look at the CSS code of hyperlink in your template which something look like this:


Hyperlink colors


Now edit a { color:#0084CE; } with that color you want to use for hyperlinks.

Edit a:visited {color: #289728;} to change color of visited link.

SEE ALSO: Create A Rollover Image Effect (change image on mouseover)


Preview and save the template.

That's it.

You can use this Color Codes Tool to get hexadecimal code of your favorite color.