Showing posts with label Blogging-Tips. Show all posts
Showing posts with label Blogging-Tips. Show all posts

How to Redirect website from http to https

Here is the exact code to redirect website from http to https using .htaccess file.

After installing SSL certificate for your website. Please follow the below steps for Redirecting your blog or website from http to https using .htaccess file
How to Redirect website from http to https

  1. Login into your site cpanel.
  2. Open File Manager and get into public_html directory (check the option show hidden files).
  3. Select .htaccess file and open with code editor.
  4. Copy and Paste the below code in starting of the .htaccess file.
  5. Save it and open your site in the new tab and check it, your site will be redirected from http to https.

Make Your Blogger Widgets Position Fixed While Scrolling

Sticky SideBar in blogger

Last Time!! I share Aamir Iqbal SEO Course And also with SEO Tutorials video. Now i am going to share about Fixed Widget in blogger while scrolling. Fixed Widgets are also known as Sticky Widgets or Sticky Sidebars , Sticky Menus in Blogger.. so in this post i will teach you how to make sticky widgets in blogger. Follow My Below Steps.

Must Check : Flexspot Blogger Template


Creating Sticky/Fixed Widget , Menu and Sidebars In BlogSpot Blogger



Sticky Menu in Blogger

  1. Go to your Blogger Dashboard > Theme > Edit HTML
  2. Click anywhere inside the template editor box
  3. Press Ctrl + F to opening Search Box
  4. Type ]]></b:skin> in the search box and press Enter Key
  5. Paste the below code above the ]]></b:skin>

.sticky{position:fixed!important;top:0;z-index:99;-webkit-transform:translateZ(0);}





  • Now </body>
     
  • After you find the </body> paste the given code just above the it and click Save Theme



  • <script type='text/javascript'>
    //<![CDATA[
    // Sticky Menubar
    function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" sticky",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("menu-wrapper");
    //]]>
    </script>

    Before Saving your template  paste your widget Id/code .. if you dont know from where i can find widget id so dont be Confuse simple click  below link for checking your widget Id . Thank you..

    How to Check Widgets/Gadgets Id In Blogger/Blogspot ? 

    How to Remove Blog Title From Blog Post

     how to Remove Blog title from each blog post


    When you publish your post in google so google automatically index your post title with your blog title like in below image..

    how to remove blog title from blog post

    This is not good because you want rank your post or keyword in google but your blog title is too long also blog post so that’s why google not show properly your blog post.. here is the official method of how to remove blog title from blog post  Everyone hate  the default behavior, because it makes your articles easy to dismiss (and defeats the purpose of a creative title). This method works for every platform blogger,wordpress or for custom template.

    First of All backup your template if you don’t know how to backup of blogger template so must check this Post  How To Backup of Your Blogger Template


    1. ·  Open Blogger Dashboard
    2. ·  Click On Theme
    3. ·  Click on Edit Html
    4.    Paste Below Code After <head> Tag

    remove blog title from blog post


    <!--www.facebookcybertricks.com-->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <title><data:blog.pageName/></title>
    </b:if></b:if>
    <!--credit goes to www.facebookcybertricks.com-->



          If this code already add in your blogger / blogspot so remove below highlighted red color.


    <!--credit goes to www.facebookcybertricks.com-->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if></b:if>
    <!--credit goes to www.facebookcybertricks.com-->



         check below image after apply this code below in <head> tag. i am 100% sure this code will working because , you seen image yourself then you will know its working or not..
    Blog post



    I Hope you will do this if you facing any problem so feel free to ask me in comment box..

    Hide or Remove Subscribe to: Posts (Atom) From Blogger - EasyMethod

    How to Remove Subscribe to Posts atom


    Get Free Trick of Removing Subscribe Post Atom Line Or Link Below Post . If  this one working for you so  tell me your review about this post..

                       Remove Subscribe to: Posts (Atom).

    Must Check  Remove Footer Credit Links From Blogger Template
    Lots of disadvantages of Extra Links Or extra Text Like ..

    Powered By Blogger
    Footer Credit Links
    Remove Home Text Or Link or many more

    Now Follow My Step For Removing Subscribe Post Link.

    1 - First Click On Theme From Left Side Bar.

    2 - Click On Edit Html

    3 - Now Find Below Code

    <b:include data='feedLinks' name='feedLinksBody'/>


    4 - After Finding  Remove  it or Save Template. Thats All.. This would help you to remove subscribe to : Post ( atom ) text or link

    Remove Footer Credit Link from Blogger Template



    Lots Of Websites Are available on Market ( Internet ) Which provides you newly create blogger template , Stylish Blogger Templates at Very cheap rates ( Pricing ). If you Buy Template means you purchased from their website so you able to remove credit links from blogger templates  ( All Links Are Removeable ). If You Dont want to Purchased template and you are looking for free templates so many website offers free templates but they are very sharp they embed permanent links in footer credit portions,so we are not easily remove it because If you’ll try to remove credit link from their template, then your blog will automatically redirect to their website (Homepage or a particular site)..
    But now i am going to share with you the method of removing footer credit link from blogger template.. below some steps for remove credit links from blogger template


    How to Remove Credit Link in 2017 - Blogger Template

    Actually, these footer credit links are attached with some JavaScript or CSS. Finding JavaScript Codes For Removing footer credit link from the template is very booring and time-consuming also it needs lots of effort to do remove footer links. But after reading this article, you can easily hide the credit/footer link via CSS. This method is very simple and takes only 2 minutes.


    Must Check: SoraCart Premium Blogger E-commerce Template Free Download

    Steps to Remove Credit/Footer Link:

    • First of all, Open/go to Blogger.com
    • Just Sign in/Log in to your Blogger Profile and select your blog.
    • Now go to Dashboard Template Edit HTML.




    • Go to the footer and find the credit/footer link which needs to remove/hide. You’ll find something like Copyrightcredit or designed etc (Like the picture shown below).


    • Add the following line with your original copyright ID. (As shown in picture below).
    Style="visibility:Hidden"


    • Now, you need to Save your Template and Enjoy Paid Template in Free..

    Conclusion:-

    After Visiting This Website/blog you must be in position of Following us.. So Hurry up Subscribe With email then you will get updates on email.. After travelling on internet and spent time in searching how to remove credit links, footer credit links , footer credit links in blogger template , remove footer credit links from blogger template.. you will find our blog so Must Be Share with your Friends ..

    How to Set meta tags in blogger blog





    Meta Tags are most important and most useful for our blog. Search engines manage our site with the
    help of meta tags. We make our blog description, keywords and many other things with the help of meta tags. Meta tags are very easy to put in blog. Meta tags will help you to increase your blog traffic.
    Before adding meta tags. my blog is not enough popular and very few visits are shown but after add meta tags ( optimizing ), my blog is very popular and My blog appear in search engines. I advice you to add meta tags to your blog so that your blog will much popular and your site ranking will increase day by day.



    Adding Meta Tags to Your Blog :-




    •  Login to Blogger > Go to Dashboard > Template > Edit Html




    • Find the following code

    <head>

    • After it paste the following code.
    • <!-- Meta Tags ~ Facebookcybertricks.blogspot.com  -->
     <meta content='Your Blog Description' name='description'/>
     <meta content='Your Keywords here!' name='keywords'/>
     <meta content='Author Name' name='Author'/> <meta content='Author email adress' name='Email'/>
     <meta content='all' name='robots'/>
     <meta content='index, follow' name='robots'/>
     <meta content='Language name' name='language'/>
     <meta content='Country name' name='country'/>
     <meta content='blogger' name='generator'/>
                <!-- /Meta Tags ~  facebookcybertricks.blogspot.com  -->

    •  Change blue color text according to your wish.


    • Now your blog has optimized and search engines will ready to catch your blog.
    • If  you like so Share with your Friends because sharing is caring.