Breaking

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

Saturday, September 02, 2017

3:54 am

How to Add Follow Buttons to Your Blog


This is no new trick and theres no need for long story in getting this done as it is just some click away from getting this done. Basically what follow buttons do is that they link your readers to your social media pages in which you get to have more likes on your social media pages more subscribers to your channel . So to add this follow buttons to your blog you need to go.The reason for adding this post is that, recently i noticed people makes use of adblockers more often which wouldn't make the share buttons appear. So on this post i would be sharing the script you can make use to add share buttons to your blog which wouldn't be blocked even when the user makes use of adblocker.

Read also:How To Add Smiley Buttons To Your Blog

Steps to add follow buttons to your blog.

»Firstly, log to your blogger dashboard  and locate Layout on your dashboard.

Add follow buttons to blog_Naijabrainies

Read also:How to Remove Footer Credits and Stop Redirection

»Decide wherever you want the buttons to be placed on your blog and click on add gadget then select  HTML/JAVA. and click on the +button.


Read also:How to Add Gadgets to Mobile View on Blogger

»Then paste all the codes below in the box provided. 

<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<style>
.gvusion-socials-icons{margin:0 0 20px 0}
.gvusion-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.gvusion-socials-icons ul li:before{display:none}
.gvusion-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:45px;height:45px;line-height:45px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px;opacity:.9;border-radius:3px;}
.gvusion-socials-icons ul li:hover{opacity:1;}
.secondary-sidebar .gvusion-socials-icons ul li{width:36px;height:36px}
.secondary-sidebar .gvusion-socials-icons ul li a{line-height:45px}
.secondary-sidebar .gvusion-socials-icons ul li a i{font-size:20px}
.gvusion-socials-icons ul li a{line-height:45px;display:block;color:#fff}
.gvusion-socials-icons ul li a:hover{color:#fff}
.gvusion-socials-icons ul li.home{background:#83868a}
.gvusion-socials-icons ul li.facebook{background:#516ca4}
.gvusion-socials-icons ul li.googleplus{background:#f20000}
.gvusion-socials-icons ul li.rss{background:#f29400}
.gvusion-socials-icons ul li.youtube{background:#f20000}
.gvusion-socials-icons ul li.dribbble{background:#dc71a6}
.gvusion-socials-icons ul li.deviantart{background:#4c5e51}
.gvusion-socials-icons ul li.pinterest{background:#f20000}
.gvusion-socials-icons ul li.instgram{background:#406f94}
.gvusion-socials-icons ul li.tumblr{background:#395875}
.gvusion-socials-icons ul li.linkedin{background:#1985bc}
.gvusion-socials-icons ul li.soundcloud{background:#f60}
</style>
<div class="gvusion-socials-icons mom-socials-widget">
<ul>
<li class="facebook"><a href="http://www.facebook.com/naijabrainies" rel="dofollow" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="http://www.twitter.com/mypage" rel="dofollow" target="_blank" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a></li>
<li class="googleplus"><a href="https://plus.google.com/mypage" rel="dofollow" target="_blank" title="Follow us on Google+"><i class="fa fa-google-plus"></i></a></li>
<li class="instagram"><a href="https://www.instagram.com/mypage" rel="dofollow" target="_blank" title="Follow us on instagram"><i class="fa fa-instagram "></i></a></li>
<li class="youtube"><a href="https://www.youtube.com/channel/mypage" rel="dofollow" target="_blank" title="Follow us on Youtube"><i class="fa fa-youtube "></i></a></li>
<li class="pinterest"><a href="https://www.pinterest.com/mypage" rel="dofollow" target="_blank" title="Follow us on Pinterest"><i class="fa fa-pinterest "></i></a></li>
</ul>
</div>
Read also:How to add Flying Twitter Bird to Blogger

Save and reload your blog to see the new change on your blog.

Are you having any issue with any of our post or you have suggestions? please feel free to drop your comment. Be social, Tell us what you think.

0
By at Comments
Labels:

Wednesday, August 02, 2017

9:40 am

How to Remove Footer Credits and Stop Redirection

Normally, When you download a free template it comes with footer links which links the template to the person who created it and which i would say no blogger would like to keep or spare. Some templates footer links remover are easy and straight while some are somehow tricky. The moment you remove some portion of code or name from the footer credit and you save changes and also
refresh your blog, it takes you to their own website. Its very simple to stop the redirection.When you try to inspect the element with your web browser, you will see the contets to be edited but in your html you wouldnt see it simply because it is hidden There are many ways people get this stuff done but i would be showing you the easiest way you can remove them and stop the redirections instantly.
Read also:How to Add Smiley Buttons to Your Blog

Steps:

  • Firstly, Login to your blogger dashboard.
  • Locate theme and click on Edit Html.
  • Here, Open your search box and search for the text used on the template. Which could be all rights reserved or made by Emmanuel 
  • infront of the text you will notice a code added to it. At the exact spot you see the links. o your blog. Just add this script to it.



style='visibility:hidden'
Read also: How to Add Gadgets to Mobile View on Blogger

After adding that line to the script save your template and refresh your blog. The new changes would stay and the redirections would stop immediately. Did you try this and it worked for you? kindly drop your comment.



0
By at Comments
Labels:

Sunday, July 30, 2017

2:46 am

How to Insert AdSense Or Affiliate Ads in-between post

After many searching i finally got the way you can insert affiliate links inbetween your blogger post. Normally, i my first thought about adding ads to blogger post is by editing my HTML. in which i was very wrong.The steps are very simple but i notice many do not know how to get it dine and it is very close to them. So on adding affiliate links in-between our blogger post would be the purpose of this post. Without wasting much of your time i would go through the steps to add ads to post.in which i feel would increases the amount of clicks you get on the ad and enable you to make more money on the ads.

 ADDING ADS INBETWEEN BLOGGER POST

  • Firstly, Log in to your blogger dashboard.
  • Locate settings and click on it.
  • The after Basic, You will find Post, Comments and sharing  and click on it.
  • So, under posts locate Post Template.
  • The box provided would be where you paste your ad codes.





So to control which part of the post should they be located is very easy and simple. Whenever you want to make a post after adding the ad codes to post template it would automatically pops up on your editing screen. So from there you get to determine which area of the post you want them to be. Do you experience any difficulty or did you try this and it worked for you kindly drop your comment below.
0
By at Comments
Labels:
Location: Nigeria

Tuesday, July 25, 2017

1:14 am

How To Add Smiley Buttons To Your Blog

Smiley i would describe in my words as an humanoid ready face which could match an individual's personal or emotional state at point in time. Smileys has been gaining wave as far way back as 1963 which the colors are mostly yellow. So, on this post adding smiley buttons would be the main focus here, whereby you can use this buttons to get reactions from your readers on your post which could justify whether the post id good and they are fine with it or the code is the other way round. Adding this to your blog is simple and i must say this is one of the best widget you can add to your blog. It basically allows users to leave feedbacks without dropping their comment.



Read also:How to add floating social and share button to your blog

Steps;

  • First and foremost go to vicomo.com
  • Here. sign up with your blog name, your website and your e-mail address.


  • Now you would be provided with a large different range of smileys and all you have to do is to pick the one you would like to add to your blog.
  • On the next page, You would be given codes to add them, Just copy them.




  • Now, Log in to your blogger dashboard and go to EDIT HTML.
  • Then press CNTR+F to open your search box and type <data:post.body/> and search.
  • Paste the code provided for you earlier right after <data:post.body/> . Then refresh your blog and the smiley buttons would appear.

Did you try this and it worked for you? kindly take some of your time to drop your comment. 

Having issues dropping your comment? kindly click here



0
By at Comments
Labels:

Thursday, July 13, 2017

11:01 am

How to Add Gadgets to Mobile View on Blogger

hey...Are you a blogger having difficulty adding gadgets to your mobile vieew? firstly know that getting them to appear on your mobile view is very simple and that would be the purpose for this post and i will be putting you through on this post.
On a nomsy default templates on blogger only displays gadgets like Header, blog, page list and other attribution.But, when using a custom templates instead of the default you will be able to add more gadgets as you please from your PC view to your mobile view template and this is easily done by setting your template on "custom" via the template section on your dashboard.
So after setting your template to custom just follow the steps and example and you would be having zero issues in setting yours also so lets get started.

Adding Gadgets to Mobile View on Blogger

  • First of all login to your blogger dashboard and make sure you know the name of the label you would be adding.
  • Locate template and click on Edit Html.
  • Search for the gadget you by pressing CTRL+F and you can also use jump to widget and tap on the widget id and you would be moved to the widget code.
normally the code should look like this 

</bLwidget id='HTML31' locked='false' title=" type='HTML'>...</b:widget>
  • so to make the gadget appear just just add mobile="yes" and the new code should look like this;
</bLwidget id='HTML31' locked='false'  mobile="yes" title=" type='HTML'>...</b:widget>



  • Now, you can tap on SAVE THEME.
After saving then refresh your blog on your mobile view and the gadget you worked on would be added to your mobile view and if you want the label to appear only on mobile view and not the PC just use mobile="only" then the gadget appers on pc view alone






0
By at Comments
Labels: