Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Thursday, June 15, 2017

How To Find RSS Feeds Of Blogger Blog

How To Find RSS Feeds Of Blogger Blog

RSS feed is a source of latest posts in a blog or website. It contains a bunch of text with some summery from a post, its title, category, publish date etc. RSS feeds are required sometimes for some gadgets like recent post widget and sometimes it is need to submit RSS feed to certain websites which index your blog or site post on there site or promote your site's post so they require a link to your site to get all the latest info from your site once otherwise it will take a lot of time to index posts.
Other uses of RSS feed is in submitting posts to Google or Bing via Webmaster tools.

So here is a quick guide to get Feed URLs for a blogger blog.

Blogger Feeds URLS

FULL SITE FEED:

Atom 1.0: http://[blogname].blogspot.com/feeds/posts/default
RSS 2.0: http://[blogname].blogspot.com/feeds/posts/default?alt=rss

FULL SITE COMMENTS-ONLY FEED:

Atom 1.0: http://[blogname].blogspot.com/feeds/comments/default
RSS 2.0: http://[blogname].blogspot.com/feeds/comments/default?alt=rss

LABEL-SPECIFIC SITE FEED:

Atom 1.0: http://[blogname].blogspot.com/feeds/posts/default/-/Label name here

RSS 2.0: http://[blogname].blogspot.com/feeds/posts/default/-/Label name here?alt=rss

INDIVIDUAL POST COMMENT FEED:

Atom 1.0: http://[blogname].blogspot.com/feeds/<postId>/comments/default
RSS 2.0: http://[blogname].blogspot.com/feeds/postId/comments/default?alt=rss

The same feed URLS are true for custom domains so if you have upgraded to a custom domain you can use your custom domain URL in place of [blogname].blogspot.com

Search Keywords: blogger rss feed url, Finding your Blogs Feed Url, How to Find Your Blog's RSS Feed URL, How to Get the RSS Feed URL From a blogspot blog, feed urls blogger, feedburner blogger tutorials, blogger feed

Hope this article helps..

Source-101helper
Read More »

Monday, May 29, 2017

How To Get Blogger Posts Index Faster

How To Get Blogger Posts Index Faster

Every added blogger deficiency to buildup his blog traffic very immediate, for this you compulsion to index your blog unexpected.Indexing a adjunct blog can receive two weeks or more normally but we can stick the process by easy behavior.Actually this process append two steps.In first stepgoogle bot cd insinuation of your posts and record it in search index box.Once your posts will index google bot begin crawling your blog.

Google bot is the whole full of beans because billions of people update their blog daily and even hourly and it can not index all of them simultaneously but todayi will function you how to eagerness going on this process.

How Google And Other search engines finds your blog?

You have to agree your blog or site's sitemap to webmaster tools to declare search engines that you have a site or blog and you nonappearance it to index your blog and its content. So after submitting sitemap to search engines, they crawl your blog or site and index its pages which are allowed to be indexed

Submit sitemap:

Sitemap is enormously important influence, it assent more sponsorship to Google and auxiliary search engine site crawlers that are bots to crawl and index your blog. It is a loving of notification to search engines just about already notice appendix in relation to your blog. When a sitemap is submitted to search engine it starts showing and no-one else submitted posts.

Ping your blog:

Actually many newbies operate not know just about blogger seo and how search engine works and for that excuse fails to acquire traffic. Pinging your blog publication search engine that your blog is updated and it helps to index your blog fast. You can ping your blog daily there is no limit but it is recommendedto ping back you update your blog gone active content.

You can ping your blog atpingomatic.com

Fetch as google:

Use "Fetch As Google" in Google webmaster tools and Bing webmaster toolsto agree your new posts and exclude those which you don't aspire to be indexed. You can locate this tool in Google webmasters tools and Bing webmaster tools, I am not well-disposed about Yandex. It will put in the works to to index your posts speedily.

Share your content:

Also part your late accretion posts as regards social media. It moreover helps you to acquire targeted traffic, yearning posts tp pinterest or making a video related to pronounce and find the maintenance for connected member in the report will bring you targeted traffic as ably as boost indexing process. A blog which have all posts shared more upon social media is considered as an responsive blog and crawling of auxiliary posts is faster than postscript blogs.

Submit blog to directories:

Submitting your blog to directories is enormouslybeneficial in indexing a added blog. There are paid as adroitly as find not guilty directories available online. Dmoz is one of the very popular, human edited calendar and its pardon, you can submit your blog to it and find option directories upon Google!

Do not hurry the process, be patient!!!! Thanks
Read More »

Sunday, May 28, 2017

How To Add Random Posts Widget Lite Version For Blogger Mobile Version

How To Add Random Posts Widget Lite Version For Blogger Mobile Version

Good day Fellow bloggers, how's your day going... I stumbled upon a nice widget that could help us engage our visitors to stay longer reading our  post..... I am here to show us how to implement random post widget to our blogger blogs.

Random posts lite version is a widget for blogger mobile view. It is called lite version because it's code is minified so that it could load faster. Also images are removed from the links for simpler look and to boost the widget's loading speed. So lite version or random post is best widget to multiply mobile page views.

Also this widget is fixed at the bottom of mobile site and floats while scrolling and has a close button for a good user experience. A "show" button is also added to let visitors to open the closed widget and read more posts.

An attribute with "install widget" text is also added to let other bloggers reach this widget when they see this cool widget on your blog's mobile site. So don't remove this text and let other bloggers to get benefit of it. Also don't use this widget without attribute because it may become irregular due to such CSS arrangement.

Now firstly- Go to blogger dashboard > Layout.

2 - Click on "add a gadget" in footer section or in mobile footer section if you have one in your theme's layout.

3 - Choose HTML/Javascript and Copy below code and paste it in the HTML/Javascript window.

<p id="show">↑ Show</p>
<ul id="random-posts">
<a href="https://winnysblog.com/2017/04/random-post-widget-lite-version-for-blogger-mobile-site.html" id="credit">Install Widget!</a>
<p id="hide">✖</p>
<h3>Related links:</h3>
<script>
var randomposts_number = 2;
var randomposts_chars = 0;
var total_randomposts = 100;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t }
document.write('<script type=\"text/javascript\" src=\"https://101helper.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } }}; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script>
<script src="https://rawgit.com/101Helper/mobile/master/random-litev1.js"></script>
</ul>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/101Helper/mobile/master/randomlitev1.css"/>


Note :Replacement
var randomposts_number = 2;    //////////// Number of post links

<h3>Related links:</h3>        //////////// Widget title

https://winnysblog.com    //////////// Your blog URL

4. Save the widget and note its ID.


5: Go to theme and click on Edit HTML.

Now search for the widget id you noted in Step 4 and add mobile="only" after locked="false" in the code. 


Finally Save your template and you are done.

Hope it works 
Read More »

Wednesday, May 24, 2017

How To Implement Scrolling Back To Top Button To Blogger Blog

How To Implement Scrolling Back To Top Button To Blogger Blog

Good day everyone,, I was just surfing round the web and I came across a very nice widget... The Scrolling back to the top widget, good for bloggers... So I decided to show you guys how i implement it on my blog.

First Step: Log in to blogger dashboard...

Step 2: On the menu navigate to 'Theme' and then locate 'Edit HTML'.


Step 3: Click anywhere in the box, press CTRL + F and search for the </head> tag


Step 4: Just above </head> paste the below code.


<br />
<style type='text/css'>
/*<![CDATA[*/
/*Back To Top*/
.scroll-button{box-sizing:border-box;font-size:1.2rem;line-height:2rem;padding:3px;width:38px;height:38px;right:20px;bottom:20px;visibility:visible;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:pointer;transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;background:none;border:solid 2px rgb(210,104,211);color:rgb(249,104,211);border-radius:0%;position:fixed}
.scroll-button:hover{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.scroll-button--hidden{filter:alpha(opacity=0);filter:progd:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
/*]]>
</style>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawgit.com/mastamvan/backup/master/backtop.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
<br />

Then finally, save template.....

Note:Scrolling back to top button is very important for our blog and every blogger should try to have it enabled since it helps your reader to easily scroll to the top after reaching to the bottom of the theme/blog..
Read More »

Tuesday, May 23, 2017

How To Add Social Media Icons In Blogger Default Template

Good day everyone, I am here with another exciting tutorial for you all..

How To Add Social Media Icons In Blogger Default Template

Today,i am going to be showing you all on how to add social media under powered by blogger on blogger default template like what you seeing in the picture above.But firstly, the procedure is kind of complicated so I will need you all to follow the instructions very carefully....

Backup your template first before you start with the tweaking.

Visit your blogger dashboard, navigate to themes then click on EDIT HTML...

After that,,, you click anywhere inside the box, and you press ctrl+f and search for the </body>.. Then you look upward carefully, you will see this code

</b:section>

After the attribution code line

Directly under the above this code </b:section>, you paste this below code directly below the above code..

<div class='connect' style='text-align: center;'>

  <a href='www.twitter.com/urbanstreet2015'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6G8W9dbFH0CZuC9h15sxCNj3KMse9pAJFB-YXauuL2TTh6kHm99m_SbsGzBebBY6jECxeH9Va-M6lOG9Xcl0WMVWrkiJaVHYnPQDufPJwodvhFPKMejUYEs1ADLnGylzoaYmMyX4w2w/s1600/twitter.png'/></a>

  <a href='your-instagram-link-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc6-dD8OdfAust6n-AX5y1_zyPYYMtI8UPSTwhS7zs7d5qiDVf36fE170LB_kN_oGTIxcxuOgaCM_D23CscSqpjwvPH2Ciy2HN9GJepBuIDJY0bVME-Grv6AghchYy46Y_gd4cOuAwowW1/s1600/instagram32x32.png'/></a>

<a href='googleplus-link-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWQx4SMxUkg7W-NvNNpcDf4S14uqJJTF77xprkPUv8elJ8CB67u0lKI6X-zCS2mXOkynKZhES5xHS9hjI3t2S3LGgLRUX7EUgHQu__FJmjMOmoDBYeCNpHHhWX8exSqP3xbRKtYLhRxM/s1600/googleplus.png'/></a>

  <a href='www.facebook.com/urbanstreetng'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOqvuAJJxA-BA53LCjxAnIVO77Yp1bQ8rn_6jBpV7_SgJZO6aJRXvQcb2NY25VEHmWFJqrWEcBoPemrWaveHOvABWfsVOr30jHccCcUHMq10MqzC8TZ4H8gnpr8zlJ-vDXDGF5GzeBz5o/s1600/facebook.png'/></a>

Once you have paste the code, you can now remove the URL in the code above and replace it with your social media URL..... Then save template!! 

Hope this article helps, feel free to drop your comments..... 
Read More »

Monday, May 22, 2017

How To Add Auto Readmore To Blog Posts On Blogger Default Template

Auto Readmore

Hello fellow bloggers,, I am back again with another tutorial of interest to you all newbie bloggers.... This afternoon, I am going to be showing and teaching  us how to implement Readmore button to your blog post on blogger default template... They are actually 3 ways you can do that;-

1. Via Css
2.Via javascript
3.Via using jump break in blogger post editor.

Number 3 is commonly used because some don't know it can be done automatically.....but I am going to be showing you how to add Auto Readmore via css...

So let me show you guys how to do it... Backup your template just incase..

Firstly:- Log onto your Blogger dashboard, then navigate to Themes, then go to Edit Html,

Secondly :-Click anywhere in the box and Press Ctrl+f to open the search box, then look for this code

]]></b:skin>


Thirdly:- Now paste the below code, directly above  ]]></b:skin>

.thumbnail-post {
  width:240px;
height:156px;
float:left;
margin:0px 10px 0px 0px;
}

Now after that, FInd this code <data:post.body/> then replace it with the code below


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'><img class='thumbnail-post' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
    <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='Your Image thumbnail link'/></a>
    </b:if>
    <div class='post-snippet'>
    <data:post.snippet/>
    </div>
    <div class='rm-button-wrap'>
    <a class='button' expr:href='data:post.url'>Continue Reading</a>
    </div>
    </b:if>
    </b:if>
     
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>

    </b:if>


You may find multiple occurrences of the above code( <data:post.body/>) but you will need to stop at the second one..... Then save template..

Goodluck!!!

Feel free to drop your comments if it works for you!! 
Read More »

How To Unblock Friends On Facebook

Good morning you all,, this is actually my first post on this blog about tutorial..

Well,, let's get down to the tutorial I want to drop now.I have noticed or let me say observed that most Facebook users that blocks their annoying friends don't know how to unblock them back or say they mistakenly blocked a friend that they want to unblock back.... Well, this good news for such people who fall into this category...

Now I am gonna be showing you how to unblock your Facebook friends in the simplest way ever...

First step: login to your Facebook account and click on account settings...


Second step: when u have clicked on account settings, you will see some list of settings, if you look closely, you will see the blocking option there as shown below, click it....


Lastly:You will now see all the friends you have blocked,,, then you choose on the unblocking tab and unblock the friend you wish to unblock...




Very easy right!!! Hope this article helps you......
Feel free to drop your comments if you have done yours....... Thanks!! 
Read More »
Designed by gendermoment'z Blog