Featured Articles

Here is some list of most popular and informative contents for you from all the categories...

  • Collection of trending articles.
  • New article on everyday for you.
  • Publishing the collection of articles.
  • We have hundreads of royal readers.
  • Articles in every category of your need.
  • Hundreads of articles Authors.
  • Daily Pick from Quality Content.
  • Thousands of social media fans.
  • Easy and understandable language.
  • Providingnew topic as required in the era.

Subscribe Us

Like posts from this blog ? To get latest updates from us, directly to your inbox don't forget to subscribe us...!!!

OR
Subscribe Our RSS Feed

Saturday, January 30, 2016

Simple Recent Posts Widget for Blogger Blogspot Site

To have Recent Posts widget is that it will display not only post titles, but also read more option as you can say it post excerpts or snippets, and it's very easy to customize this style you can change with your own style too. Want to make fit this recent post widget for your design then you need to simply modify css codes.

What you can do with this recent posts widget:
- it will display only post titles
- you can change the number of posts
- also changeable the number of characters of the post snippet/excerpt
- and show the post dates too

See the screenshot of recent post widget:
Simple Recent Posts Widget for Blogger Blogspot Site

How to add Recent Posts Widget to Blogger

Step 1. Log in to your blog and go to edit template
Simple Recent Posts Widget for Blogger Blogspot Site

Step 2. From the pop-up add widget window, choose HTML/JavaScript
Simple Recent Posts Widget for Blogger Blogspot Site

Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent Posts Widget with Snippets

<div id="hlrpsa">

<script src="https://raw.githubusercontent.com/shohag5885/blogger/583848849edb8f8150035b7ee41fd234cd9cdbbb/recent-posts-with-snippets.js">

</script>

<script>

var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;

</script>

<script src="http://sisourav.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">

</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.sisourav.com/2016/01/simple-recent-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>

<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">

#hlrpsa a {color: #0B3861; font-size: 13px;}

#rpdr, #rpdr a {color:#808080;}

#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}

.hlrps a {font-weight:bold; }

.hlrpssumm {}

</style>

Option 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">

<script style="text/javascript" src="https://raw.githubusercontent.com/shohag5885/blogger/583848849edb8f8150035b7ee41fd234cd9cdbbb/recent-posts-with-snippets.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://www.sisourav.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.sisourav.com/2016/01/simple-recent-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>

<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>


#hlrpsb a {color: #0B3861; font-size: 13px;}

#rpdr, #rpdr a {color:#808080;}

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>
Step 4. Customize it:

- Change 5 (option 1) and 10 (option 2) with the number of posts that you want to display.

- Change false to true if you want the posts dates to appear

- Change 100 (option 1) if you want more characters to be displayed.

- To change the color and font size of the links, modify the values in blue (links) and violet (font-size)

- To change the style of posts summary, modify the values in green (color) and orange (font size)

- Replace the http://sisourav.com text with your URL

Step 5. Save your widget. And that's it! Enjoy!
Read More...

Wednesday, January 27, 2016

Mag Zilla Blogger Template

Mag Zilla is a striking blogger theme boasting a variety of robust features and carefully crafted to impress any audience whatever the topic. Whether your passion be travel, business, or gaming, Mag Zilla stunning featured look area is sure to catch every visitor’s eye. Showcase your content prominently with Mag Zilla blogger template and express your opinion with the exciting comment system. From custom widgets to its simple Customizer to the fully responsive layout, let Mag Zilla clean elegance blogger template help make your content shine across all devices & screen sizes.
Author : SoraTemplates

Mag Zilla Blogger Template

Mag Zilla Blogger Template

Read More...

Sunday, January 24, 2016

How to design a business card

How to design a business card - If you are a business person then you know the importance of having business card. A business card make sure your identity and people get a clear knowledge about your service with whole of your contact details. If you don't know how to design a bussiness card then you can hire people to make a business card for you. On the other hand if you want to design business card as your own style then this tutorial will make it possible to design a business card for your business.
How to design a business card

Business card design is not a easy way for the people who don't know the usage of photoshop, so you have to get the business card design inspiration to work with photoshop. There are many business card design software not every software is important but you can get adobe photoshop free or premium to do it easily. There are some business card design online tools also available but there is limitation, so if you use adobe photoshop that will be better.
How to design a business card

How to design a business card

In online there are many business card design template but you should choose the better one that you like to have for your business. Or you can get the business card design ideas, to know more about business card design you can get business card design tips, there are many people to give you business card design free template for learning purposes. Many people ask google for business card design software free download links but if they get skill on photoshop they can do it without paying someone. For android there are some business card design app that included default design collections you can create there too. If you think you don't have time to do it then hire us to create business card design for you. Soon here will be displayed business card design pricing for you check business card size for you and give your order you should know business card size is width 3.5" inch and height is 2" inch.
How to design a business card

I'm giving you a sample of business card design template for free download that will help you to understand easily and check bellow a video tutorial also provided from Tony Richardson he is the ceo of TR Designs, Inc.
How to design a business card


Read More...

Saturday, January 23, 2016

Some Article Writing Sites

Some Article Writing Sites that can make you crazy cause these sites pay you for your posts, and they have huge reader to read your post so you get paid for the view you just need to write quality content. Our latest tutorial is coming on how to write on blog and tips about article writing.
Some Article Writing Sites

Some Article Writing Sites

1: ceriwis.com
2: einvesting.com
3: ibm.com
4: isipathanaonline.info
5: freeforums.org
6: biz-whiz.com
7: cleveland.com
8: flash-db.com
9: bdadorable.com
10: w4study.com
11: rainbowenter.com
12: theorlandohotelsdowntown.com
13: exurbi.com
14: eamorexia.com
15: amajika-arts.com
16: uncommonlycommon.com
17: midwrv.net
18: fbfaster.com
19: lembergcc.com
20: computer-love.com
21: talkscom.com
22: siyabonatours.com
23: globalruining.com
24: jaxlp.com
25: tadpooltech.com
26: nightsstar.com
27: monclerjackendeonlineshop.com
28: idee-verte.com
29: marketingmultiplo.com
30: sajilosansar.com
31: service-party.com
32: cloudsoda.com
33: indigoflyer.com
34: microessays.com
35: premierprintpack.com
36: ussearchrecord.com
37: sagolgoru.com
38: chanelsaifujp.com
39: phonesnphones.com
40: safeipad2jailbreak.com
41: bubblews.com
Read More...

Wednesday, January 20, 2016

How to Give Star Rating Effect In Popular Post

How to Give Start Rating Effect in Popular Post with Font Awesome - this time I will share with you a trick to add the icon in the widget of popular posts with star rating with Font Awesome. Popular posts on blogger blog make its looking nice with this trick.
How to Give Star Rating Effect In Popular PostHow to Give Star Rating Effect In Popular Post

Surely here buddy already understands the use and benefit of the Popular Post Blogger widget. This star rating effect was inspired by star rating Popular Post widget on WordPress platform which serves to show the results of the voting were given a visitor on a particular article. So this tricks will help you to build star rating popular post widget on blogger platform.

Well, for those who want to try this trick that the Popular Post widget looks more attractive please follow the following simple steps:

How To Give Star Rating Effect in Popular Post by Font Awesome

This widget uses Font Awesome, so now add the following CSS codes provided bellow to the above of </head> tag.

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

If this awsome link above previously has been installed on your blogger template then skip this step..

1. Log in to Blogger > Open the Template Editor > Add the following code before the ]]></br:skin> or </style>

Style 1
/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

Style 2
/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

Style 3
/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

2. Then save the template and see the results that you have done it successfully.

Here I do not give a live demo, i have tested it in this blog and took this screenshot for you and you are able to make this trick live on your blogger blog.

So from me to you this is the trick How to Give Effect of Star Rating in Popular Post with Font Awesome in Blogger, sorry if there is a shortage and may be useful.
Read More...

Monday, January 18, 2016

How to take input from keyboard using java

How to take input from keyboard using java - If you are a new java language learner as like me then this post will help you to learn quickly. Today we are going to share how to take integer input from keyboard in java programming language. After this tutorial you will be able to read input from keyboard in java.
How to take input from keyboard using java

How to take integer input from keyboard in java

If you don't know about java then read about java programming language that will be easier to get idea from java official site and if you have not seen my last posts on java then check programming section. At first learn how to install jdk in our local machine and then you need to check first java program here.

So, let's start our today's topic java read input from keyboard scanner or you can say java input from keyboard to string. Write a file with the name second.java on the jdk directory as we shown you in last post about java first java program tutorial linked above check out.
How to take input from keyboard using java

To copy the code just double click on it


import java.io.*;
class second{
public static void main(String args[])throws IOException{
Integer roll;
String s1;
InputStreamReader in=new InputStreamReader(System.in);
BufferedReader br=new BufferedReader(in);
System.out.print("Enter your roll number");
s1=br.readLine();
roll=Integer.valueOf(s1);
System.out.print("My roll number is"+roll);
}
}

If you have already made the file second.java then open it with notepad or any other code editor now paste the above code and save it. Now open the command promote file and type javac second.java and press enter is there is no wrong on your code there will be no error if you copy the code that won't error so now type java second and press enter.
How to take input from keyboard using java

Here you can see this program saying to type your class roll and you should enter value from your keyboard and then press enter and it will print your roll number on screen and this is one of type java input from keyboard example. so just check java input code and then  you got the way for java keyboard listener and your program is going to listen your keyboard.
Read More...

Friday, January 15, 2016

How to be a graphic designer

How to be a graphic designer - In Freelancing sector to learn graphic design is most interested subject from people around the world. Yes, a lot of opportunities to play with graphics. Market demand is only for good quality, a lot of designers there too. so learn to work after a long time of practice anyone can be a good quality designer. No one is born as designer. A practice that help everyone to be a designer. How to be a graphic designer at first know the earning sectors of it.
How to be a graphic designer

The earnings sectors for graphic designers

Design Competition:
There are a lot Marketplace of design contest to earn a lot. In these marketplace buyer to obtain the required design organize competition. That would be like taking part in the contest to design, then a designer get rewarded at the end of the specified time and amount may be from $300 to $1200 are awarded.
Most famous site for design competition is 99designs.com

Sell design online:
There are some Marketplaces, where you can lay your own designs. According to the design these designs are chosen by the buyer and buyer purchases those designs. A design can be sold more than one you can say many time so that is a designed to be sold many times and you are getting income sitting in the income when your design is approved by the authority of sell design online sites.
Most famous site for selling design is graphicriver.net

Get work from bid:
There is few big marketplace where buyer post their requirement with explanation and freelancer designer bid on that post to get hired its called bidding. If you are new freelancer than you have to be stay with a strong portfolio.
Most famous site for get hired for graphic design works is upwork.com

Income through the sale of gig:
In these type marketplace freelancers post about their services and these are called gig. Buyer read the gigs and order to get service. A freelancer can get thousand order from one gig. There is no bid option for freelancer so if you have creative power then you can make gig and easily get order.
Most famous site for selling your gig is fiverr.com

There are thousands of website to earn so you should try on trusted sites and this post included all the trusted sites you can check alexa ranking of these sites. If you can design gift item, dresses, poster, banner then you can sell online and earn a lot.

How to be a graphic designer detailed guidelines

People around the world search how to be a graphic designer without a degree that interesting people search to learn and there is many resources for free. Do you know about graphic designer income, a graphic designer can earn more than $1000 only for a single design so you should get skill first then think about earning in real life skilled people don't worry about income too. Today you will know how to be a graphic designer without school. In online there is a pdf book how to be a graphic designer without losing your soul this can be your teacher as its a popular book.

Step 1:
Find graphic design tutorial at online, read them and see if possible and you have time to watch videos. You can find the best source from youtube. Watch on youtube and complete minimum 5 Project it can increase your efficiency.
Most popular graphic design tutorial website:
1. http://www.lynda.com/
2. http://tutsplus.com/

Step 2:
You have to learn many things to be a professional graphic designer but spelling some special here check it bellow, so know what you should learn.

- Scaling, you must know how to make large and small images.
- How to texture and fill up with color on specific areas
- How to change photo color
- How to save photo with difference formats
- How to delete selected area of an image and how to remove background of images
- How to crop a photo, how to style outline and how to adjust
- Copy paste, drag, drop, duplication of images
- How make flip flop and angle rotation of images
- Learn image move and nudging matters
- How to create layer and make effect on image layer
- What color should use on any design
- How to make old and new style coloring of images with gray scale
- How to texture, shadow, posterize and special effect as like posterize, pixelize, emboss, blur, sharpen
- How to create border and scale
- Learn about background and foreground of a image
- How to create icon and logo
- How to create layout of a page how to create column
- How to style text bold, italic, underline and font change and make stylish

Step 3:
To make portfolio do some real project for totally free that will help you to get confidence.

Step 4:
If you have done step 2 and 3 properly and completed your learning then you have learn everything that you need now start to join contest though its hard to win a contest but you should join cause a contest can give you huge knowledge on graphic design skilled people and give you opportunity to make a relation with them.

Step 5:
Publish your design on some design sites or on your own blog.

Online graphic design work related things you need to be skilled

How to be a graphic designer

Business card design, flyer design, blushing design, banner design, image retouch, image manipulation, facebook cover photo, book cover photo design, stationary design, logo design, icon design, letter-headed design, t-shirt design, calendar design, product packaging, web template design, info graphic, apps design.

Most used software for graphic design:

Adobe Photoshop
Adobe illustrator

Note: Search famous graphic designer and know about them and get daily dose from them.
Read More...

Wednesday, January 13, 2016

How to Make Picture Responsive Blog

How to Make Picture Responsive Blog - The problem that often occurs when you try to send a picture with a width greater than the size of the image content or blog posts will appear unresponsive when resizing your browser. So when a image width cross the width of the content than the image width is greater than the width of the content. now with that here I'll give you a few tips on how to overcome the image that are not responsive by giving the CSS code for the picture.
(This trick is fully applicable to all the blog template).
How to Make Picture Responsive Blog

How to Make Picture Responsive Blog

Please open your blog> Templates> Edit HTML> Copy and paste the following CSS before ]]></b:skin> or </style>

.post-body img {
  max-width:100%;
  height:auto;
}

Now save the template you have successfully added responsivity for all the images of your blogger blog now no image will cross the line of your blog all will be responsive.

Read More...

How to Install Back to Top button in Blogger

How to install back to top button in blogspot blog - That was a lot of splatter on the internet on how to install the tutorial back to top button on blogger blog and this time I will share the tips about the tutorial how to install back to top button for blogger.
How to Install Back to Top button in Blogger

The role and functions of the buttons back to top itself is important enough that makes it easy for visitors who want that blogger page should be scrolled then first take back up of your blogger template.
Note: If an existing template back to top button, you should remove it first.

Here's is tutorial how to install back to top button in blogger

1. Login to Blogger Dashboard> select the blog> select Template> then click the Edit HTML, save the code below after the <head> or before </head> tag.

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

If your blogger template is already installed with Font Awesome the above code showing in the first step, then ignore the first step up and follow the next step.

2. Save the css code before ]]></b:skin> or </style>

.smoothscroll-top {
    position:fixed;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    text-align:center;
    z-index:99;
    background-color:#2ba6e1;
    color:#fff;
    width:47px;
    height:44px;
    line-height:44px;
    right:25px;
    bottom:-25px;
    padding-top:2px;
    border-radius:5px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.2s;
}
.smoothscroll-top:hover {
    background-color:#3eb2ea;
    color:#fff;
    transition:all 0.2s ease-in-out;
    transition-delay:0s;
}
.smoothscroll-top.show {
    visibility:visible;
    cursor:pointer;
    opacity:1;
    bottom:25px;
}
.smoothscroll-top i.fa {
    line-height:inherit;
}

3. Save jQuery and HTML codes provided below, before the </body> tag

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>

4. After doing this changes now save the template and see the results what you done.

now you will be happy to see that this back to top button with the additional effect of bounce has been added on the right bottom side of your blogspot hosted site. If you wanna make it better, then you can add the bellow codes for the duplicate of step 3 codes.

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear').animate({scrollTop:25},200).animate({scrollTop:0},150) .animate({scrollTop:0},50);
}
//]]>
</script>

thanks for reading this tutorial

Source : http://www.sisourav.com/2016/01/how-to-install-back-to-top-button-in.html


Read More...

How To Remove Footer Credit In Blogger

How To Remove Footer Credit In Blogger- Last post on tech blog was about how to remove quick edit button in blogger now today we are going to share how to remove the footer credit attribution in blogger themes.

How to remove footer attribution credit in blogger

How to Delete Blogger Attribution, Most of the templates provided by the third party was no longer include the attribution blogger. However, if we are still using the default template of blogger then the template will be automatically installed attribution blogger who can not be removed manually.

How to delete footer credit attribution in blogger

Though you can't remove it in manual ways, but still you can remove the default attribution of blogger template when you add html code to hide this attribution from the edit html option in blogger.
how to remove footer credit on blogger

To hide the text "powered by Blogger" with CSS codes is so much easy so just follow these bellow steps:

1. Login to blogger
2. Save the code below just before]]></ b: skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

3. Now finally save the template

source: http://www.sisourav.com/2016/01/how-to-remove-footer-credit-in-blogger.html
Read More...

How to deduct pliers and screwdriver in Blog

How to hide quickedit button in Blogger blog - on your blog there is pliers and screwdrivers will appear on the homepage blog if we are in a state of login, its function is for quickly editing directly on your blog. If you are looking for how to remove quick edit button on blogger then this is effective post for you.

Actually, this function is also important when we want to perform quick editing, by clicking on the icon button we directed goto the page elements that will be edited.

But there is some blogspot users who do not like the look of pliers and a screwdriver, to hide it is easy enough simply follow the steps below.
how to remove quick edit button on blogger

How to remove quick edit button on blogger

1. Login to your Blog

2. Go menu Templates

3. Edit HTML

4. Find the code ]]></b:skin> or </style>

Put the following CSS code just before the code ]]></b:skin> or </style>

.quickedit
{
display:none;visibility:hidden;
}

5. Save the template and see the result that you done, 100% working.

Source: http://www.sisourav.com/2016/01/how-to-deduct-pliers-and-screwdriver-in.html
Read More...

Tuesday, January 12, 2016

How to add Auto Read More with thumbnail for Blogger

How to add Auto Read More with thumbnail for Blogger- Today we are going to know how to make posts in the blog homepage that to be displayed with an automatic read more text or a thumbnail. Specifically, this will show title of evry post, with a shorted summary with few number of characters and a thumbnail too, that will be the thumbnail of the first image of that post which uploaded inside the post. After the thumbnail and the post summary of the post, there will be a "Read More" linking when you click on it, it will take you to post page.
How to add Auto Read More with thumbnail for Blogger

And this Automatic Read More script will show the summarized content post that will be shown in homepage, category pages, and archive pages of your blogspot site. As i mentioned the details above, then you can say this is best auto read more posts widget for blogger.

How to add Auto Read More with thumbnail for Blogger

Step 1. goto Blogger dashboard, go to Template and click on the Edit HTML button.

Step 2. now click anywhere in the code editing area, now press the CTRL + F key to search the code

<data:post.body/>

Note: now you'll find this code more than once so you need to stop when you found the third one.

Related: Show Recent Post With Thumbnails

Step 3. Replace the above code with bellow codes:


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


Note: after the change if you don't see any result then please try to replace the second <data:post.body/>

Step 4. Now you should search for the following head tag </head>

Step 5. Just above the </head> tag, add the bellow code:


<script type='text/javascript'>

posts_no_thumb_sum = 490;

posts_thumb_sum = 400;

img_thumb_height = 160;

img_thumb_width = 180;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID, pURL, pTITLE){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';

summ = posts_thumb_sum;

}



var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>

.post-footer {display: none;}

.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}

 .readmore a {text-decoration: none; }

</style>

</b:if>

</b:if>

Note:
- To change the number of characters if there is no image thumbnail just simply modify the 490 value in blue color. For the number of characters shown when a post has a thumbnail, simply modify the 400 value.
- And if you want larger thumbnails in your homepage, simply modify the 160 (height) and 180 (width) values in red color in codes that we share.

Step 6. Now finally click the Save template button to save template and you have done it easily.
Read More...

Monday, January 11, 2016

First Java Program

Java programming tutorial will be discuss part by part for the better understanding. Our last post related to java was about how to install jdk on our local machine. Today we are going to share how you will run java and the first program of java.
First Java Program

After the installation of jdk now go to you system drive c drive then go to program file and open java folder then copy the jdk folder and paste it to direct c drive.

Folder name: jdk1.7.0_79
copy from: C:\Program Files\Java\jdk1.7.0_79
paste to : C:\jdk1.7.0_79
and the next step is-
Java Programming Language Tutorial
Now go to C:\Windows\System32\ and copy cmd.exe file and paste it to C:\jdk1.7.0_79\bin location.
Java Programming Language Tutorial

You are ready to start programming of java language, open first.java file with notepad or any editor then type the bellow codes and save it now open cmd.exe from bin folder in jdk and type javac first.java press enter then again type java first and press enter now you will see your program is printed with hello world.

 class first 
{
    public static void main(String args[]) 
{
       System.out.println("Hello World"); 
    }
}

this is our first java program that print and show on display Hello world.
Java Programming Language Tutorial

For the better understanding chek this video: First Java Programming Tutorial
Read More...

Sunday, January 10, 2016

How to install JDK in our local machine

How to install JDK in our local machine- At first go to the official jdk download site and download it now the installation tutorial starts. JDK means java development kit that is mandatory to build a software.

 How to Install Java Development Kit on a Computer



How to install JDK in our local machine
At first go to your computer then go to the target drive where you downloaded jdk file now find jdk-7u79-windows-i586.exe and double click on it or open it now its will appear installation.
How to install JDK in our local machine



Now you see the installation process is running
How to install JDK in our local machine

Now click on next button for the final installation step.
How to install JDK in our local machine
 
When the installation is complete then click on close button.
How to install JDK in our local machine

 You have successfully installed javadevelopment kit (jdk) on your local machine.
Read More...

Saturday, January 9, 2016

How to Make Money From Home

How to Make Money From Home- There are thousands ways to earn money from online but today we will know the easiest way to earn. If you are online professional and have skill on blogging or web development and graphic or any other skill then this post not for you cause i am going to share for those people who don't have any skill on any subject they only know typing. Don't worry if you have skill then new posts are also also coming soon, so for those people who have skill but can't earn they will get some special tips from me on next post. So let's start earning if you know how to type on your device.
How to Make Money From Home

How to Make Money From Home

If you don't have any skill then you can't earn so remember at least you have to have typing skill you must know how to type, i think everyone know and all have typing skill but you should have first typing skill not slow ok. And if you are now just learning how to type or you have slow typing speed then here is a suggestion you can use typing master software to increase your typing speed that will help you to have a sound typing speed within few days.

When you have typing skill and you can type any word fast and speedy then you can start your work there are many people to hire you as a data entry operator or document editor and bla bla bla many words are available.

Related: Online Payment Gateway Worldwide

Today we share some sites, where no interview needed to get work as you can say "if you type then get paid" yes we are saying about captcha typing. There are many site for captcha typing but very few are trusted and pay to you so we are going to share trusted site of captcha typing. The most old site and pay you very fast is 2captcha click here to open account there. 2captcha pay you when you earn only 1$ so its very useful to you get earning easily and another site that also pay you when you got 3$ is megatyper, click here to open account there.
Mega Typer Invitation Codes: "8S8U","8S8V","8S8T","8S90","8S91","8S92","8S93","8S94" use any of these codes to create your megatyper account.

So start earning and share this post with your friends.
Read More...

Online Payment Gateway Worldwide

Online payment gateway for all the people who exchange money via online. In this present world most of the countries uses banking system and that depend on online banking and when you need international payment exchange then you must have a online bank account. There are most popular online payment system at online as like paypal, payza, netteler, skrill, webmoney and many more. There is another system that is called bitcoin, bitcoin is also getting popularity but not available in many countries as payza and paypal are available.

Online Payment Gateway Worldwide

How to open a online payment account

To exchange money internationally you should have an account, so you must have email account (gmail is better) to do that cause paypal and payza account is email depended if you want send money to anyone via paypal or payza then you need to know his or her email account, cause there is no number depended id system. Send money or receive money you need email id. so let's open paypal and payza account bellow links are mentioned.

How to open a payza account
To create a payza account click here and you will see sign up for personal account option then click on it and fill the form with your real information as you use in your local bank or in your passport cause online payment doesn't support fake profile and fake information.

How to open a paypal account
To create a paypal account click here and press sign up button and fill the form with right information next step will directed to you from paypal authority.

How to open online bank account
Paypal and Payza are the most popular and if you need to open skrill or netteler then you can create account there too
Read More...

Thursday, January 7, 2016

How to Customize AM and PM Symbols

How to Customize AM and PM Symbols in System Tray in Windows-In your windows computer in system tray icon you can see am and pm option beside the time as it let you know day or night but there is a trick to make fun with it. You can change it as i changed it on my laptop so let's see how to customize AM and PM symbols in system tray in windows.

How to Customize AM and PM Symbols in System Tray in Windows

Normally this is your time and date now see it there is pm option and we will make it pm to google and am to facebook. so when time is pm its will show google and when time is am then it will show facebook to you. let's see how to do that.

How to Customize AM and PM Symbols in System Tray in Windows

1. Open start menu and click on control panel
2. From control panel click on ease of access
3. Now click on clock, language and region
4. Then from region and language option click on change the time format option
5. Now click on additional settings from the bottom side.
6. Select customize format and click on time option on top side.
7. Here you will see some option just change the value of am symbol and pm symbol to your own word as i wrote facebook and google.
8. Now click on apply and press ok then finally you have changed it.
How to Customize AM and PM Symbols

How to Customize AM and PM Symbols 

How to Customize AM and PM Symbols

How to Customize AM and PM Symbols
Don't understant the A video also provided for you to make you clear chek it bellow link.
How to Customize AM and PM Symbols in System Tray in Windows
Read More...

Sunday, January 3, 2016

Mostofa Game Free Download For PC

Mostofa Game Free Download For PC- Mostofa game the most popular game now available to download for pc. Most of the people search on google for this game and the real name of its Cadillacs and Dinosaurs Games. Cadillacs and Dinosaurs Games was released in japan by capcom in the year of 1993 and this was an arcade game with some level then day by day this game was most popular in Asia then it has been most popular worldwide.

Mostofa Game Free Download For PC

Cadillacs and Dinosaurs Games Full Direct Download

Though its name cadillacs and dinosaurs but  most people know by the name of the hero mostofa and people search on google Mostofa Game Free Download For PC.

Mostofa Game Free Download For PC

This is the banner of mostofa game, more than three player can play together and everyone can choose any of these four person.

Mostofa Game Free Download For PC

After you select a player to play then the game start and you also start to fight with the terrorosts of the game everyone here is ready to attack you so you should also ready to fight.

Mostofa Game Free Download For PC

This image showing that you ready to fight with first boss of Mostofa Game ha ha ha. Let's see some image screenshot of mostofa game officially cadillacs and dinosaurs game.

Mostofa Game Free Download For PC
before going to second boss this step come to pass the jungle area then water level.

Mostofa Game Free Download For PC
this is the second boss of mostofa game he is dangerous that the first one so be careful.

Mostofa Game Free Download For PC
this car will take you to third boss name is blade boss he take lot of blades and attack on you.

Mostofa Game Free Download For PC
wow this is you on the way to start the dangerous level of the mostofa game and this stage take you to little boss who have two life first one is old man and the second life is a dangerous dinosaurs.

Mostofa Game Free Download For PC
I didn't mention some stages but when you play you will face and this is the last stage after you killed the final gangstar dragon boss and you won the game but remember you have to go out of the stage cause game will destroy the whole stages lol. So best of luck play the mostofa game and enjoy.

Mostofa Game Free Download For PC direct download link here

Download mostofa game for pc

Experience the freedom to load/access your all-time favorite games remotely from anywhere on any smartphone device (android/iOS) with innovative cloud services by www.Apps4Rent.com. If you want to enhance your IT performance then let Katalyst Partners manage your all IT assets at affordable prices.
Read More...