IT TOTKY: Blogger Tips

Showing posts with label Blogger Tips. Show all posts

Wednesday, 26 November 2014

How To block Unwanted / Specific Traffic using .htaccess

All of the recipes below refer to AN .htaccess file. An .htaccess file could be a document named \”.htaccess\” placed in your www/ directory or any directory therefrom, with web user-readable (0644) permissions. The .htaccess file contains rules that apply to the handling of traffic to the directory containing the .htaccess file, and every one subdirectories therefrom. so as an example, if you had a rule you needed to use to your entire website, you\’d put AN .htaccess come in your www/ directory. If you needed the rule to use solely to your www/hitleap/ directory, you\’d place the .htaccess enter www/hitleap/.

How do I deny traffic from a specific IP address?
Suppose you would like to dam traffic from IP address 192.188.1.166.
Add to your .htaccess file the following line:
deny from 192.188.1.166
You can block entire networks using a similar kind of rule. to dam the whole Network 172.148.1.6-192.188.1.166:
deny from 172.148.1.6
You can use multiple lines, one for every network or host:
deny from 192.168.1
deny from 192.168.3.24
deny from 192.168.5.33
See also Apache\’s mod_access page
How do I block traffic from a specific referrer?
You may need to dam traffic from explicit websites that link to your site. you\’ll perform HTTP referrer-based block using mod_rewrite.
Suppose you\’d wish to block (with a 403 forbidden code) traffic referred by hitleap.com. Add the lines to .htaccess:
RewriteEngine on
RewriteCond % ^http://(www\\.)?hitleap\\.com [NC]
RewriteRule (.*) – [F]
You can block multiple domains victimization multiple RewriteCond lines and also the [OR] “Flag” As Follows:
RewriteEngine on
RewriteCond % ^http://(www\\.)?hitleap\\.com [NC,OR]
RewriteCond % ^http://(www\\.)?easyhits4u\\.com [NC]
RewriteRule (.*) – [F]
NB: make sure to feature [OR], as shown, to every RewriteCond line however the last. The default behavior could be a logical AND, i.e. the RewriteRule takes impact providing all of the RewriteCond lines apply, that you are doing not need here.

WWW.SOFTSANDTIPS.COM

Thursday, 23 October 2014

Dynamic Views Button with jquery Effect for Blogger

In the Name of Allah who is the most Merciful.
I will teach here how to set a button for Changing Blog view to Dynamic View. Smooth jQuery button is added for this. You can set it easily in any template of blogger. It can help you visitors to View your Blog in Dynamic View.
Thanks for visting this. I will Keep updating my blog so don't go anywhere :)

View Demo

Add Dynamic Views Button To Blog

Go to Design -> Edit HTML

Step 1.Add jQuery Plugin( If your Blog already have a jQuery plugin ignore this Step ),

Go to Design->Edit HTML
Copy and Paste Below code inside <head> section

Step 2: Add Dynamic view button,

Go to Design-> Page Elements
Click on Add Gadget ,Select HTML/Javascript from it
Leave Title as blank, Copy the below code inside content section.

<div class="noopdynamic">
Click this for change the view to Dynamic views</div>
<a href="/view">
<img class="noopdynamicimg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5YewtdJHC6Xy3VQti0JQu82tskjrQL6RQKsUpV9zHXz10XRxH5RSxalyWegA5cf1vqQKqrNL6gD2TcGZzNZjoHfkzvAUkDlE5N3u4YzOH-ExHm3c7lQsiFz12cnHLEBqQONGmuHzJG-o/s1600/google+dynamic+views.jpg" /></a>
    <style type="text/css">
    .noopdynamicimg{bottom: 2%;
        position: fixed;
        right: 1%;}
        .noopdynamic {background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
        background-color:#ABABAB;
        border: 2px solid;
        border-radius: 6px 6px 6px 6px;
        bottom: 13%;
        padding: 4px;z-index:999;
        position: fixed;
        right: 5%;
        font:18px Arial;
        text-shadow: 1px 1px 0 #FFFFFF;
        width: 21%;
        box-shadow:0 0 5px;
    }

    </style>

<script type="text/javascript">
$(function(){
   $(".noopdynamic").hide(0);
$(".noopdynamicimg").hover(function(){
   $(".noopdynamic").show("slow");
},function(){$(".noopdynamic").hide("medium");
});});
</script>

Then Save it.
That's all,you are done..

I hope you enjoyed this article,if so please share n like us.

Rainbow animation Link Widget for Blogger

In the Name Of Allah who is the most Kind and Merciful, I am posting here a new trick of Rainbow Animated Link. By applying this trick, your link will start changing color just like rainbow on Mouse Hover. Method is given below !
Don't Forget To Share n Comment !

Add Rainbow Animation Hover Effect

Note:Remember that Back up your Template First.

Sign In to you Blogger Account.
Go to Design->Edit HTML
Find <head> section and Place the below code inside it.

Save It and Enjoy. . . !

Smooth Jquery Back to Top Buttons Generator

15+ Scroll To top buttons Widget Generator

Wooden Subscription Widget for blogger

Wooden Subscription Widget for blogger

Wooden Subscription Widget for blogger

In the Name of Allah who is the Most Kind and Merciful, In this Post I will teach you how to add Wooden Subscription Gadget to your blogger as shown in picture. A new Email Subscription box is also added with this widget. Enjoy and Don't Forget to Share and Comment !

Subscription Box With Fully Wooden Theme

Go to Blogger Dashboard
Go to Layout
Select Add a Gadget
You can type title any
And Copy the following code in the content.

Important: If you don't want Mouse over effect of Images in the Subscription box, please delete the RED highlighted code,. If you want then leave it there.

img.beintouch:hover {

background: none repeat scroll 0 0 #D6D6D6;

border-radius: 16px 16px 16px 16px;

box-shadow: 0 0 10px #565656;

}

/* Delete to Here*/
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO_rLT8-mrQEyotnUTpZQ0P1Q00CBZbgei1PIMhYeFZBm3Y8nPmbZJ8p024KW65UyXaIfWofi2nXC-RVhd7zOgN4xHV3zG8dDz1iI55kXz4yQF61R59QWOeqRZX6zqpghPfv-Y2Za9eL4/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/l0nelyprincex64"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3CCaXOnNzcLr8joFK83_3GReP11mxmPhDH-yX8rrLYx6nqT0dTwPp0x1DAu3gnGaYUCMmTuyP3WaakJgwvI8Cy9hg8yfYlCA8mffFOQg7wy_fDyRS8q6mIAJHvXUxAFI2hudFY-vdLm4/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com//" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibWklyVuQp4UZydD-ZFY_jV8ou0-MOLRNguvhyphenhyphenzponucbtJJJ8qoGUDyVSBvAOF1k4qSegs8WPaGHwzHdrCMa-7Ye5Q46TX_iQ1dipXpk_ddKNlm9PmqNOGt72hHXI8hSGwoUt6jH-Kjc/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9YY57e8twKNnprrDufHCwEXS8sd0DCCbhjuS1T86eZLQ_fRyGaVHrvPrwJ_BzVFPno_bGr5QdrFHwd-pSI9WBBa77OJUpuR66oUcUEszQNzDT5aJHwTianyYcVrVii097hfAueCYmMxw/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
<div>Get Latest Tips via e-mail</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ITGooglepk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="NetOopsBloggerTricks" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

Change the BLUE highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively.

Add Yahoo Smileys on Blogger Comments

Yahoo smileys for Blogger Threaded Comments

Start with the name of Allah who is the Most Kind and Merciful, In this post, I will teach you how to add yahoo smileys in your blogger threaded comments. This was scripted by an Indonesian Blogger Kang Ismet and I think he did a very good job for us. This Blogger trick works with new blogger interface only. Enjoy this trick and Don't Forget to Share and comment !

Steps :

Go to Blogger Account
Go to Template -> Edit HTML [click Proceed]

Add CSS Code

Find ]]></b:skin>

img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

Add Javascript Code

Find </body> and copy the below code just above it.

Save the template
Save Template

Add HTML Code

Check Expand Widget Templates
Find <div class='post-footer-line post-footer-line-3'>
Find the next </b:includable> and copy the code above it

Example
</div>
.
Place code here

</b:includable>

Copy the below code above </b:includable>

<b:if cond='data:blog.pageType == "item"'>
<div class='netoopsblogysmile' id='ysmile' style='

background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>

Save the Template
That's all

Change Blogger Post A Comment Style

In The Name of Allah who is the Most Kind and Merciful

As we all know that Comments in blogger or website is the one and only best way to stay connected with our blog or website visitors. When you open a post, you see "Post a comment" in the end of the every post in your blog. Here, I will teach you how to change "Post a Comment" text to an awesome style which attract the blog visitors so much. I hope you will like this and share it :)

Steps :