Blogging Tips and Tricks

 Blogging Tips and Tricks:-


Here I Discuss About Several Blogger Tips and Tricks.




    How to Disable Copy Paste in Blogger:- 


    Here I Discuss About How to Make a Secure Website.


    • Login on Blogger.com
    • Goto Theme Section and Click on Three Dots 
    • Click On Edit HTML then click on the Code 
    • Search (Press CTRL+F) and type </body>
    • After getting this, copy below code and paste it before </body>

    <script type='text/javascript'>
    if (typeof document.onselectstart!="undefined" ) { document.onselectstart=new Function ("return false" );
    } else { document.onmousedown=new Function ("return false" ); document.onmouseup=new Function ("return true" );
    }
    </script>

    • Save the Theme and view Blog
    • Done

    How to Password Protect a Web Page Using HTML:-


    Here I Discuss About How to Secure a Web Page with a Password.

    • Login on Blogger.com
    • Goto Posts or Pages Section (If You Want to Protect Page then Goto Page or If You Want to Protect Post then Goto Post Section)
    • Then If You Want to Protect New Post or Page then Create a New Post or Page or If You Want to Protect Old Post or Page then Open it
    • Goto Html View of the Post or Page
    • On the Starting of the Post or Page, Copy the Below Code and Paste it Over There

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    var password = 'password'
    password=prompt('Please enter the password to enter this post:','');
    if (password != 'password') {
    location.href='URL';
    }
    // End -->
    </SCRIPT>

    • After Copying the Code in the Password, Type Your Password and Save it
    • Done
    • View the Post or Page

    Pop Up Website:-


    Here I Discuss About Pop Up Website HTML Code.

    • Login on Blogger.com
    • Goto Theme Section and Click on Three Dots 
    • Click On Edit HTML then click on the Code 
    • Search (Press CTRL+F) and type </body>
    • After getting this, copy below code and paste it before </body>

    <script>
    window.onload = function() {
     window.open("https://website url","PopUp","width=ANCHO, height=ALTO, scrollbars=yes, menubar=no, status=no, location=no, resizable=yes");
    }
    </script>


    • After copying the Code type Your Pop Up Website Url inside window.open 
    • Save the Theme and view Blog
    • Done

    Website With Background Music:-


    Here I Discuss About How to Add Background Music to Website.

    • Login on Blogger.com
    • Goto Theme Section and Click on Three Dots 
    • Click On Edit HTML then click on the Code 
    • Search (Press CTRL+F) and type </body>
    • After getting this, copy below code and paste it before </body>

    Audio Player Code: -(If You Want to Pause/Play the Music Use this)

    <center>
    <audio controls autoplay">
      <source src="http://URL.mp3" type="audio/mpeg">
      <source src="http://URL.wav" type="audio/wav">
      <source src="http://URL.ogg" type="audio/ogg">
      Your browser does not support the audio element.
    </audio>
    </center>


    Audio Player Hidden Code: -(If You Want Invisible Music Use this)

    <audio controls autoplay hidden="hidden">
      <source src="http://URL.mp3" type="audio/mpeg">
      <source src="http://URL.wav" type="audio/wav">
      <source src="http://URL.ogg" type="audio/ogg">
    <!--This displays an error to users that don"t have it supported-->
    Your browser does not support the audio element.</audio>

    • After copying the Code Goto Online Audio Converter Website and Upload Your Music and Convert it to Three Different Extensions ( .mp3 , .wav & .ogg )
    • After Converting the Music files Download them and
    • Goto Mediafire Website and Upload the three files 
    • After Uploading the files Click on Three Dots ( Right Side of the Files ) & Click on Download 
    • On the Download Button Right Click on it and Copy Link Address 
    • Paste it Inside the Source SRC Link
    • Do it for Three Times for Three Different Extensions Files 
    • Save the Theme and view Blog
    • Done

    Code Box:-


    Here I Discuss About How to Add HTML Code Box in Blogger.

    • Login on Blogger.Com
    • Goto Posts or Pages Section And
    • Create a New Post or Page And Goto HTML View 
    • Then Copy Below Code and Paste it

    <form>
    <textarea row="4" cols="50" style="background-color: #F0F8FF; border: 3px solid rgb(240, 248, 255); color: #000000; height: 300px; width: 100%;"onClick=select() readonly>

    Type Your Text


    </textarea></form>


    • After Pasting the Code, Write Your Codes in Type Your Text Section
    • After Writing the Post or Page, Publish the Page or Post
    • View the Post
    • Done


    This post is related to-


    How to Password Protect a Web Page Using HTML 
    how to secure a web page with a password
    How to Disable Copy Paste in Blogger 
    how to make a secure website
    Pop Up Website 
    Website with Background Music
    blogging tips and tricks
    blogger tricks
    code box


    Post a Comment

    0 Comments