• Tutorials
  • Blogger Themes
  • Blogger SEO
  • Blogger Widgets
  • Internet
  • Mobile Phones
  • Gadgets
BloggerHero - Blogger Tuts, SEO, Themes, Gadgets
  • Home
  • Blogger
  • SEO
  • Themes
  • Internet
  • Widgets
  • Gadgets
  • About
  • search
    close

BloggerHero - Blogger Tuts, SEO, Themes, Gadgets

A Blog About Best Blogger Tutorials,Widgets,How To,Internet and Computer Tutorials,Gadgets,Laptops,Mobiles and Tech News.

  • Twitter
  • Facebook
  • Google+
  • LinkedIn
  • Youtube
  • Instagram
    Typography plays an important role in aesthetics of any blog, it is so important that the font on your blog does put an impact on readability of the article that your user is reading. Many people still use basic old school Arial, Times New Roman, Verdana fonts but oh boy, this is 2019 and this game needs to be on another level! So today I am going to share how to add Google Font to your blogger template or blogger theme. If you are a blogger template designer then this is really important that you must play with different typography fonts with your theme. So let's get started.

Basic Google Fonts 

    

    You can open Google Fonts at fonts.google.com and the most important thing to notice is that there are tons of fonts which you can actually use on any website. All these fonts are hosted on Google's own servers so you don't even have to worry about any hosting.You can explore the Google Fonts such as Categories, Languages and Font Properties. I usually prefer Sans Serifs as they are suitable for minimalist themes but you are free to choose your own preferred font.

Steps to Add Google Font to Blogger Template

  1. Select your google font from main page.
  2. Click on Select Font at right top corner.
  3. Click on Customize, if you want more styles you can tick the Font Weight (more ticks, more loading time)
  4. Click on Embed and copy the Code in Standard (You can also copy the @import code which needs to be pasted in CSS of your template)
  5. After copying the code, just paste the code in </head> of your blogger template.
  6. To apply the font, you will have to add the CSS code mentioned in "Specify CSS".
  7. Just copy that code and paste it in blogger template, but make sure you add the CSS property Font-Family to your CSS Codes. Such as to headings or any css ID or Class which is applied to text section. (Write down in comment section if you want to know more how to do this).
  8. You are done.
That's it, feel free to comment if you have any queries or issues or suggestions.
Do check out tutorial I wrote about How to add custom fonts to any website, more Tuts coming soon! Stay Subscribed.

author blogger, Google, how to 14:03
So finally after 2 billion years, I am back on BloggerHero with some amazing tricks & ideas to use Blogger platform in many creative ways (Of course it is FREE Hosting after all) which will help you creating sites with either no money or better than your current hosting. 
I was busy with few many experiments since last week and thus will share soon, I will be starting a Youtube Channel as well to demonstrate all of these things I have been working on recently.
But today, first time in the history, I found a way to create a static website on Blogger by Hosting Files such as CSS, JavaScript, Font Files on GitHub, so technically speaking we can create a static website with Unlimited Hosting (You'll have to buy domain anyway) as Blogger and GitHub can store data for Lifetime(Unless they crash and all data gets deleted by these companies)

blogger and github

Basic Idea 

  1. Create a Basic Blogger Blog.
  2. Delete template code or replace with one I will be sharing.
  3. Paste or Create your own HTMLCode (I may start a series of blog posts regarding HTML and CSS)
  4.  Time for GitHub, create a repository on GitHub and upload your files there, files such as CSS (Cascading StyleSheets), JavaScripts, Custom Fonts (Font Icons etc)
  5. Just simply put all the file direct links of these uploaded files and boom, your blogger custom template will be ready.
I have tested with this following blog with some random HTML Source code I had, I hosted files on GitHub, updated and everything worked perfectly, check it out yourself!


Live Demo

This is just a basic informative post, I'll be writing step by step tutorial about how you can create your own Custom Static Website using Blogger and GitHub. Also I am going to start a Beginner Series where you can learn creating blogs and basic modifications. Also we will be having new blogger template this month so stay tuned.
Please let me know if you have any queries, requests or suggestions, I will be happy to assist.
Do share with your buddies and I will catch you in next post with step by step tutorial to build easy blogs and websites!

author blogger, css 13:42
      Since billions of years, I have been experimenting with some amazing blogger templates and techniques to utilize Blogger platform in different ways. We use Blogger CMS (Content Management System) just to write articles, ever thought about using it just to host your website? well I did (You can easily make your one page custom website with blogger if you know HTML x CSS) and made this amazing resume template today!

The main advantage of using blogger is that you really don't have to purchase any hosting to host your one page site. Understanding the fact that we can play with HTMLxCSS codes in blogger themes source (we can almost do anything on blogger now)

Thus, I made the Resume Lite Blogger Template so you can create your online resume website to showcase your skills and experience. I'll be working on more desings in future, so stay tuned.

Resume Lite Blogger Template

Demo Default Demo Blue Demo Orange Download

The main reason behind using this one page template for blogger is that you don't really need to purchase any hosting and pay renewals annually (as Blogger is Free for Lifetime) just to host your HTMLxCSS codes. So feel free to use this template.

Features of Resume Lite Blogger Template :

  1. Two Column Template / 3 Color Versions 
  2. Academic Table (You can use it for anything just replace texts)
  3. Social Media Link (Added icons from Social Media Icons for Blogger)
  4. Different Sections to show your Experience, Skills & Interests (You can change / replace any texts easily to show anything)
  5. Extremely light weight, Fast loading.
tools.pingdom.com Speed Test
Pingdom Website Speed Test

How to Install Resume Lite Blogger Template

  1. Create a blog from Blogger (Incase if you haven't made one) and create one.
  2. Then go to Dashboard > Theme > click Edit HTML
  3. Press CTRL+A and Delete all codes.
  4. Then copy the template code from notepad (.txt) file and paste it there and hit save.
  5. That's it, you are done!
  6. Now to change the name, photos and remaining data find the codes below and replace the texts, you can also check the video below for more information.
<!-- EDIT META TAGS -->

<!-- YOUR IMAGE HERE  -->

<!-- YOUR NAME AND LAST NAME  -->

<!-- YOUR CONTACT DETAILS HERE -->

<!-- YOUR PRESENTATION RESUME TEXT -->

<!-- YOUR FEATURED LINKS -->

<!-- EDIT YOUR TABLE -->

<!-- EDIT ALL SOCIAL LINKS -->

<!-- YOUR SET OF SKILLS  -->

<!-- YOUR EXPERIENCE DATA  -->
If you are having any problem or issue just post it in the comments below I'll personally help you with it. Most of the things are self explanatory.
Little Tutorial Video for Help :


I hope you guys must have liked this template, thank you for all your love and support really appreciate, do check our amazing blogger templates and stay tunned for more upcoming templates via emails & facebook, twitter!

author blogger, Template 04:30
About billions of years ago, I was experimenting with some amazing new fonts (mostly from dafont and font squirrel) and I found that I can convert any desktop font into web font to use it on almost any website, even blogger (where you absolutely have no option to host any file) and guess what I did host alot of fonts on many of my projects. So today I'll be sharing easiest way to add custom fonts to your blogger blog or any website, all you need is little CSS knowledge.

How to add custom fonts in Blogger or any website

Steps to add custom fonts to blogger or any website :

  1. So first of all you need to download the font which you want to use on your website or blogger blog, try dafont.com or fontsquirrel.com . If you already have the font then no need to download.
  2. Now here's the magic, we need to convert the font to web font. Head to the Font Squirrel Web Font Generator
  3. Upload your font, click on checkbox - Yes, the fonts I'm uploading are legally eligible for web embedding.
  4. That's it! download your fonts in zip file.
  5. Now upload them at root folder of your website or DropBox if you are using blogger. 
  6. Check How to Host CSS on DropBox.
  7. Now after hosting your files you need to add respective links in the css and paste it in your blog's theme (same if you are using html based website)
  8. You can easily do this by going into Blogger > Template > Edit > Find  </head> and paste the css above </head> and save.
  9. It should look something like this. 
    @font-face {
        font-family: 'your-font-name';
        src: url('dropbox-font-link.woff2') format('woff2'),
             url('dropbox-font-link.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
  10. After saving you will need to find the font-family : previous-font; and replace it with the your-font-name in CSS (you will need to have basic CSS knowledge first but still if you are having any problem do let me know in comments)
So that's it guys, We successfully hosted a custom font for your website or blog using dropbox (you can use any hosting platform though if you have your own hosting that'll be great.)
Additional Content :
  • Best Social Media Widget For Blogger | 2017
  • MaterialMix : A Free Material Design Blogger Template
I hope you must have liked this article, do share with your friends and let me know in comments section which font I should use in my upcoming themes or widgets or just your favorite font.

author blogger, how to 12:00
Downloading Low Seed Torrents with IDM
I know how it feels when a torrent has low seeds and your torrent download manager stucks on 0 kbps while downloading the torrent or sometimes you just want to download torrent as fast as possible. Well, luckily we have Torrent Leeching sites.

What is Torrent Leeching / Leecher Site?

In simple words, a torrent leecher site just simply establishes remote ftp connection and transfers all of the torrent files / file to its online disk space, from where you can download that file with your download manager.

So there are lots of Torrent Leeching sites like zbigz, 2giga, premiumize to simply upload your torrents to cloud and then download anytime but the most common problem that everyone faces is the torrent file size and because of 1 GB file limit they are pretty useless. But we do have one amazing website - Seedr which provides torrent leeching with more than 1 GB file limit & also you can get free extra space by some methods as well.
So today we are going to see how you can download low seed or almost any torrent with supersonic speed through your internet download manager (IDM) or through browser.

Steps to download low seed or any torrent via IDM


  1. Go to seedr.cc and Signup or Login with Facebook.
  2. Then grab the Torrent Magnet URL from the Torrent Site.
    Copying Torrent Magnet URL to add to Seedr
  3. Now you will at the right top corner there is text "Paste Torrent URL" now here you need to paste the Torrent Magnet URL and hit enter or plus button, that's it, Seedr will automatically start leeching or say copying torrent files to your alloted space (Default 2 GB File Limit but you can increase with Bonus Offers, they are FREE)Adding Torrent Magnet URL
  4. Now you can download your file by clicking on little download icon (It actually took almost 5-6 seconds to leech that movie) 
    downloading leeched file from seedr

Now why Seedr is one of the Best Torrent Leeching Websites ?

  • Fast Servers with almost zero downtime, your file will be leeched, uploaded to your disk space way alot faster.
  • They offer Bonus Spaces, like 500 MB extra space if you refer to your friends
  • Similar Freebies 
    Bonus Freebies at seedr
  • Best Paid Plans (Totally worth money) 
    paid plan at seedr
  • Online Streaming, No need to download (Paid Plan Only)
Bonus Tip : Upload The File to Google Drive and Download with Full Peering Speed provided by Your ISP, refer How to speedup download with peering speed for more info.
So that's all guys, I hope you must have liked this article, do share with your friends on whatsapp, facebook & twitter!
Recommendation :
  • 3 Easy Ways To Make Money Online Without Investment
  • How To Download Books From Google Books For FREE
  • How To Use Full ISP Bandwidth To Speed Up Downloading
If you have any queries do post in comment section. Subscribe via email and follow on Twitter, Google Plus & Facebook for more amazing articles.
Happy Downloading!

author how to, internet 10:44

3 Easy Ways to Make Money Online Without Investment

So who doesn't want to make easy money? Hell yeah, everyone wants to make some good money. But the sad truth about life is, no matter how you try, work hard, you end up getting little or nothing much.

My Story

I had no idea about making making money online, I struggled alot when I started back in 2012, I started with some Data Entry and couldn't make much. But I always wanted to make enough money which I could spend for my needs (I love gaming and I just wanted to buy games, without pocket money this was the only way to buy games so I had to dig in)
So after almost 5 years of amazing experience and alot of tricks, hacks & experiments, today I am going to share 3 most easy ways to make money online without any investment.

What my personal experience says that don't just run behind money, if you have needs then definitely you will have to find ways to fulfill them and eventually you will end up making good money and trust me the satisfaction you get when you accomplish something that really means to you, then that's the most amazing feeling which you can never buy with money :)

I literally cannot explain everything in this article but I will try to focus every point from which you can actually start your work, one article isn't actually enough so I'll be writing more articles, this one is just introductory type and do subscribe with your email or like our facebook page or any social media accounts.

Note : There is no shortcut to make money in a day as rome wasn't built in a single day, have some patience and if you have really worked as per what I'll be sharing here then definitely you will be making good money (If I can make, why you can't? ;) ) Just have patience and work smart!

3 Easy Ways To Make Money Online Without Investment

So without wasting much time lets dive in! 

1. Sell Yourself - Start Online Business

Sell Yourself - Start Online Business

Yes, you heard right. Now it's kinda difficult for beginners for starting an online business but you won't find your potential unless you try it, there is absolutely no investment if you go for Online Business, moreover there are already facebook, instagram, linkedin groups where you can scale and meet or connect with entrepreneurs, businessmen already (Who doesn't like to extend network with quality entrepreneurs & businessman or talented people)

Rohit! I got pretty much what exactly you said here, why don't you tell me how should I start?
Okay mate, so first thing you need to figure out is that you need to find in what category skills you are expert or atleast good at, lets say you got good website design skills or you can talk with people can convert them into clients or lets say you can promote products and sell almost anything.
Now depending on your skills you can start your business almost in any category, if you are electronics engineer, make amazing gadgets, devices and sell them. There are plenty groups on facebook where you can promote your products and get sells. If you are good talker, open google maps or facebook groups, find people and sell them any product (now you can sell them products from other business or startups you can easily find them on various groups)
My experience : Why I kept this option on 1st number is because I'm making good money in Digital Solutions and I made more than I can even imagine. So find what you are best at and work on it, do something that nobody else can do.
"I have the balls to say the things that nobody else has the balls to say!" - CM Punk
"I have the balls to do the things that nobody else has the balls to do!"    - BloggerHero

2. Start Blogging - Generate Traffic - Advertisement = $$$

Start Blogging - Generate Traffic - Advertisement = $$$

Well, most of you know what is blogging (blogging = making a blog/website and posting articles on it, just like this site and this article you are reading now) so what exactly you need to before starting any blog is to find what are the trending niche currently (niche = category) and then write articles.
Actually there is no complications in blogging, the only thing is competition and that's why you have to write articles in unique way or atleast on unique topics. There are lots of !!! Unlimited Ideas/Topics to write articles. I will be writing another article on how to find niche and write professional articles. You can use Blogger.com to start your blog for free (just login with your gmail ID), you can also purchase .com or any domain (you get yourdomain.blogspot.com at start), I will write article for that too. You should try setting up a blog for just testing purpose.
Now how to make money from blog?

  • Showing Ads - Google AdSense or other Ad Networks (Stay tuned, detailed Article coming soon, you can make more than $10/day) 
  • Google AdSense - Highest paying Ad Network Ever, People make more than $10,000 Per month. All you need is quality blog with good traffic.
  • Sponsored Articles - There are millions of software companies/products on the internet, send them emails and write review articles for money (I will write article with email format as well, if you guys want, do comment)
  • Affiliate Income - check 3rd point.
Stay tuned I'll be writing In-depth articles on above methods and also how you can get traffic on your blog as well.

3. Affiliate Income - Sell Someone Else's Products

Affiliate Income - Sell someone else's products

There are thousands of products that people buy almost every day, lets say mobile phones, laptops on Amazon, Flipkart etc, Website Domain & Hosting + alot of products. So most of the sites give commission if you help them sell any product. So you can monetize your blog with good articles and insert links between them or in product reviews. I hope all of you must have been to mysmartprice.com and guess what the site makes 70% of its revenue from affiliate income, any person who buys any product from respective site, lets say you bought smartphone from Amazon through link which was provided on mysmartprice.com, then mysmartprice will get some % of commission from Amazon.
You don't even need website as a starter, you can simply promote on social networks, but having a blog or site can help a bit to represent in proper way.
So you can sell Amazon, Flipkart or any product from most of the reputed sites which has affiliate programs. (Oh My Gwaad, I guess I'll have to write another cool article with complete details from signing up to an affiliate program to successful conversions)

So these are the easiest but most powerful ways to make some good money online, I hope you guys must have learnt something today from this article, I did share most of my experience here but I hope you guys will stick to BloggerHero, I will be writing more articles.

If you have any doubts, suggestions do write in comments. It takes only 5 seconds to share this article with your friends :) 

author how to, internet 05:51
Well, after alot of requests I had to make BloggerHero's first ever FREE material design blogger template and I am sure you are gonna like this amazing material design inspired blogger template.
I had released Materiality Premium Material Design Blogger Template last year, so I hope its been almost more than a year now but I promise I'll be sharing alot of premium & free blogger templates.
So let's see what we have today!

Epic MaterialMix Material Design Blogger Template Features :

Iconic Material Design Ripple Effect

MaterialMix Blogger Template has some stunning ripple effects, I really don't think material design is complete without ripple effect. Click on Header i.e. Blog Title, Post Thumbnails and you will see magic.

Masonry Grid Style

I really wanted to bring something new so I tried Masonry Grid, you can checkout the Grid Style in live demo.

Prism Style Custom Social Profile Icons 

Recently I had shared some cool Social Media Icon widget for blogger, I have used Prism Style icons from the set, do checkout other icons as well if you want to try something new.

Material Design Icons

Pretty much stock material design icons (Web Icons) provided by google, you can use them in your blog posts, checkout Google Material Design Icons (I will be writing new article about implementing amazing material design in blog post that btw)

Custom 404 Page

MaterialMix Blogger Template has custom 404 Page, you may checkout that later as well.

Ads Ready

You can use almost any responsive ads below article, post title and in between post body, it's fully optimized

Search Engine Optimized (SEO) All in One Meta Tags

After learning from few sources, I have finally made some optimized changes to the meta tags I used to use, now they are more optimized and hence google and other search engines will index and rank your blog faster than before.

So here is the live demo for MaterialMix Blogger Template, A Free Material Design Blogger Template

free material design blogger template

Live Demo Download


Note : To install this template, first backup your current template and widgets, then open template editor, click edit and select all code (CTRL+A) and Delete it, then copy the code from text file (Open in notepad and CTRL+C) and paste it in the template editor (Which was empty and you had deleted the code from it) now all you need to do is apply and that's it, you can change the navigation men by going into layout tab and adding other links. I will write detailed documentation soon, so stay subscribed!

If you guys really liked this template then please share this one with your friends & let me know what other features you would like to see in upcoming updates for this template.

author blogger, Template 03:33
Social Media Widget for Blogger 2017

    Well, Its been millions of years I haven't posted a blogger widget, so today I am going to share some amazing Social Media Icons for Blogger (Yes I made them personally, 2017 version) to impress your readers/visitors and which probably going to increase your subscriptions. I knew one thing when I started blogging, if I have best blogger subscription widget, I am definitely going to get subscribers (and I got them, a lot of subscribers, I will be sharing more amazing strategies to turn visitors into subscribers but let's just do this amazing social media icons today)

So if you really want to have social icons in your blog subscription widget then you should try this or else I'll be making new widget with built in social media buttons, but I really suggest you should try these icons because these are I personally selected from flaticon.com (credit) so I hope you guys will like these amazing social media icons widget which I personally coded to make it more light weight and responsive as well.

How to edit the links :
Just find the code <a href="#" rel="nofollow" , now here replace the # with your social media link, for example, for facebook it will be like <a href="http://facebook.com/bloggerhero1" let me know in comments if you face any problem.
Here are the most amazing social media subscription links widget for blogger, you can add this to HTML Widget or any section in template file.
1) Style 1 : Simple Elegant Social Media Icons
Live Demo + Source Code Link

2) Style 2 : Cute Flat Social Media Icons
Live Demo + Source Code Link
3) Style 3 : Color Line Social Media Icons

Live Demo + Source Code Link
4) Style 4 : Real Social Media Icons
Live Demo + Source Code Link

5) Style 5 : Prism Social Media Icons
Live Demo + Source Code Link

I hope you guys must have liked these widgets, please comment in section if you are having any issues or any custom query.

I am working on One Page Landing blogger themes, Another Material Design Blogger template (FREE Version) So subscribe to this blog if you want to receive amazing blogger templates.


author blogger, Social Media 12:44
Older Posts Home
Do you like my work?

Buy Me a Coffee!
Blogger Hero

Popular Posts

  • 3 Easy Ways to Make Money Online Without Investment
  • How to Add Google Fonts to Blogger Template
  • How to Disable Adblock for Blogger
  • High PR Forums That Can Bring You High Traffic
  • Materiality - Material Design Blogger Template
  • How to add Custom Fonts in Blogger or Any Website
Email Newsletter

Get Latest Posts Directly Into You Inbox

Labels

Android blogger browser Buy computer css drop down menu Gadgets Google how to internet Laptops Mobile Phone phone responsive reviews SEO smartphone Social Media Social Share Widgets subscription box Template tool trick widget Wireless youtube
Powered by Blogger.

Popular Posts

  • High PR Forums That Can Bring You High Traffic
  • Sensational v2.0 Responsive Blogger Template
  • BloggerHero Free Premium Blogger Template
  • [Fixed] Facebook Share Thumbnail Is not Showing on Blogger
  • Materiality - Material Design Blogger Template
  • How to Add Facebook Open Graph for Blogger

Contact Form

Name

Email *

Message *

  • Home
  • About
  • Contact
  • Sitemap
  • Services
  • Request
  • Privacy Polciy

© 2013 BloggerHero.com. All Rights Reserved. Designed with Love for Everyone!