Saturday, 19 February 2022

Best world 5 Affiliate platform /techno tipes

 WORLD BEST 5 AFFILIATE PLATFORM


Description of the Program The purpose of the Program is to permit you to advertise Products on your site and to earn advertising fees for Qualifying Purchases made by your end users. A “Product” is any item sold on the Amazon Site, other than any product that is listed on this page. Product may also include certain services, if any, expressly included on the Associates Program Advertising Fee Schedule. In order to facilitate your advertisement of Products, we may make available to you data, images, text, link formats, widgets, links, and other linking tools, and other information in connection with the Program. Content specifically excludes any data, images, text, or other information or content relating to products offered on any site other than the Amazon Site. click the link and sign up👇

ActiveCampaign Affiliate Program: Earn 30% Recurring Commission


ActiveCampaign is a cloud software platform for small-to-mid-sized businesses and is based in Chicago, Illinois. The company offers software for customer experience automation (CXA), which combines the email marketing, marketing automation, sales automation, and CRM categories. click the link and sign up.

Semrush is a SaaS platform. It is often used for keyword research and online ranking data, including metrics such as search volume and cost per click (CPC). The platform also collects information about online keywords gathered from Google and Bing search engines. It was released by Boston-based company Semrush Inc, founded by Oleg Shchegolev and Dmitri Melnikov. click the link and free sign up.
Log in – Semrush


ClickBank is a global e-commerce platform and affiliate marketplace, founded in 1998. The company has more than six million clients worldwide which secured it in becoming the 87th largest Internet retailer in North America. ClickBank is a subsidiary of Keynetics Inc. free sign up click the links.
 


Official twitter of http://Alibaba.com 's affiliate program, launched in 2014. Earn high commission by advertising http://Alibaba.com products! sign up for free

Friday, 4 February 2022

SLIDES YOUR BLOGGER THEMES.

How to Slide the Blogger theme

Note: Before you copy given code and paste in the html theme. If you create sliding post it will not work, first you should paste this two link in your themes HTML body.

Follow step by step-

1.Copy-paste the stylesheet <Link> into your <head> before all other stylesheets to load our CSS. 

2.You may have seen like this, paste in the red color line, below <head> tag.

copy this code👇


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />


3.copy the above code and Paste in the red color line , below

( <head> )



Bundle

Include every Bootstrap JavaScript plugin and dependency with one of our two bundles.  for our tooltips and popovers. 

Follow step by Step

1. Copy the given below code and paste it in the last page of the head section, As you seen in the screenshot 


2.Paste it above the </body>

copy this code👇

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>



HOW TO REMOVE THE COPYRIGHT TEMPLATE FROM YOUR BLOG. step by step

HOW TO REMOVE THE COPYRIGHT TEMPLATE FROM YOUR BLOG. 


If you download blogger template from other then You may have seen like this copyright section in the last page of your blog. Now here is the place to solve this problem.



Follow the step the step

1. open the theme and Click in the html

2. Click your html body once and press Control+F in  your keyboard then it will open search box,

3.After clicking Control+F then type copyright ,

4.If you have find the copyright in your html code.

5. Paste the given code just below the copyright section.

6. Edit the name and write your blog name,

7.Create your pages first - Disclaimer, privacy policy, term and condition, contact us,

8. You may have seen (href="#"> Disclaimer) cut the # and  paste the Disclaimer page link, 

9.Accordingly Paste the term and condition page link in the place of #.

10. Be careful don't cut a single comma to.


<div id='copyrights'>

  <a class='upbt' href='#top'><i class='fa fa-angle-up'/></a>

  <div class='copyrights row'>

    <div class='copy-left'> Copyright<i aria-hidden='true' class='fa fa-copyright' style='color: yellow;'/>  <a href='https://www.techbabanews.com/' rel='dofollow' style='height: 30px; color: #f5f107; font-size: 20px;' target='_blank'>Tech Baba News</a> All Right Reseved |<a href='https://www.youtube.com/technicalnuniaji'>About Us</a> |

<a href='https://www.youtube.com/technicalnuniaji'>Privacy Policy</a>

<a href='#'>Disclaimer</a> |

<a href='#'>Terms and conditions</a>|

<a href='#'>Contact Us</a><i aria-hidden='true' style='color: yellow;'/>  <a href='https://www.youtube.com/technicalnuniaji/' rel='dofollow' style='height: 30px; color: #f5f107; font-size: 20px;' target='_blank'>Tech Baba News</a> All Right Reseved 

  </div></div>

  <div class='ty-copy-container row' style='font-size:1px; opacity:0;'>


BEST EASY WAY TO SLIDE BLOGGER POST IMAGE || COPY CODE AND PASTE

Follow the step by step-

1.Copy the given code and past in your blog post in HTML section.

2.Bring your image link form other and Paste your image link between (src=" paste here ")

 <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">

  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

Thursday, 3 February 2022

Step by step How to Slide in your blogger post.

1.Copy the given code below and past in your blog post in HTML section,

2.Copy your image link form other Past your image link between (src="past here") 

<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

How To Easily Add Image Slider In Blogger 2022

 How To Easily Add Image Slider In Blogger 2022

How to Easily Add Image slider in Blogger 2022: Add image slide in blogger is not easy but if you read this article carefully then you can easily create an effective image slide for your blogger blog. Here, you will learn a free and effective method to create an effective image slide for your blogger blog using bootstrap code. I make some modifications to that code. So, use the modified code from this article.


Step-by-step tutorial to Easily Add Image slider in Blogger

Step 1: Copy the given below code & past it where you need to Add an Image slider for Blogger ( in blogger post or in the themes HTML body )

<!doctype html> 

<!-- Required meta tags -->


<!-- Bootstrap CSS --> 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" /> Feature Slides
<h1>TECH FOR U</h1>

<!-- Optional JavaScript -->

<!-- jQuery first, then Popper.js, then Bootstrap JS --> 
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">

</script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

<div class="carousel slide" data-ride="carousel" id="carouselExampleCaptions"> 
<ol class="carousel-indicators"> 
<li class="active" data-slide-to="0" data-target="#carouselExampleCaptions">
</li> <li data-slide-to="1" data-target="#carouselExampleCaptions">
</li> <li data-slide-to="2" data-target="#carouselExampleCaptions">
</li> </ol> <div class="carousel-inner">
<div class="carousel-item active">

<img alt="TECHFORU" class="d-block w-100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQG95spU4wJqoZpHuCA3VdgYHA6fBzVtONTs7G_eFjAF8XR_okwevV-aIe-IRnmxYJpYlrsWwB6QQz1AAb2aZ9hYHpHe8fl3PM9cKkKvvak9AZiqNcmAjRHhDbZvOWEfERBJy0PeTDO7A/s1920/interaction-1233873_1920.jpg" /> <div class="carousel-caption d-none d-md-block">

<h5>First slide label</h5> 
<p>Like,Share and Subscribe!!!</p>
</div> 
</div> 
<div class="carousel-item"> 
<img alt="..." class="d-block w-100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS6QtzsPNfwYy9GB_N3NrXw54_Y5kvNS0-DgTaM1uJd6uFvo_OJjWxCGPlvtgs_759KEzKuKe39O-9ZSB5Lv0Nk41o8PIbLj5lDRShYjXSJjLRg0TK-ErBzZS335Cn-28UaaGSa7IXUyI/s2048/FACEBOOK+ART.jpg" /> <div class="carousel-caption d-none d-md-block">

<h5>Second slide label</h5> 
<p>Share You Support!!!</p> 
</div> 
</div>
<div class="carousel-item">
<img alt="..." class="d-block w-100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijfofA_WZu9GfJEJ_TMLRepyC3uo3skrmXF36ZYQiC7NVRt8w1ODPXerxdbqVqzlgkikAvHrIPBf5f4ivili2AEgjlxZRw6qgQZob4q9qSDH4bxDiYFCUZ0Z6ubY4pSNbq8RftTtq3HuU/s1920/flamingo-5332314_1920.jpg" /> <div class="carousel-caption d-none d-md-block">

<h5>Third slide label</h5>

<p>Like if it help</p>
</div> 
</div>
</div> <a class="carousel-control-prev" data-slide="prev" href="#carouselExampleCaptions" role="button"> 
<span aria-hidden="true" class="carousel-control-prev-icon">
</span> <span class="sr-only">Previous</span>
</a> <a class="carousel-control-next" data-slide="next" href="#carouselExampleCaptions" role="button"> 
<span aria-hidden="true" class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> 
</div>

</!doctype>
Step 2: Modify according to your need.
I hope you understand with this article " How to Easily Add Image slider in blogger post". If you really help with this article then don't forget to appreciate our efforts and comment below. To know more blogging tutorial, stay connected with us. I'll teach you how to grow your blog.