Tech Blog Guide - The Ultimate Guide To Technology World!
Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

LiveZilla Live Help

Skill Blogger is a blog cum online blogger resources, where we provide various quality of tips, tricks, tutorials, widgets, blogger templates and other priceless goods related to blogger. ! So dude what are you waiting for . Sign Up Today !

Awesome!!Templates

Sunday, July 7, 2013

How To Add Speech Bubble Comment Style In Blogger Thread Comments

Hi, readers! Speech bubble is a cool and stylish thread comment with speech bubble style.Today we are going to post about how to add speech bubble comment style in blogger thread comments.Readers we can easily change our blogger comment style.This is really awesome and attractive one hope you most of them would like this.This is tottaly coded from CSS.This one is created by spiceupyourblog.com so all the credits goes to him.So, guys lets see below hot to add it on your blog and first see the demo

                                                                     Click To See Demo

How To Add It On Your Blog?

  • Log In To Blogger.com
  • Go To Your Blogger Dashboard
  • Navigate To Template And Click On Edit HTML
  • Find The Below Code Using CTRL + F
]]></b:skin>


  • Now Paste The Below Code Above/Before It.
/* Start Comment Style Code http://www.techblogguide.blogspot.com/ */
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-Wmy6bwNKzbo/T0miLZkuJsI/AAAAAAAAChc/orbwMGHyBxA/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}
/* End Comment Style Code http://www.techblogguide.blogspot.com/ */

  • Save Your Template Carefully
  • That's All 

Posted By: Md. Asad Reza on Sunday, July 7, 2013

Thursday, July 4, 2013

How To Add CSS3 Bubble Buttons For Blogger



Hi readers! How are you.Are you really enjoying my small blog.Today we are going to tell you about how to add css3 bubble buttons for blogger.Friends, you might have seen some CSS3 buttons for live preview or download.These awesone bubble buttons are made with pure CSS3.When we on mouse the CSS3 bubble star shaking.This effect can make your blog visitors attractive.These buttons are available in Big, Medium, Small and Round with different colors.So, guys without wasting your valuable time, Let's see below hot to add it on your blog:)

How To Install?

Always Backup Your Template Before Editing Your Template.

Adding CSS

  • Log In To Blogger.com
  • Go To Your Blogger Dashboard
  • Navigate To Template And Click on Edit HTML
  •  Search For Below Code Which Is Provided Below In Block Quote.
]]></b:skin>

  • Now Add Given Below Code In Just Above It.
.button {
    font: 15px Calibri, Arial, sans-serif;
/* A semi-transparent text shadow */
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
/* Overriding the default underline styling of the links */
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    background-repeat: no-repeat;
/* The following two rules are fallbacks, in case
the browser does not support multiple backgrounds. */
    background-position: bottom left;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png');
/* Multiple backgrounds version. The background images
are defined individually in color classes */
    background-position: bottom left, top right, 0 0, 0 0;
    background-clip: border-box;
/* Applying a default border raidus of 8px */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
/* A 1px highlight inside of the button */
    -moz-box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;
    box-shadow: 0 0 1px #fff inset;
/* Animating the background positions with CSS3 */
/* Currently works only in Safari/Chrome */
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
}
.button:hover {
/* The first rule is a fallback, in case the browser
does not support multiple backgrounds
*/
    background-position: top left;
    background-position: top left, bottom right, 0 0, 0 0;
}
.button:active {
/* Moving the button 1px to the bottom when clicked */
    bottom: -1px;
}
/* The three buttons sizes */
.button.big {
    font-size: 30px;
}
.button.medium {
    font-size: 18px;
}
.button.small {
    font-size: 13px;
}
/* A more rounded button */
.button.rounded {
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radius: 4em;
}
/* Defining four button colors */
/* BlueButton */
.blue.button {
    color: #0f4b6d !important;
    border: 1px solid #84acc3 !important;
/* A fallback background color */
    background-color: #48b5f2;
/* Specifying a version with gradients according to */
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'),
-moz-radial-gradient(    center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'),
-webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover {
    background-color: #63c7fe;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'),
-moz-radial-gradient(    center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'),
-webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button {
    color: #345903 !important;
    border: 1px solid #96a37b !important;
    background-color: #79be1e;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover {
    background-color: #89d228;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button {
    color: #693e0a !important;
    border: 1px solid #bea280 !important;
    background-color: #e38d27;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover {
    background-color: #ec9732;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
.gray.button {
    color: #525252 !important;
    border: 1px solid #a5a5a5 !important;
    background-color: #a9adb1;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover {
    background-color: #b6bbc0;
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
    background-image: url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), url('http://4.bp.blogspot.com/-BMF-y6Z_j1s/T6kpRal1xTI/AAAAAAAABoY/9chp3dt8REg/s1600/techblogguide-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

  • Save Your Template.

 We Have Added CSS Code In Template, Now We Have To Add HTML Code

Adding HTML

For Big Bubble Buttons:
Big Blue Button Big Green Button Big Orange Button Big Gray Button

<a href="YOUR LINK HERE" class="button big blue">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button big green">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button big orange">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button big gray">BUTTON TEXT HERE</a>
 For Medium Bubble Buttons:

Medium Blue Button Medium Green Button Medium Orange Button Medium Gray Button
<a href="YOUR LINK HERE" class="button blue medium">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button green medium">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button orange medium">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button gray medium">BUTTON TEXT HERE</a>
For Small Bubble Buttons:
Small Blue Button Small Green Button Small Orange Button Small Gray Button

<a href="YOUR LINK HERE" class="button small blue">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small green">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small orange">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small gray">BUTTON TEXT HERE</a>
For Small Rounded Bubble Buttons:

Rounded Blue Button Rounded Green Button Rounded Orange Button Rounded Gray Button

<a href="YOUR LINK HERE" class="button small blue rounded">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small green rounded">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small orange rounded">BUTTON TEXT HERE</a>
<a href="YOUR LINK HERE" class="button small gray rounded">BUTTON TEXT HERE</a>

Customization:


  • Now Replace "YOUR LINK HERE" With Your Own Desire Link.
  •  And Replace "BUTTON TEXT HERE" With Your Bubble Button Name.
  • Mission Complete.

Enjoy Buddy:)

Posted By: Md. Asad Reza on Thursday, July 4, 2013

Monday, July 1, 2013

Are We Going To See a Google Gaming Console?


We have seen the technology industry grow to an unimaginable level in the last few years. Even with the smartphones ruling the technology industry, no one can deny this fact that gaming consoles have always been there as a potential technology market Niche. Now after the launching of next generation gaming consoles by both Microsoft and Sony having some ground breaking cutting edge specifications, people wonder whether Google will ever enter this market. Would we be able to see a Google gaming console in the near future?

Is Ouya A Blueprint for Entry Level Version of Google Gaming Console


Microsoft's Xboxans Sony's PlayStation franchises are ruling the gaming console industry without any doubt. Sony and Microsoft both have revealed their next generation console, PlayStation 4 and Xbox One this year. These two giants incorporate some breath taking new features, which takes the game to the next level. Nintendo still struggling for its place depicts a great example for the rest of companies planning to enter this highly saturated market.

Xbox One and PlayStation 4 have yet to see a tough competition for the next few years. However, there is another gaming console under development that follows a really interesting and convincing market penetrating strategy. Yes we are talking about the Ouya gaming console. It’s developed by Julie Uhrman, a gaming industry veteran in 2012. This gaming console is going to get launched this year. This console will run on Google Android OS and is developed on the basic principle of "Simplicity." Some other really great features like it's open to rooting and will be small enough to keep in your pocket, wireless controllers and the ability to connect on wireless with HDTVs, and a free trial of a game before actually purchasing it online. Experts are considering it to be a great entry level gaming console with a cheap selling price of $99.


Caption: Is Ouya A Blueprint for Entry Level Version of Google Gaming Console

Alt tag: Ouya is a Blueprint for Google Gaming Console



Our Opinion about Google Gaming Console


We personally believe that Google is waiting for Ouya to get launched. Based on the market performance and user base for Ouya, Google will have two of the available options. Either to purchase the Ouya franchise and go on with it. Or to learn from Ouya, support it with the Android software and alongside with that, develop an indigenous Google gaming console. A console, which could be slightly expensive than Ouya, but would address to all those issues, which are yet to be discovered in Ouya, once it hits the markets. This way, Google will be diversifying the market like it did with its Android mobile OS. This step would be much better for Google. Because it will encourage many other companies to do a partnership with Google and develop their own Android based gaming consoles offered at cheap rates. Hence, creating trouble for Sony and Microsoft and attracting price conscious buyers.

According to Chris Taylor,

If Google were to develop its own console, it could count on a lot of useful feedback from Ouya's passionate user base. It would also have a library of Android games ready to go on day one: there are more than 100,000 games in the Google Play store.

One another better thing for Google gaming console (if developed) would be the integration of games. A game developed for either of the two devices should be compatible with the other one. This step would definitely have its own benefits. A short conclusion is that Google still has plenty of room in terms of ideas, marketing strategies and other potential benefits in the gaming console industry. Let’s hope that the company comes with its own Google gaming console. Please let us know in the comments, whether you are going to buy an economical and small Google gaming console.

Author,

Muhammad HasanAzhar,


Muhammad HasanAzhar is a technology enthusiast and a critique. He is a lead writer for Technology Tribune. Pretty much open to every single platform out there in the Smartphone industry, he loves to experience the best of every gadget, let it be a shiny Smartphone, or an exquisite Ultra book. However, it should definitely be something completely off the hook, in order to get his attention. Follow him on



Posted By: Md. Asad Reza on Monday, July 1, 2013

How To Add Spinning Image Effect On Hover Mouse To Blogger

Hi, readers! Adding some style able effect to your blog can make attract your visitors.Today we are going to publish about about "How To add Image Spinning Effect On Hover Mouse To Blogger".This trick is very short and simple for every blogger.In our previous posts, we shared about "Add Rotating Page Effect To Your Blog Web Page" and "Awesome CSS3 Widget With Zoom And Shrinking Effect" which may like many of our readers.Putting this effect on your blog visitors might want to check your more images/pictures to see more special effects.Thanks a lot for realcombiz.com who created this awesome tricks for blogger.Hope my readers will like this one awesome tricks.
So, guys without wasting valuable time just follow our easy steps and you are done:)

                                                LIVE DEMO BELOW








                               


Adding Image Spinning Effect On Hover Mouse To Blogger.


  • Log In To Blogger.com
  • Go To Your Blogger Dashboard
  • Navigate To Template And Click On Edit HTML> Proceed
  • Find The Given Below Code Using CTRL + F

]]></b:skin>

  • Now Paste The Code Before ]]></b:skin>

.spinningeffect img {
 /* Image Spinning Effect Trick Shared By www.TechBlogGuide.Blogspot.com */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.spinningeffect img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
 If You Want To Change The Rate (Time Taken) At Which The Image Rotate/Spin Simple Edit 0.8s
You can The Degree Of Of Spinning Image Also At Which The Image Rotate/Spin By Changing 360deg

How To Use It On Images?

When Ever You Want To Appear This Effect On Your Image Simply Do The Given Below Steps:

  • Go To Your Blogger Dashboard
  • Navigate To Posts And Click On New Post Button
  • You Will See Blank Box And Now Click On Edit HTML Button At Left  Side
  • Paste The Following Code Inside The Blank Box Where You Want To Show Rotate/Spin Image Effect On Your Posts.

<a class="spinningeffect" href="IMAGE-URL/" target="_blank">
<img src="IMAGE-URL/" /></a>
Now Upload Your Image To Blogger Post And Replace IMAGE-URL/ With Your Image Link


Posted By: Md. Asad Reza on

Sunday, June 30, 2013

How To Show Comment Rule Before Blogger Comment Box

Hi, we are going to publish a short and simple post for blogger.A topic about how to show comment rule before blogger comment box.One of my friend ask me how to add it so my friends see here specially for you and my lovely readers.Many people are thinking that it can be only done by editing edit HTML, But here we are going add this without editing HTML box.By putting this messages which might say the rules of commenting system of your blog.So, guys without wasting your time just follow our easy steps and you are done:)

How To Show Comment Rule Before Blogger Comment Box?

  • Log In To Blogger.com
  • Go To Your Blogger Dashboard
  • Navigate To Setting And Click On Posts And Comments Tab
  • In The Last Option You Will See Comment Form Message(A Text Box Will Blank)
  • Now Write Your Message In Blank Box And HTML Codes Are Also Allowed 
  • Click On Save Settings
  • That's All

Isn't Simple Buddy Now we can easily leave your message with customizing because already i had told you HTML codes are allowed.

Posted By: Md. Asad Reza on Sunday, June 30, 2013

ShareCash: Charge MasterCard With Money

ShareCash: Charge MasterCard With Money
Hello readers, i'm the new co-author of Tech Blog Guide, and i'm sharing with you this post about earning money trough uploading files and charging account Payoneer, you may don't have a MasterCard yet but i'm giving you a chance to have one, this card help you to buy what you need from internet, as i shared on my blog Get Payoneer Master Card i received mine in almost 30 days, but i steel need to charge it with money, so that why i think this post should be shared with you to know how to get cash easily.

ShareCash is a website that offer to us to upload files and get money, the idea is you have to publish your files links on several websites, blogs magazines... and when anyone try out to download your files, a window will appears and force him to register on the website, and this is what you will earn for, means you get financial commission for any one registered to download your files.

Once you make a balance like 20$ for example, you'll have to transfer it to your account on Payoneer.
You have to find your sources like forums, blogs, facebook pages.. to put your links, if you don't know where to put them then you just need to use your friend Google he will help you to find thousands of places, all what you have is to be strong and keep working harder and harder.

This is a picture explain why ShareCash are the number #1 :

upload files and make money with ShareCash
Now let's discover together how to register on that website, follow the steps below the next picture:

Registration For ShareCash
  • #1: Enter your Username.
  • #2: Enter your Email.
  • #3: Confirm Email.
  • #4: Enter your Password.
  • #5: Confirm Password.
  • Click Continue.
Registration for ShareCash


  • #1: Enter your first name.
  • #2: Enter your middle name if you have one.
  • #3: Enter your last name.
  • #4: Enter your street address.
  • #5: Enter your street address 2.
  • #6: Enter your City/Town.
  • #7: Enter your State/Province.
  • #8: Choose your country.
  • #9: Type the captcha.
  • Click the accept button
  • Click Register now.
After all that click on "Log in". and enter your username in the #1 case, and your password in case #2, as it showed up in the picture below:

ShareCash Log In

You'll find all next steps in the first page of website, just check it out, there is a sample video above, watch it, and start uploading ShareCash.
As i've said before if you don't know where you can get your MasterCard, here is the sample way, just follow the steps:
That's all for now dear readers, i hope you enjoyed with my first post here, if anyone of you got trouble just be free to put your question in comments, we will reply as soon as it possible, wait for my next post, and have a nice day.
You can follow me here: Facebook | Twitter | Google+

Posted By: Nomad Nomad on

Make Your Blog Posts SEO Friendly

Hey visitors! what are you doing? After a long time a am going to post because i was busy in my house work.So we are here now with new post that is make you blog posts SEO(Search Engine Optimization) friendly.Making your blog posts SEO friendly can attract your blog and also attract search engines.Blog posts title is very necessary fact for your blog/websites.This can increase your blog traffic easily.So, this is very important for newbies blogger.Hope you will like this one.Let's see below how to add it on your blogger blog:)

How To Add It O)n Your Blog?

  • Log In To Blogger.com
  • Go To Your Blogger Dashboard
  • Navigate To Template And Click On Edit HTML
  • Now Search For Below Code Which provide In Quote Box
<title><data:blog.pageTitle/></title>

  • Now Replace The Above Code With Provided Given Below Code.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | TechBlogGuide</title>
</b:if>


  •  Click On Save Template Button That's All
  • Enjoy Mate

Posted By: Md. Asad Reza on

Contact Us

Name

Email *

Message *

 

About Author

Hello! This is Md. Asad Reza, the owner and administrator of this blog, who lives in Janakpur, Nepal.I am Part Time bogger and web designe.I've started blogging in 2012.I learned the important things on blogger.I loves to coding.

About Us

Recent Comment

Copyright © . SkillBlogger. All Rights Reserved.
Designed by :-Way2themes