Earcontra

Earcontra.com is a blog for everyone who's curious about Blogging Tips, SEO, Making Money Online. We share fresh and updated information related to Bogger Templates, Layouts, Blogger Widgets, HTML & CSS Tips, jQuery Tweaks, JavaScript Scripts, and other related keywords.

  • About
  • Contact Us
  • Disclaimer
  • Privacy Policy

Is Yellow Token Really a Scam Project?

Posted by Unknown at 6:16 am
This Steemit author have really gone wild after not getting his rightful token. Bad mood can really spark up little problems sometimes - What is supposed to be overlooked will turn into a big deal, I remember my Mama.

According to the criticism, he claimed that Yellow Token didn't give him and others what belonged to them and decided to tag them as scammers, which is actually right. I honestly want this sort of things to hit Cointelegraph and let some many of these things explode.

One thing I find with this is that Ethereum's growth wouldn't be like Bitcoin. They allow all sort of rubbish going on within the circles of their comic eyes. You can see the amount in any address you find, it's not private at all, and now people are using it for tokens and are scamming people. What a bad reputation building up like a pile of sand against a wall.

Anyways, here is the article on steemit. Yellow Token Is a Scam

BTC2x - The Most Advanced Version of Bitcoin

Posted by Unknown in: BTC BTC2x Hard fork Segwit2x at 3:19 pm


Bitcoin SegWit2x is a hard fork that will launch on November. It aims at improving the functionality and sorting out the volatility and uncertainty caused by the infigting within the Bitcoin community.

Prior to hard fork, free BTC2x will be distributed with AirDrop , so you can take your BTC2x and trade it on November.

BTC2x will be the most advanced version of Bitcoin with faster, smarter and more secure transaction and lower transfer fees.

You will find more information on their website. Make sure to participate in their airdrop program. BTC2x⤤

How to Make Blogger Widget or Sideber Fixed, Sticky or Float

Posted by OG Superman in: Blog Design at 5:38 pm

Hi people! I was just sitting yesterday watching TV  when this thought occurred to me, and I thought there are some people out there trying to do something like this on their blog.

Okay, what happened was that in 2014 I actually wanted to get this done on my blog after seeing it on Lifehacker.com, it was awesome 🙀. They used it to make an AdSense ad unit fix to the screen for much more visibility and you know, increase CTR. That would actually have made them a good income from Adsense. 

The function can be implemented to your blog with just a simple CSS line of code. The thing is to make it look very professional, you need to make the widget the last in your widget list.

So here is how to do it, but first, you must note the ID of your widget. To get this ID number, you need to click on the edit link in the Layout tab of your dashboard. 

Layman explanation ⇉ Login to Blogger⤤ ⥤ Layout ⥤ Your widget that you are working on ⥤ Click on the edit link ⥤ Click on the address bar of the pop-up window ⥤ go to the end of the address ⥤ The Lable name with a number at the front is what you are looking for.

Well, I feel responsible because I have already started writing this post, so I'll add a screenshot 😕.


That's what you have to do to know your widget ID. To the next step;


Go to Template ⥤ Customise ⥤ Advanced ⥤ CSS ⥤ Paste the below code according to preference.

For Widget


.WidgetID { position: fixed; }

For Sidebar


.column-right-inner { position: fixed; }

Customising

Replace the widgetID with yours.

Change .column-right-inner to left if you have your sidebar on the left.

That's it guys. Let me see your thanks in the comment, and if you have any issues also, that's why I have the comment box there. 



Activating Google Plus Comment System In Blogger

Posted by OG Superman in: Comments at 5:31 pm
google+ commen system activation


Gone are the days when you needed to edit the HTML of your blog to add google plus commenting system to your blog. Now, Blogger has made it easy with just few simple touches and there you go.

Let's Look at the Benefits

The common blog comments method I can point to is the default blogger comment, WordPress comment (I don't like it though 😒), Disqus (I do like it 😘,)

Although it's not very common to see people using the Google plus commenting system on their blog. But one great benefit it has is that you will definitly know when you get a reply. If you were dealing with someone,  let me say, you asked that person a question through Google+  and the person hasn't even been online for months, when that person comes back online and just surfing through the internet, he'll see see your mention and reply back, unless he has no more interest in the topic.

How will he even know you mentioned him in the first place? Okay, so he was surfing as I said. Then came a time that he visited youtube or searched for something with the Google's search, he will see an unmissable notification beside his profile picture. He will feel inquisitive and click on it, there you go, he sees your mention and he replies you.

On the other hand, I did metion that I like Disqus above, but the thing is that I am the type of person who doesn't keep tabs on websites like Disqus and apart from that, I have a hard time login into my Disqus account to make a comment. Meanwhile, there is a high probability that you are already logged into your Google account which makes me just navigate to the comment box and enter my thought.

I'm pretty sure you get what I am saying now. Well, that's my own opinion and you are free to have yours.

One important thing is that, it is important to use the commenting system that works best for your type of website or niche. Like for some type of blogs, it is better to have Facebook comment system, while in other niches the best comment system varies.

Adding Google Plus Comment to Your Blog

Adding it is now made easy all you have to do is this;

google+ commen system activation


Login to Blogger⤤ ⥤ Settings ⥤ Posts, comments and sharing ⥤ Google+ comments

Click on the dropdon and select Yes to and Save settings to start using Google+ comment system on your blog.

There you go! It's working, regardless of the type of template you are using.


How to Center Blogger Header Image

Posted by OG Superman in: Blog Design at 4:26 pm
The header of a website is the first thing a user notices on his first visit to that website. So, it is essential to have a  standout and clean header. We should also make changes that fit our blog so that it looks pleasant in the eyes of users.

At a point in time, we will find the need to adjust the header of our blogger blog, which is why I believe you are reading this post right now. With the codes I will be sharing, you make any edit to your blog header is you really understand basic steps in coding.

If you don't have an idea of what to do, this post is going to help you, So, please follow the tutorial I have prepared for you and you will get it done in no time at all.

center blogger header image


Step 1. Go to Template ⥤ Customise ⥤ Advanced ⥤ Add CSS

In the CSS editor, paste the following code, according to what you want.


#header-inner {background-position: center !important; width: 100% !important;text-align: center;}#header-inner img {margin: auto;}

You can change the center to right of left depending on where you want your header to be.

To Make Header Full Width

#header-inner { background-size: cover; width: 100% !important; text-align: center; } #header-inner img { width: 100%; height: 100%; }

To Align Text to The Side of Header - Side by Side Style

#header-inner {background-position: right !important; width: 100% !important;} .titlewrapper, .descriptionwrapper {float: left;clear: both;margin-left: 20px;}

To make the image appear to  the left, change the left to right

Step 2. Apply code to blog by clicking the Apply to Blog button.

That's how it's all done. You can alter the the the texts in red.

Like I mentioned earlier, you can make more core edits if you know the basics of CSS. The margin can be altered, you can even add your own margin definition and set the measurement according to how it tally with your blog design.

If you don't know anything in CSS, you better not change the codes so as to not mess up your header. You can find someone who understands better than you do.

How To Create A separate Label or Tag page In blogger

Posted by OG Superman in: Menus at 11:31 am
Adding labels to separate page in blogger

Sometimes ago, I thought that it would be nice to have a standalone or separate page where you can display the labels, then add the page to your menu. So on one of my blog I did it.

You may have your own reasons for adding labels into a page, maybe because you have too many labels on the side of your page and it's looking ugly. 

To Keep a long story short, I will be teaching you in this post how you can add a labels or tags into pages or lets me say creating a separate page for labels. 

The first thing you have to do is create a label gadget if you haven't already done that.

Step 1. So, you have to create an empty page and name it tags, or whatever you prefer. To the right side of the page, you see the page settings - Set it to Interpret HTML and save the page.

Step 2. Go the Template and select Edit HTML. 

Find the closing </head>  tag and paste the below code directly above the tag and save your template.




<b:if cond='data:blog.url != "http://yourdomian.com/p/tags.html"'>
<style>#Label1 {display: none !important;}</style></b:if>


Make sure to change the domain.com part to the url of the empty page you created earlier.
Also, change the Lable1 to the label number of your label gadget. To know the label number, simply hover over the little edit link that appears on the Label gadget and look at the link that appears to the right below the screen of your computer, there you will find the label number.

The last thing you have to do is move the Lable gadget below the main blog gadget. So that it looks similar to the screenshot below.



You have to place the label gadget directly below your main blog or content gadget. If you don't do this the page will not display the labels.

If It doesn't still work after going through all the steps, follow the below guide which requires you to edit your HTML.


If It Doesn't Work
Step 3. Go to Template and select Edit HTML. Make sure to backup your template if you haven't already done that.

Then using the Jump to widget feature, Jump to the Label number if your label widget.



When you find it, use the little black arrow sign that appears with the code numbers on the right. You will need to click on that sign. The code will then drop down and you will see this code appear.

<b:includable id='main'>...</b:includable
You will have to click on the arrow of the above code again, to see  the code in full.

Step 4. Then you will copy all the code starting from <b:widget id='Lable'  down to </b:widget>. The code you have to copy will look similar if not exactly to the code below.


 <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>
                         <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
                       </b:widget>



You have to copy the code to your notepad and then delete the one in your HTML.

Step 5. After you have done that you'll need to use the Jump to widget button. Then Jump to blog1.

Locate the closing </b:widget>  of blog1 section and paste the Label code you copied earlier to your notepad just below the closing widget that I highlighted in yellow.

If you can't locate the closing widget, then search for the code below


<b:includable id='postQuickEdit

When you find it, scroll down just a little and you find the closing </b:widget> 

Just below the closing widget tag, that is where you'll paste the Label code. I mean the code you copied to your notepad earlier.

Study the screenshot below.



The part with the red strikethrough is where your Label code should be.

After you are done, save your template. Now open the page you created and there you have your Labels.


How To Correctly Apply For Google AdSense With Blogger Blog

Posted by OG Superman in: Adsense at 9:23 am
With the recent changes with Adsense website, you will notice that if you applied for Google Adsense through the earnings tab in your blogger dashboard, you will get a message that your application is now being reviewed and that they will get back to you within  a week of your application submission.

You will be surprised to find yourself waiting for weeks without getting a reply email as to what they have decided on your after reviewing your application. When you check the earnings tab, you will always find that notification that your application is still under review by Adsense team.

The problem is that as of the date of this post if you have applied for Adsense through the tab earnings tab, you will get that message for a long and undefinable period of time. The reason is that Adsense now has a new method of reviewing applications which require you implementing an Ad code in the body of your blog before they start reviewing your application.

If you applied directly from Adsense website, then you will have no problem because you will be given the code to insert in the HTML of the blog. But if you already applied through blogger's earnings tab then follow the below procedure to have the team review your application.

AdSense Not Replying To My Application

To make Adsense team further with your application, the now request that you implement a code into your website, but you will not get this message if you applied through the earnings tab.

What you have to do is copy the below code into the opening head tag () of your blog. Or you can simply add the code by adding an HTML/Javascript gadget in the layout tab of your dashboard.
BIG GRAMMARS? 😕LOL. Follow my guide.

  • Login to blogger
  • Go to layout
  • Select Add a Gadget and Add HTML/Javascript
  • Copy and paste the below code into that HTML/Javascript editor box.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-XXXXXXXXXXXXXXXX",
    enable_page_level_ads: true
  });
</script>

Make sure to change the multiple Xs with the yellow background to your publication ID. You will find the ID in the earnings tab. Just switch to the earnings tab and copy your publication ID, then replace the Xs in yellow background with the ID and finally save the gadget.

All you do now is wait. If you are not replied withing a week, then within 10 days (excluding weekends), they will reply you with an email message and then you can find out if you were approved or not.

That's it, my people. See you on the other post.
Older Posts Home
Earcontra

Popular Posts

  • How To Create A separate Label or Tag page In blogger
    Sometimes ago, I thought that it would be nice to have a standalone or separate page where you can display the labels, then add the page t...

ABOUT EARCONTRA

Earcontra.com is a blog for everyone who's curious about Blogging Tips. We share fresh and updated information related to Bogger Templates, Layouts, Blogger Widgets, HTML & CSS Tips, jQuery Tweaks, Javascript scripts, and other related keywords.

QUICK NAVIGATION

  • About Us
  • Contact Us
  • Disclaimer
  • Privacy Policy

FEATURED CONTENT

  • Adding Related Posts Widget In Your Blog
  • Automatic Date Counter Widget
  • Setup Blogger With a Custom Domain Name
  • How to Create a Demo Page

© Copyright 2016 Earcontra · All Rights Reserved · And Our Sitemap · All Logos & Trademark Belongs To Their Respective Owners·
Template Developed By Blogging Recipes.