Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

3 Apr 2016

Make Back To Top With Bounce effect For Blogger Like Kang Ismet | 2016

How to Make Back To Top Button With Bounce Effects 2014 | Make a back to top button already been described within the blog - other blogs, especially diarys ismet kang I got it when blogwalking and searching and searching to seek out it. this point I added the code again to resemble the blog back to top ismet kang. How its almost constant way because the one on his blog kang ismet there could also be a rather different steps. 
sighting back to his top form buttons with simple and attractive design which will be more or less tolerable as shown below / during this blog if are often tough.

The image I get from this blog alone

How interested would like to make it like that ..?
Let's just go ahead and just follow the step by step and note Thoroughly

1. Login respective blogger buddy
2. From the dashboard just go to Menu Templates and Select EDIT HTML
3. Add the following code above the code </ head> lah use CTRL + F to quickly find
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
If there's been the same code in the template attached agan this step should be avoided 

4. Still with the code </ head> add the following code right above it
<script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#BounceToTop&#39;).slideDown(200); } else { $(&#39;#BounceToTop&#39;).slideUp(300); } });$(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

5. This time we make tampilanya Kang Ismet closely as hers. Put the following code just above the code  ]]> </ b: skin>
 #BounceToTop {background:#5c6c7e;text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:40px;height:40px;border-radius:1000px;padding:5px;display:none;transition:all .3s ease-out;}
#BounceToTop:hover {background:#2a3542;}
#BounceToTop:before {content:""; position:absolute; bottom:18px; right:14px; width:0; height:0; border-style:solid; border-width:0 11px 16px 12px; border-color:transparent transparent #fff transparent; line-height:0;}
#BounceToTop:after {content:""; position:absolute; bottom:18px; right:15px; width:0; height:0; border-style:solid; border-width:0 10px 14px 11px; border-color:transparent transparent #5c6c7e transparent; line-height:0;transition:all .3s ease-out;}
#BounceToTop:hover:after {border-color:transparent transparent #2a3542 transparent;}

6. Now to the Layout and Add Widgets Choose HTML / Java Script and copy the code below and paste it into it
<style type='text/css' scoped='scoped'>#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}</style><div id="BounceToTop" style="display: block;"></div>

7. Done Now In How check result ..?. If it fails let's discuss where lies the fault. If you think this agan still less can we discuss it. A few of my hopefully useful tutorial. Thanks to Kang ISMET

Source:- http://blog.kangismet.net/2013/09/membuat-tombol-back-to-top-dengan-efek-bounce.html



8 Aug 2015

Creating css3 Loading Animation For Blog 2015

Hii Folks,Today after a long time,i have comed back with an awesome trick.Creating css3 Loading Animation  For Blog.
Animation loading blog can give the effect of manipulation on loading blog to appear more quickly.You can modify the script again to your liking.


For Live demo-fakename


Let's start.


Add CODE This Blog Loading CSS animations above ]]> </ b: skin>


#mbsload {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.mbsloadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.mbsloadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}}

Then add the JQuery above </ head> , here I use Jquery version 1.7.2 ( Insert if not exist JQuery in your Template ).

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'> </ script> 

The last step, attach the following script tag above the </body>


<div id='mbsload'>
<div class='mbsloadball'/>
<div class='mbsloadball-2'/>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = &quot;http://&quot; + top.location.host.toString();
var $internalLinks = $(&quot;a[href^=&#39;&quot;+siteURL+&quot;&#39;], a[href^=&#39;/&#39;], a[href^=&#39;./&#39;], a[href^=&#39;../&#39;]&quot;);
$internalLinks.click(function() {
$(&#39;#mbsload&#39;).fadeIn(1500).delay(6000).fadeOut(1000);
});
// Remove the overlay when clicked to overcome interference, especially if the internal link is set up with a target=&#39;_blank&#39;
$(&#39;#mbsload&#39;).click(function() {
$(this).hide();
});
});
</script>




Now You are done.just save the template.


1 Aug 2015

7 Ways To Increase Traffic To your Blog 2015

Blogs have become one of the most fascinating and popular platforms upon which individuals may sell their wares, offer advice or simply journal about their daily lives.
There are many reasons why you’d would want to increase the traffic to your blog . It could be for monetary reasons, to gain more public exposure or to show off your skills. Bloggers want to see their sites develop, evolve and grow.


Here Are Some Ways And Tips To Increase Blog Traffic.

1)Blog Community- As you all know blog commenting is the easy and effective way to bring targeted blog traffic. But commenting in the unrelated blogs or commenting on old posts don’t give you much blog traffic.Try to comment on top blogs in your niche. Before that make a list of top 25 blogs list in your niche and start commenting on them. Make it a habit of commenting on new posts/fresh posts in those blogs.Try to be the top 5 first commenters, this brings you instant traffic to your blog. And make sure you are leaving at least 10 to 15 comments everyday to boost your blog traffic.


2)Optimize Your Content-The initial structuring of a blog should evolve around designing it to attract maximum traffic. Pages on your blog can be optimized to attract readers and potential consumers. This can be done by organizing content by putting it into categories that will enable readers to find what they are looking for quickly and easily. This includes sub-titles, bullet points and lists.Search engines pick up on themes of related content, so include keywords and keyword phrases. If you work a little on your blog’s SEO (Search Engine Optimisation) in this kind of way, you’re likely to get more search engine traffic.



3) Guest Blogging: Guest blogging is another way to bring blog traffic, guest blog on PR 4 + blogs, because they will have huge audience and you can grab their attention and traffic too. They will surely visit your blog if your post is interesting and helpful.
Try to guest blog twice a month or thrice. It depends on your time factor. Before you submitting your guest posts in the top blogs which got PR4 or above make a healthy relationship with them by interacting through Twitter, Facebook or commenting on their blogs so often. This will help you to publish your guest post on their blogs easily if your guest post worth it!! So, try to add value to your guest posts.
And this bring quality backlinks to your blog and you can improve your PR too along with the traffic.

4)Submit the Blog to Search Engines-All of the major search engines have dedicated link sites that allow users to submit URLs to their engines. There are also directories that you can submit your site to. This can be done manually, or services can be hired to do the submissions for you. The results do not happen overnight.

Sometimes, it can take weeks for the blog to show up. But it is a good way to get the search engines to crawl it and pick it up in someoneĆ­s search results.

5)Keep Your Blog Fresh-Update your blog often.Spend some quality time keeping your content fresh and interesting. Don’t let your design go stagnant either. It’ll need a re-vamp every now and then – an improved design can boost traffic. Create an inviting blog environment that is packed with eye-opening facts and information.Think about the websites that you enjoy and model your own blogging formula after those.Having a popular, successful blog takes patience, time and focus. It also takes hard work and determination. Some of it is luck too, but following easy pointers like these will help you on your way. Just be consistent and persistant – keep at it. Eventually, you will see the results that you want.


6) Facebook Marketing: This is my best traffic source. Facebook is giving me 50-60 leads every day. So, don’t neglect this strategy. Promote your blog posts on Facebook immediately after publishing.Create a Facebook fan page for your blog and submit your post links there and also send add requests to the Facebook groups which are related to your niche.Facebook groups are the best place to promote your blog posts daily. Moreover you can learn many things from the group members.


7)Use Tactics to Grab Your Readers Attention-When writing a blog entry, think of something that could be unique to your site and useful to your readers. Understandably, this can be tricky. But you could still write about something that other bloggers have already covered, but make your version exceptional and better than existing posts – perhaps take a different angle.Develop a tone of writing particular to you and your blog. This will make your content memorable and personal. Also, make sure your posts are excellently researched to really impress your readers.







How Make unique post In Blogger 2015












Mybloggerskill


What is unique or custom post in blogger?, it's the different post than other post, every page have a different style. This time i will share about how to create that unique or custom post. This tutorial is easy for newbie, but i recommend to use this tutorial if you're understand about CSS. For example of unique post, you can see this blog.You Can Se liv Demo On This Blog only As you can see the sidebar is hidden.

Your Template Structure may have :-

  • #outer-wrapper
  • #content-wrapper
  • #main-wrapper
  • #sidebar-wrapper
  • #footer-wrapper
  • #header-wrapper>
  • .post
  • .post-body


The formula

  1. Open blogger.com and login, and then create a blank post
  2. Write anything in that post (whatever you want)
  3. Then in post you'll see Compose tab and HTML tab, click the HTML tab
  4. You found your text with html, then just put this code in the last line:
    <style type='text/css'>
    
    Put your CSS here
    
    </style>
  5. Then that is the formula, just fill the CSS in that area
  6. Still don't understand?
  7. Ok, now i'll tell you if you're newbie in HTML

How To Approve Adsense Account Within 2 Hours Easily [100% Working] 2015














Procedure:

1. Make a GMAIL Account
2. Then go to YouTube
3.  Find and click YouTube Settings




[Hit view additional features and click "enable" on Monetization setting. (YouTube settings is on]




4. Then it goes to new page which shows in blue "enable Monetization"  and a pop option will show then tick mark on all box then next and click on "got it"
5. Then again go to YouTube Settings and then view Monetization Setting
6. Then see a last 2 question i.e "how i will paid"
7. Then click on that question and click on"associate an adsense account"
8. Then opening a next page and click on next or change and then it redirect to log in page,and select"yes to proceed Google sign in"or you can select different Google sign in.then it goes to Adsense form and fill up all form.(Must put correct post code,and your house no on first address.)
9. Then submit application and wait maximum of 2 hr and check your email your Adsense account is approved.

NOTE: DON'T UPLOAD ANY VIDEO BEFORE APPLY.APPLY ADSENSE WITHOUT VIDEO UPLOAD.

HOW TO SHOW AD IN BLOG?


After approve,go to adsense account setting and then see on bottom and click on"site management"and put your blog name and save.
Then go to blogger and sign in then go to earning tab,and select "get started" or "switched Adsense account"
then proceed to Google sign in then accept association and it will say"successfully Adsense widget added".If you have different Adsense gmail account then use different Google sign in.
And wait 10 min and sign out your blog and see ad.FINISH
N.b-it is only for blog and YouTube.

13 Jun 2015

How To Bypass [FB] Photo Tag Verication 2015 [100% Working]

Hello Friends!! From last many days I got many requests from my visitors , friends to share a trick 'How to bypass photo tag verification of Facebook' with best and easy way, so for this I come with a amazing trick. Few month ago I was also facing this problem but I easily bypass photo verification with this trick.

How To Bypass [FB] Photo Tag Verication 2015 [100% Working]


Why You Face Photo Tag Verification Problem?

Many facebook users thinks that why Fb wants proof of there identity after using real name and real pic. The reason is simple , its a Fb security system. I means when FB notice that any user using any feature excessively , Than Fb security system thing that the person may be spammer or its a fake. So Fb security system catch the person and put photo tag veification on his/her id.

ALSO SEE-


There are two method of verification

1st method:-

1) Download and install TunnelBear app in your android or iPhone and make a new account.

2)Now change your location to Japan.

3)Then login your blocked facebook account and enter catcha code.

Here you will notice that there is no pic verification instead it will ask your phone number

4)Just change japan phone code to your country code and enter your phone number.

5)Now you will get a confirmation code in your phone number,just enter this code and you will be login your account.

2nd Method(It is difficult than 1st)-

1)Login to your facebook Account , afte this you will be forced to enter the captcha and then the step come in which you were asked to identify the photos in which your friends are tagged.

Here we will get 5 chances[5 photos + 2 skip option]

2)Now you have to just take a screen shot of 7 pictures one by one and save with 1,2,3,4.... [also use both skip options]

3)Repeat the step 2 again and again [depends on number of friends you have in your account]
If you have between 50-100 friends then you need atleast 20 images..

4)Now when the same pic will come , just compare the pic with the previous screen shot of the same pic and you will see 5 names are different and 1 is match the previous pic names.

    
Here you can see Prem Pasricha in both pics,so Prem Pasricha is the correct answer.

5)Now you got one correct answer. Just save the answer in the notepad or any notebook.

Again when you will se the same pic , just compare and find the same name.

Do again and again these steps till than you got all the answer.

Note:In one day you can try only 3 times. And you have to do this for 2-3 days.
ALSO SEE-


Once you find all your friends photos just try to solve the verification.

Last Word: Well here is the end of article. I hope you will be able to bypass photo tag verification of your account. If you want to ask any question regarding this article then feel free and ask in comment box.

Ads Inside Post