Monday, December 14, 2020

How To Customize Blogger's Official Lightbox

Blogger by default added the Lightbox feature to add more interactivity to images we normally upload in our post, with their lightbox its much more easier to view images by using the arrow keys and even the background is darker for getting more focus on the images instead of text added in that post. But till now we do not have any option to customize the overall looks of lightbox by changing its background color, changing the bar color containing all the images small thumbnails and much more.
For those of you who have chosen to use the Blogger's Lightbox View instead of custom jquery lightbox for displaying pictures when clicking on them now have the option to change its style in a whole different way by just using few line's of CSS code. You will be able to change the black color of the screen, the border or shadow of the images and the color of the thumbnails background. It means we can customize the Blogger Lightbox entirely on our taste. After adding our CSS code, the entire look of the lightbox window will be changed - the background color, the bar showing the thumbnails, the border of images, the text within it, transparency and the close button. Now just follow the given step by step tutorial with images and demo :

How To Customize Blogger's Official Lightbox

Step 1. Login to your blogger account > Dashboard > Template > Edit HTML
Step 2. Click anywhere inside the code and find the following code ( use Ctrl + F ) :

 ]]></b:skin>

Step 3. Just above ]]></b:skin> add following CSS :


    /* Background or Overlay*/

    .CSS_LIGHTBOX_BG_MASK {
    background-color: #000000 !important;
    background-image: url(background-image-url) !important;
    opacity: 0.8 !important;
    filter: alpha(opacity=90) !important;
    }


    /* Images Border and Shadow */

    .CSS_LIGHTBOX_SCALED_IMAGE_IMG {
    outline: 0px solid #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
    }


    /* Close Button */

    .CSS_LIGHTBOX_BTN_CLOSE {
    background-image: url(button-image-url) !important;
    }


    /* Thumbnails Bar */

    .CSS_LIGHTBOX_FILMSTRIP {
    background-color: #000000 !important;
    }


    /* Index Info (number of images) */

    .CSS_LIGHTBOX_INDEX_INFO {
    color: #898989 !important;
    }

Step 4. Configuration of CSS:

- Replace background-image-url with the URL of the image for background.
- Replace button-image-url  with the URL of the image for close button.
  For example : background-image: url(https://www.image.com/image.jpg) !important;

  Related post: How to get image URL

  Note : If you want use default value for close button then remove the CSS :

                 /* Close Button */

                 .CSS_LIGHTBOX_BTN_CLOSE {
                 background-image: url(button-image-url) !important;
                  }


- Adjust the value 0.8 ( from 0 to 1 ) to change the transparency (Opacity) of background.

- Replace the value #xxxxxx to change the color of particular element in particular section (Color Codes).
  • For example : Say if you want to change the background color of  Thumbnails bar to #ffffff, then change the value #000000 to #ffffff under  /* Thumbnails Bar */ inside background-color :

         /* Thumbnails Bar */

        .CSS_LIGHTBOX_FILMSTRIP {
        background-color: #ffffff !important;
        }

  • Or Say if you want change the Text color of Index Info then change the value #898989 with any other say #dddddd under /* Index Info (number of images) */ inside color :

        /* Index Info (number of images) */

        .CSS_LIGHTBOX_INDEX_INFO {
        color: #dddddd !important;
        }

- Adjust the value 5  to change the radius of image (all 3 values should be same).

Note: Make sure your blogger lightbox is enabled - Settings > Posts, comments and sharing > Showcase images with Lightbox


Step 5. Click Save template.

Great !

Refresh your blog and click on any image to see your own customized blogger lightbox. For any issues related to above tutorial comment below. Stay Updated, Browse Tech2blogger ! :)

Saturday, December 12, 2020

Show At Most Posts Setting Not Working In Blogger

Many users were facing problems related to topic ' The older posts were missing from their blog homepage but they were actually not deleted and still exist in posts list ' or ' The number of posts per page were not matching up with the setting of number of posts per page or that should be shown and missing posts were shown in link "older posts" ' or ' The number of posts on main page / Show at most posts on the main page setting is not Saving properly.
These problem were caused due to the large length of posts in your blog due to which blogger was not able to set preferred numbers of posts per page ( Approx limit  155,000 characters / page for posts ). and therefore shifts your posts to next page ( Older Posts link ).

To solve this problem Problem you need to add Jump Break in each post to summaries your posts by maintaining the length your posts without shorting / editing posts. This will add link to full post after few defined lines.

To learn to add jump break follow the given step by step tutorial with images :

Steps : How To Add Jump Break

Step 1. Login to your Blogger account, then click on New Post or Open existing post.
Step 2. After few lines ( Summary of post ) insert jump break using Blogger Post editor.
Step 3. Click publish / Update.
Post Preview after adding Jump Break

That's All

Now you can add Jump Breaks in each post either new or old which will also solve the above given problems. For any issues related to above tutorial comment below. Stay Updated, Browse Tech2blogger ! :)

How To Submit Blogger Sitemap To Search Console

Google Search Console (earlier known as Google Webmaster tools) is a collection of online professional web tools provided by google for free. GSC help you to manage your website for google search results. GSC include features like Search appearance, Search traffic analytic, error checking, website improvement suggestions and so more.

Note: If your are using https make sure https redirect is 'on' in Settings > Basic > HTTPS

Recommended: You can add all four possible properties of a domain to get best out of Webmaster tools. For Example, if you have a domain name example.com then you can add following properties too:
http://example.com/
http://www.example.com/
https://example.com/
https://www.example.com/

Step 3. If you have used same google account to login in search console that was linked with blogger account then your blog will automatically get verified.


Step 4. Click on "Not now".

Note: If you didn't get verified as an owner of website then you can use alternative given methods.

Awesome!

You can also verify the indexing for your blog by searching in the Google with "site:yourblog.com". Replace yourblog.com with the URL of your blog like here in my case it is site:howbloggerz.com.

Remember: Indexing process can take up to a week or more. be patient!

Now you have successfully created your Search console account and have attached your blog with it. For any issues related to the above Tutorial Please Comment Below. Stay Updated, Browse Howbloggerz ! :)

How to Make Money with Your Blog

You want to make money, right? Of course you do. Everyone wants – and needs -to make money. So you started a blog since you’ve heard it’s an easy way to make cash, but you’re not quite sure how to actually make money doing it. Or maybe you already have a blog and you’re exploring ways to monetize it.

No matter which group you’re in, making money with a blog – whether it’s a hobby blog or a business blog –is possible. It’s not a get rich quick ordeal, but if you do it right, you could make enough to support your family and more. Let’s dive in and see how you can make a profit with your blog.

Monetize with CPC or CPM Ads

One of the most common ways bloggers make money is through placing ads on their site. There are two popular types of ads:

  • CPC/PPC Ads: Cost per click (also called pay per click) ads are usually banners that you place in your content or sidebar. Each time a reader clicks on the ad, you are paid for that click.
  • CPM Ads: CPM Ads, or “cost per 1,000 impressions,” are ads that pay you a fixed amount of money based on how many people view your ad.

Perhaps the most popular network for placing these types of ads is Google AdSense. With this program, you do not need to be in direct contact with advertisers; you simply place the banner on your site, Google chooses ads relevant to your content, and your viewers click on the ads. There are countless similar programs available if you find that AdSense doesn’t work for you, such as Chitika, Infolinks, and Media.net.

Sell Private Ads

Working with advertising networks isn’t your only option when it comes to selling ads. If you end up with enough traffic, advertisers may come directly to you and ask you to place their ad on your site. You can also contact advertisers yourself. The biggest difference from the above mentioned option is that there is no middle man, which means you can set your own ad rates.

Selling private ads can come in the form of banners, buttons, or links. You can even make money writing sponsored posts where you write about or give a review of an advertiser’s product or service. Another option is to write an underwritten post or series, which is where you can write about any topic, but the advertiser pays for a “Brought to you by” mention in the content.

The ways you make money with this can vary. For instance, you might charge a one-time fee for a link within a post. If you are hosting banner ads, you might charge your partner monthly.

Bonus tip: To maximize your income, you can also choose to sell sponsorship space in your email newsletters (here are 5 best email marketing software), podcasts, and videos.

Include Affiliate Links in Your Content

Affiliate marketing is also another great tool for monetizing your blog. Here is how affiliate marketing works:

  1. An advertiser has a product she wants to sell. She agrees to give you a commission from each sale if the buyer is coming from your site.
  2. She gives you a unique link that tracks your affiliate code. That way, she knows when a buyer used your link to make a purchase.
  3. You include your affiliate link on your site. You can do this directly in the content or through banner ads. If a reader clicks on your unique link and buys the product you have recommended, you earn a percentage of what she purchased.

You can utilize affiliate marketing through ad networks like Amazon Associates, or you can create private partnerships with advertisers and businesses with an affiliate program.

Sell Digital Products

If you would rather not advertise other people’s products on your site, or if you are looking for another stream of income, consider selling digital products. This can include items like:

  • eBooks
  • Online courses/workshops
  • Images, video, or music people can use in their own content
  • Apps, plugins, or themes

Just remember that if you are going to choose one of these avenues that you make it relevant and useful to your readers. A lot of bloggers make the mistake of assuming they are developing a product their readers need; listen to your readers first, and then create a digital product that will meet their needs.

Use it as a Content Marketing Tool for Your Business

It is also possible to sell physical products on your blog and to make money that way. Instead of thinking of it as making money from your blog, however, think of your blog as a content marketing tool that will drive visitors to your business website.

The possibilities are practically endless when it comes to developing a business blog. You could sell hand-made products, books, manufactured products, and so much more. Or you might already have a business and decide to start a blog to convert loyal customers.

Lets say, for example, that you refurbish and resell used smartphones out of your home. You could use a blog to attract visitors to your website where you list your current phones for sale. Your blog might cover topics about DIY refurbishing. On one level, it seems counterintuitive because you want people to buy your phones, but it also helps you build a brand and gain recognition. Social media guru Jay Baer explains the concept on Copyblogger:

I was at a conference a few years ago, and this is where I first sort of started thinking about this concept, and their founder, Robert Johnson, was speaking…

He said, “Well our best customers are the people that think they can fix it themselves.”

But eventually you are going to get out of your depth either on that project on a project down the road, at which point who are you going to call? Are you going to call somebody randomly that you discovered on Google or are you going to call the guys who you just watched their logo in the corner of a 14-minute instructional video?

This concept can also be applied to services in all types of industries. For instance, if you offered electronic repair services as opposed to physical products, you could still use the same blogging concept to increase brand awareness and convert more clients.

Sell Memberships

Another option to make money is to sell memberships to exclusive corners of your website. For instance, a career blog might charge $10 per month for users to gain access to their job board. A startup business blog might sell memberships to their forums where people can get personalized advice about their business.

The key here is that your exclusive membership has to be more valuable than something your visitors can find for free somewhere else, so be sure you’re developing something of value and worth the price.

Use it to Build Your Credibility

Blogging to build credibility can lead to many money-making opportunities. For instance, let us say you start a blog in the finance industry. People start reading your content, and your blog becomes very popular. You are now a recognized figure in the finance industry.

Once you have that authority, people might approach you to co-author a book on debt management, or you could charge to speak at conferences or to run employee financial training days.

This certainly isn’t a direct form of making money blogging, but it has worked for many well-known bloggers, and it can work for you, too. If you’re looking for a direct revenue stream, popular blogs have sold for 4-7 figures (sometimes more) by selling their branding and content.

The biggest thing to keep in mind is that making money blogging is not possible by putting your site up and letting it sit there. The “if you build it, they will come” mentality doesn’t work here, so be sure you’re willing to put in the time. Most bloggers don’t see a spike of income for several months (sometimes years) after starting their blog. Before you dive too deep into blogging, remember these little bits of advice:

Create Quality Content

You are not going to make any money from your blog if people don’t read it. After all, your readers are the ones who are going to make you money, whether they’re clicking on your ads or buying your products. Always put your readers first.

Don’t Spend Your Time Exclusively on Your Blog

Developing a successful blog has a lot to do with building relationships. That can include relationships with sponsors, affiliate partners, or simply other bloggers who will direct traffic to your blog. Be sure some of your time is spent on forums and other blogs (or whatever works for you) to build these relationships and your blog.

Don’t Be Afraid to Experiment

Not all of these tips and avenues of income are going to work for you. Don’t be afraid to tweak your methods to see what works best for you and your readers.

Making money blogging can take a lot of persistence, but it can pay off in the long-run if you’re starting out from scratch. Just remember that you don’t have to use all of these money-making avenues at once. Consider what other people in your industry are doing, and start from there.

Over time, you will learn what works for you and what doesn’t. If you’re looking to make money from your blog, which option will you start with?

Let me know in the comment section :).

Put ads Below Post title and Post Footer in Blogger

This is Blogger Class NO# 41, in this video tutorial you can learn how Put Ads Above Post Footer And Below Post Header in Blogger in Urdu Language OR Hindi Language. Adding Ads below post title or Below post body content is not new when it’s comes to blogging world, because one of the facts is that readers spent more time reading article compare to that the content of sidebar. But to increase more revenue and engagement with our ads we can use these techniques to increase our income. The area just below the post title gets the most exposure and is the best place to put ads units to increase Click Through Rate (CTR).

Find Code

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<data:post.body/>

BLOGGER TOPIC HOMEPAGE

Saturday, November 28, 2020

Puffin Browser Pro Apk v8.4.1.42173 [Paid]

DESCRIPTION

Puffin Browser Pro Apk

Puffin Web Browser is wicked fast. Once users experience the thrilling speed of Puffin, regular Mobile Internet feels like torture. Puffin Browser Pro is the premium version of the Puffin family. It is not ad-sponsored.

Wicked Fast

Puffin speeds up mobile browsing by shifting the workload from the resource-limited devices to the cloud servers, and resource-demanding webpages can run super-fast on your phones or tablets.
Cloud Protection: All traffic from Puffin app to Puffin server are encrypted, a protection from nearby hackers. It’s safe to use public non-secure WiFi through Puffin, but not safe at all for most browsers.

The Latest Flash

We keep improving our cloud servers, and provide the latest version of the Flash player over the cloud.
Save your bandwidth: Puffin uses proprietary compression algorithm to transmit web data to your device, and it can save up to 90% of your bandwidth on regular web browsing. (Please be noted that streaming Flash content or videos requires more bandwidth than the normal usage.)

Features

 Incredible page load and rendering speed
Adobe Flash support (also works on Android 4.4+)
Download to cloud (up to 1G per file)
Theater mode for Flash videos and games
Virtual trackpad and gamepad
Color theme for toolbar and sidebar
Fastest JavaScript engine
Full web experience (desktop and mobile view)
Incognito tab: Auto-clean your browsing activities in the app
Ad Blocker

Limitations

* The data centers of Puffin Web Browser are in the US and the cloud servers can only access public web sites from US geolocations.
* For users outside the US, local contents, especially videos of local interest, may not be accessible from the US due to geo-restrictions in their home countries.
* Puffin is blocked in some countries (e.g., China, Saudi Arabia, United Arab Emirates) and by some schools (e.g., in United States).

For more information, please check our FAQ: https://www.puffinbrowser.com/help/

WHAT'S NEW

Thanks for using Puffin Pro. In this release (8.3.1.41624), we fixed several reported issues.

Screenshots


Xprofile Mod Apk v1.0.64 (Gold Unlocked)

DESCRIPTION

Xprofile Mod Apk

To learn statistics, analytics about your social media profiles download the app now.

Screenshots