Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Tuesday, 5 July 2016

Popular Blogger, Jenny Chisom Is A Year Older Today

Abuja top blogger, Jenny Chisom is a year older today, She is also the CEO of Logos Audibles, Convener of Bloggers Party, and principal trainer at the LOGIN Blogging Enterprise Project.

To welcome her new age, the celebrated blogger posted this on her Facebook page yesterday.

Today! The last day of the first 35 years of my life!

Thank you Jesus for keeping my heart beating from that Romantic Saturday night immediately after my parents' wedding reception in Port Harcourt when I was born!

It has been 35 whole years with nothing broken and nothing missing in my life!

I have everything because of you.

I'm casting crowns at your feet Baba! You alone be the glory!

On to the next better 35 years and more...

‪#‎Grateful‬ ‪#‎NonStopBlessing‬ ‪#‎FavourAllAround‬


She blogs www.jennychisom.com and you can read my interview with Jenny on Lasgidi Online.

I am wishing Jenny a happy birthday with many fruitful years ahead.....but you didn't invite me to the party though lol.

Send her your wishes here.
Read More »

Friday, 1 July 2016

How To Create XML Sitemap For Blogger Blogs


If you are so lazy at writing codes like me you will find this handy, when creating a new blog either for me or a client I always use this site create XML sitemap.

Just go to http://ctrlq.org/blogger/ and paste your  Blog URL including http// in the space provided as seen in the screenshot below and click on Generate Sitemap.
It will automatically create your sitemap for you, all you have to is to copy the sitemap and paste it in your Custom Robots space provided in your blogger blog.

Below is the XML sitemap it created for my educational blog.


Thank you for reading.
Read More »

Tuesday, 2 February 2016

How To Add Floating Share Buttons With Notifications To Blogger

Shareaholic, Blogger, Blogging, How To Add Floating Share Buttons With Notifications To Blogger
Today, I will be teaching you how I added a floating share buttons to my entertainment blog which notifies me anytime someone shares my blog post on Twitter, the share buttons can be customized to stay either on the left or right sidebar of the blog.

This share button is called Shareaholic Floating Share Bar, With shareaholic share buttons your readers will be able to share your blog content on Facebook, Twitter, Google+, Pinterest, Email It, StumbleUpon, Whatsapp and many more social networks.

Shareaholic is Optimized for Mobile, Available in Giant Size, Full Color Customization
Custom Positioning, Share Counts, Smart Sort and Conditional Share Counts & Advanced Display.

Without wasting much of your time, lets learn how to add to it to blogger blogs.

First of all head to Shareaholic.com and sign up for an account if you are not yet registered or sign in if you have already signed up.

Step 1: Click on “Edit General Settings” as seeing in the screen shot below.

Settings for Floated Share Buttons by Shareaholic
Step 2: Now click on the little button on far right to turn Floated Share Buttons on (green) or off (red).

Step 3: Hit the ''Settings'' Icon icon next to the on/off option to configure settings and arrive here:
Updated Floating Share Buttons Settings
Step 4: Want your share buttons to be just perfect on your site? For your share buttons to be perfect on your site, just select your button size (normal/mini), activate share counts (or leave them off), for the share buttons to align on the left or right sidebar, just change the Alignment to left or right. Turn the “more options button” on (green) if you want to make it available to allow visitors to share to other networks, or turn it off (red) entirely. And if you want your buttons to look just right on your site, adjust their vertical offset to position them perfectly with your site’s theme.

Step 5: Here is for you to customize the set of buttons you want to feature: At the bottom of the screenshot above, you can select the social networks you want and add those buttons to your floating share bar. You can select as many as you want but I will advice you to select the ones you know your site visitors always use. The share buttons are 100%  responsive that is they are mobile- and tablet-friendly.

Step 6: If you don't want a certain share button button, just deselect them by hovering over each on the preview screen and clicking the little ''X'' to remove them.

Step 7: Positioning of the share button for your readers: You can arrange your buttons in any way you want by hovering over each one you want to move, clicking-and-holding it, then drag it to your desired position as seen in the screen shot below, see the way i tried to move the Pinterest button.

Click, Drag and Delete Specific Floating Share Buttons

Step 8: Finally we are done with the set up of the Share buttons, Now click on ''Save Settings'' to save it.

Now lets add the share button to our blog.

Now add your website to your account and below it you will see the ''Get Setup Code'' click it and get the set up code and add it before the the closing </head> tag in your template and view your blog to see the Floating share button live on your blog both the desktop and mobile view.

====>To enable Twitter Notifications, Go to Settings as seeing in the screenshot above, Click it and you will see the page below...


Click on ''Sharing'' next to Website page to see the page below...


In the ''Message Format'' section, you will add your Twitter handle so that anytime someone shares your blog post on Twitter you will be notified.

In the ''URL Shortener'' section, I used Goo.gl you can use anyone you want and I left the other ones I don't need.

Then coming down you will see ''Heading'', this is the message your blog reader will see after sharing your content so you can just leave it that, it doesn't end it here you can still show your social networks to the blog reader to follow you. This can be done in the ''Follow Buttons'' section, just edit it, select the social networks you want and insert your profile URL's.

So anytime someone shares your blog post, the Follow us button will pop up for him or her to follow you on your respective social networks.

Shareaholic can still show Related content to your readers if you don't have such on your blog but we are not talking about that today and you can still use the Analytics page to monitor how people have shared your post and the engagement the posts received through Shareaholic.

Below is how the floating share button looks like on my Blog desktop and mobile view respectively.
Desktop view
Mobile view
That is how it is done, is there anything you don't understand, talk to me in the comment section.

Thanks for reading and please subscribe to the blog to always receive my updates.
Read More »

Wednesday, 20 January 2016

How To Add Auto Read More Script With Thumbnails To Blogger Blogs

How To Add Auto Read More Script With Thumbnails To Blogger Blogs, Blogger, Blogging, How Tos, Tutorials,
By adding the Automatic Read More Hack or Automatic Read More Script to your blogger blog will make the home page of your blog look more professional and organised. This trick am about teaching you will show the title of the post, a short summary of the post and a thumbnail (photo), the photo will be the first photo uploaded in the post. Then, there will be a Read more or Continue Reading link which when clicked will take you to the entire post.
Now to add this to your blogger blog...

=====>  Login to your Blogger Dashboard, go to Template, Back Up your Template and click on Edit HTML.

=====> Click anywhere inside the template and find the code highlighted below using CTRL + F

<data:post.body/>
After hitting the Enter key and you will find this code more than one, please stop at the third one.

=====> Now replace the code above with the one below.....

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></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>

If you did not notice any changes after applying the above code, kindly replace the second <data:post.body/> tag too with the code above

====> Now search for the </head> tag in the template and paste the code below immediately above it.

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>

====> Now this is where the main tweaking comes from, to change the number of characters shown on the homepage there is no thumbnail (photo) modify the 490 value in red, to change the number of characters shown on the home page when there is a thumbnail or photo in the post, modify the 400 value in red and if you want larger or smaller thumbnails, modify the 160 (height) and 180 (width) values in yellow.

READ ALSO:  How To Transfer Money From UBA To Another Bank Using Umobile App

=====> Now click on Save Template, view your blog and see how the change has taken place.

That's it, I hope this helps?

Kindly subscribe to the blog to receive my latest updates and don't forget to share it with your friends using the share buttons.

Thanks for reading my first post of year 2016.
Read More »

Wednesday, 30 September 2015

HTTPS Support Coming To Blogger

HTTPS Support Coming To Blogger, Blogger, Technology,
Why I was checking my Entertainment Blogspot blog dashboard this evening, I came across this update from Blogger Buzz saying ''Https support coming to Blogspot'' so I was wondering what this is all about until I clicked it and read it, I know many of you might have seen it too but might not know much about it, so this post should be able to give you more insight into it.

So what is HTTPS ?

''HTTPS'' simply means Hyper-Text Transfer Protocol Secure, when this is enabled on a blog hackers and other internet bad guys find it difficult to steal information or track the activities of the blog author and visitors.

If a blog has this, It will help the visitors in opening the correct address and prevent them from redirecting to another malicious blog that can steal their data, it also helps detect if a bad guy is trying to change any data sent from Blogger to a blog visitor.

At the time of writing this post, this initial rollout won't support all Bloggers users as it's available for only those that are still on the .blogspot domain extension, it will be available for custom domain as time goes on.

So its now available for those users that wan't to try it at this early stage and are still using the .blogspot domain extension.

How Can I Know That My Blog Is HTTPS Enabled?

When you type in your blog address into your browser the HTTPS will appear before the www as seen in the picture below but if the website or blog is not HTTPS enabled, the address will start from www or HTTP the domain name will then follow.
 If HTTPS is enabled, the address will look like the one in the photo below.

How Can I Enable HTTPS On My Blogger Blog?

Log into your Blogger dashboard, click on the blog you want to enable HTTPS on.

===>Click on Settings then Basic scroll down and you will see ''HTTPS settings'' and select ''Yes'' to try it out.

Once HTTPS is enabled on your blogspot blog, the blog can be accessed over HTTP or HTTPS.

Blogger Buzz also said that if you choose to encrypt at this time, some of the current functionality of your blog may not work over HTTPS. This can be a result of template, gadgets, and blog post content, and is often caused by mixed content errors, some of which may be fixable by the author themselves.

There is also a video attached to this announcement, you can watch the video here.

Since this is still in the test state, I shall not be held responsible for anything that happens to your blog.

Thanks.

I hope this helps.

Please share this post with your friends and remember to contribute to the post with your comments.
Read More »

Wednesday, 24 June 2015

Engageya.com: Alternative To Linkwithin And Nrelate

As a blogger I always look out for alternatives to any widget am using on my blog. I don't just look out for alternatives, I look for the ones that will satisfy me and perform better than the current one.

I was using Nrelate on my Entertainment blog to recommend my blog posts before they announced their shutting down last year which made me to revert back to the default blogger related post widget until I changed my template to a custom template and the related posts widget was not working on it.
Engageya, Technology, Blogger,How Tos,

I was left with no other choice but to look for a good related post widget that can make my readers stay longer on my blog and I came about a Related Posts Widget by Jide Ogunsanya of Ogbongeblog.com, The related posts widget from Ogbongeblog was good but it only worked on my mobile view so I had to look for a one that will show on my web version then I discovered Linkwithin.
How Ogbongeblog Related Posts Widget showed my posts on the mobile view

Linkwithin was working very well on the web version but it was showing my old posts which I don't like so I had to change it and I came about Engageya, Enageya showed my current posts which I know my readers will be interested in.
How Engageya showed my posts on the web version of my blog

How To Install Engageya Widget....

Go to http://www.engageya.com/widgets/new/ and fill out all the form as you want your widget to look like, when you are done click on install widget.

A new widow will open as shown below.

Add the widget and move it where you want it to be in your layout, I will advice you to put it below your blog posts.

You can also monitor the performance of your widget by going to http://www.engageya.com/performance/

That's all on how to install Engageya Widget on your blog.

NOTE:The quality of recommended stories will improve once Engageya complete crawling of your blog. This may take up to several hours, depending on the number of posts on your blog.

Are you using Engageya? If yes, kindly share your experience with us.

Read More »