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

Sunday, August 23, 2015

How to upgrade yourself web designer to ux designer

You have already know what is ux designer and what are the difference among a web designer and ux designer. If a web designer develop a website and a ux designer also design a website then what will be difference do yo know this ? You should know that they have same profession but some requirement is make them difference let's see something about it.

How web designer work:

A web designer get requirement and design with ordered and start coding. In that work to explore is limited, a web designer is just follow and take care creativity, visual design and etc.

How to upgrade yourself web designer to ux designer

Works of web designer:

Web designer design sites from psd to html directly without any research. After creating graphical interface design, work with colour scheme, work with photoshop or illustrator, design navigation, file preparation and html, css with javascript codes plugin design.

How ux designer works:

After getting requirement understand it what should do think about it. Takes user group test and behavior with sycological subjects these all things are important to research of a ux designer.

Works of ux designer:

At first ux designer create skatch/workframes, prototype, sample development, user position research, navigation elements, create sitemap and audit sites. Not only code with html, css and javascript but also work with content strategy.
You can say the advance level of web designer is ux designer. The world of specialization every works should done with expert. In the ocean of websites now no one is choosing sites as hobby everyone is taking it professionaly so get updated. Now all should understand that sites should be for targeted user and every pixel every corner and all content of your website should be for your user. With the needs of time and technology upgrade there is no another way without updating yourself.If you are a web designer then get skilled and be a ux designer.

How to be a ux designer:

There are a lot of resources on internet. Know and learn everyday and practice with research and visit every point of ux design you will must able to get  success.

Free Download UX Design Video Tutorial
Read More...

What threatens the future of the web designers?

What threatens the future of the web designers? listening this type question many people thinking is it possible ? There are lot of web designer in the present world and here saying it's future is thread! Yeah, you have listening the right news though this sector will not vanish but some style of profession should be changed.

Technology advisors pointed some details about it lets see how web design career is under threat.

Web Template:

There are lot of free web templates in internet on the other hands if you buy a premium template you can use it in many web site after changing some design of the templates. If you have a little bit knowledge on web design then you can also customize a web template. Anyone with a little bit knowledge on html, css can design their own website. And joomla, wordpress, drupal many open source framework are also available to use for website. With these cms everyone can design a website with little programming knowledge. For this reason now people are going to be not interested to hire a web developer to design a website.

UX Designer

Facebook pages:

Many bussiness organizations have their official facebook pages, with these facebook pages they go too much near of their customer to promote their brand products. They can know easily reaction from the customer. When they see that their facebook pages is visited more then their website then they understand the importance of facebook pages and compare their website they take seriously facebook pages. So for popularity of facebook pages websites and web desingers are losing their popularities.

Use of Mobile Application:

Most of the internet users uses internet with mobile devices. For giving advantages to user many big services are available in mobile applications as example gmail, twitter, facebook, yahoo, bbc, mashable and many services are now in mobile application. People uses mobile apps and they don't need to visit sites they got every latest upadated news in the apps as notification. For this reason many people don't need to visit websites they got it from apps.

UX Design:

This is the time for ux design, every design is for making a better user experience. Now every organization is taking it seriously for giving the best experience to their user to keep them near. User Experience has taken the place of Web Design. Google, bingo and other search engines giving importance on ux design of website on search result. Now days you can't think a product of webs without user experience. All websites should follow is your sites can complete the demand of your user.

Related: How to upgrade yourself web designer to ux designer

What to do:

Hey web designers don't fall in frustation, now new thinking is needed so you should know that technology is always changing so you should just keep updated yourself. Just update yourself as a ux designer and its very easy for a web designer.

You Can Download Videos Tutorial To Learn UX Desgin



Read More...

Friday, August 21, 2015

Muhammad: The Messenger of ALLAH Irani Movie 2015 Free Download

Mohammad irani movie- is sharing for free download here. If you are looking to download irani movie muhammad the messanger of GOD then this post will be important for you. Let's see the review and history of this movie first.

I got news about this movie from a facebook friend and then i have searched on google to know about the movie Muhammad the messanger of GOD wikipedia is saying that Muhammad The Messanger of GOD is an Iranian Movie directed by Majid Majidi in 2015 and the story of this movie is the whole life story of our Prophet Muhammad (Pbuh).

Muhammad Irani Movie

Muhammad (Pbuh) the messanger of ALLAH

One more thing to know that this movie is the biggest budget production of Irani Movies. Some of scenes of this movie taken is South Africa and most of the scene taken in city of Qom near Tehran city. Muhammad (Pbuh) irani movie was announced in October 2011 and this movie scene completed in 2013 and the cinematography was done by Vittorio Storaro and music by A.R Rahman. I like A.R Rahman's songs very much.

Let's see some screenshot of Muhammad Irani Movie:

Muhammad Irani Movie

Muhammad Irani Movie

Muhammad Irani Movie

Muhammad Irani Movie

Muhammad Irani Movie

Muhammad Irani Movie Songs

Wanna See Movie Trailer let's the movie trailer of the irani movie Mohammad (Pbuh)





Click Here for Muhammad (pbuh) Mp3 Song Download Link

HD Movie Download link will be available.

Click To Download 1.43GB

<< Muhammad The Messanger Of ALLAH >>

Update: July 2017

This is Eid gift for all of you, we are happy to say that we got this movie in our hand its size is 3GB full HD, so we have to share the torrent file link. So here is the procedure to download this movie.

1. Download U torrent software
2. Click here and submit your name, email and also mention that you want this movie.
3. You will get the download link on your email in 24 hours

Read More...

Show Recent Post With Thumbnails For Particular Label In Blogger

How to add recent post with thumbnails in blogger- If you are a blogspot blog owner and you want to add recent post with any label you want with nice style then this post will be helpful for you.

Sometimes we want to have everything organized, so that our readers can find topics of interest more easily. To accomplish this, instead of putting a widget with the latest posts, we can put together the latest entries sorted by category, so that we'll be able to show the latest posts for each label we want and also display a thumbnail for our category.

See a preview what it should be on looking:

Show Recent Post In Blogger


Or you can chek our homepage we have added too.
Recent Posts with Thumbnails Sorted by Labels
Step 1. From your Blogger Dashboard, go to 'Template' and click the 'Edit HTML' button





Step 2. Click anywhere inside the code area and search (CTRL + F) for this piece of code:


]]></b:skin>


Just above ]]></b:skin>, paste this CSS style:


/* Recent posts by labels

--------------------------------- */ 

img.label_thumb{

float:left;

margin-right:10px !important;

height:65px; /* Thumbnail height */

width:65px; /* Thumbnail width */

border: 1px solid #fff;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);

box-shadow: 0 1px 1px rgba(0, 0, 0, .4);

}

#label_with_thumbs {

float: left;

width: 100%;

min-height: 70px;

margin: 0px 10px 2px 0px;

padding: 0;

}

ul#label_with_thumbs li {

padding:8px 0;

min-height:65px;

margin-bottom:0px;

border-bottom: 1px dotted #999999;

}

#label_with_thumbs li{

list-style: none ;

padding-left:0px !important;

}

#label_with_thumbs a { text-transform: uppercase;}

#label_with_thumbs strong {padding-left:0px; }
Step 3. Now try to find this tag:


</head>
... just above </head> add this script:


<script type='text/javascript'>

//<![CDATA[

function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)

{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}

var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)

document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}

else

if("summary"in entry){var postcontent=entry.summary.$t;}

else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}

else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}

var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)

{if(flag==1){towrite=towrite+' | ';}

if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}

if(displaymore==true)

{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}

document.write(towrite);document.write('</li>');if(displayseparator==true)

if(i!=(numposts-1))

document.write('');}document.write('</ul>');}

//]]>

</script>
Note: to add your own pic for the posts with no thumbnail, replace the image url in blue with your own

Update! For a better image resolution add this script above the </body> tag:


<script type='text/javascript'>                   

function changeThumbSize(id,size){

var blogGadget = document.getElementById(id);

var replacement = blogGadget.innerHTML;

blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");

var thumbnails = blogGadget.getElementsByTagName("img");

for(var i=0;i&lt;thumbnails.length;i++){ 

thumbnails[i].width = size; 

thumbnails[i].height = size; 

}

}

changeThumbSize("label_with_thumbs",210);                   

</script>
Now Save the template to finish with your changes.

So, what we have added, is the CSS to style the widget and the script to make it work. Now all we have to do is to add the widget's code to the blog sidebar in a HTML/JavaScript gadget:


Step 4. Go to Layout - click on Add a Gadget



blogger layout, add a gadget


Step 5. From the pop-up window, choose the HTML/Javascript widget and paste this script inside the empty box:


<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> 

<script type="text/javascript" src="/feeds/posts/default/-/Name-of-the-label?published&alt=json-in-script&callback=labelthumbs"></script>


Note: Where it says Name-of-the-label should be the name of the label that you want to display, and if your label is case sensitive, like in my example, then you should type it that way.



Within the last code, there are these parts which can be customized - change true with false or vice versa:


var numposts ← Number of posts to display

var showpostthumbnails ← Show/hide thumbnails

var displaymore ← Show or hide the read more link

var displayseparator ← Show/hide separator

var showcommentnum ← Show/hide the number of comments

var showpostdate ← Show/hide the posts dates

var showpostsummary ← Show or not the posts summaries

var numchars ← Number of posts characters (here you have to change the 100 value)
Remember that the gadget displays the latest posts from a particular label... therefore, if you want to display the latest posts from other labels, repeat step 5 for each additional category that you want to add.

You have successfully done it.
Read More...

Wednesday, August 19, 2015

Affiliate Marketing [Part-1] :: How to be successfull on Affiliate Marketing

This is First Post Of Affiliate Marketing Chain Posts Series.
How to be successful on Affiliate marketing this is today's topic so lets start to know about this, do you wanna start affiliation ? You need to know the right path to be successful. If you don't learn the right way of affiliation you have to lose and risk is 99%. so don't get frustrated. Remember you can do.

Lets see how to start affiliation and to be successful:

Affiliate Marketing


1st Step: Learn SEO well.

2nd Step: Must get skill on Digital Marketing (you have to gain skill on selling any product via online).

Affiliate Marketing


3rd Step: Get skill on keyword research to find products.

4th Step: Buy your domain and hosting.

5th Step: Develop your Niche site.

Affiliate Marketing


6th Step: Minimum you have to create 25 content and publish to your site.

7th Step: Must complete on-page optimization of your website.

8th Step: Also do off-page optimization.

9th Step: Create account on Amazon.
(Remember if you don't sale any product among 90 days your account will be disable)

10th Step: Keep marketing fulfill.

Affiliate Marketing


If you follow these upper ways you will be able to earn money among 40-45 days in Amazon.
Read More...

How to embed responsive video player without jquery

How to embed responsive video player in your webpage with html and css no jquery needed to add there. This tutorial is shared by one of my facebook friend Mahmud Hasan Sorol and i'm sharing this tutorial for all of my reader who wanna add responsive video player on their website or blog.

You need to add html and css that's very easy and no need jquery so let's start:

How to embed responsive video player on a website


Add Video Player

Add the bellow css code in your theme before close head tag



Now add the html code where you want to show the video



 add a video link among the iframe tag and save it now see you have successfully done it.
Read More...

Sunday, August 16, 2015

Photorama – Responsive Photo Magazine Blogger Template

Photorama Responsive Photo Magazine Blogger Template Free Download Link- are you looking for download this theme ? Let's see this post. Photorama is an new Blogger template for many uses. Can cover multiple pages. You can use it as a diary to share your photos in internet. It’s responsive and easy to setup, very friendly with users.

Template Features
  • Fully responsive
  • Post by Category
  • 404 error page.
  • Carousel Lite
  • Big jQuery Slider
  • Easy to setup
  • Dropdown Menu
  • and more …
Photorama-Responsive Photo Magazine Blogger Template


Template Credits
Download Photoram Responsive Photo Magazine Blogger Template
Click Here To Download This Premium Blogger Theme
Read More...

Wednesday, August 12, 2015

Best Adsense Alternative Sites For Publisher (High Paying)

Best Adsense Alternative Sites For Publisher-Hi if you have already got disapproval of your adsense account then you can get many high paying sites to publish ads on your sites. Today we will discuss about some adsense alternative sites they will pay you more and more.

If you are some of big sites owner and you have a lot of visitors then you can get ads from media.net, madadsmedia and adchoice. But if you are a owner of little site i wanna say just started your blogging sites and your alexa ranking is not good then you can also earn just follow this post.

Best Adsense Alternative Sites For Publisher


Let's see some sites these sites will give you more if you have good visitor,

1. Earn Money From Revenue Hits

2. Create Account On Clicksor

3. Earn Money From Bidvertiser

4. Earn Money From Propeller Ads

5. Earn Money From Chitika

 So let's start earning from these adsense alternative sites.

Read More...

Monday, August 3, 2015

Nivo Slider For Blogger Blogs

Nivo Slider for blogger blog- If you are looking to add a slide with image to your blogger blog then i suggest to add nivo slider, Nivo slider is easy to add an its looks good.

When you want to add any slide you need to just customize it with color of your template on your blogger blog.

Nivo slider used to design beautiful slides with images there is text option to as a caption if you want to add more function you can do that also so lets see a screenshot of this nivo slider.

Nivo Slider  For Blogger
http://3.bp.blogspot.com/-R_jrCzUDe-g/TehdHXDrK8I/AAAAAAAAASE/fW_-YGhHx20/s1600/toystory.jpg

How to add nivo slider to blogger blog:
Let's see how to do that

The HTML

Add this code in a HTML/JavaScript widget
<div id='slider'>
<img alt='' src='http://3.bp.blogspot.com/-R_jrCzUDe-g/TehdHXDrK8I/AAAAAAAAASE/fW_-YGhHx20/s1600/toystory.jpg'/>
<a href='http://dev7studios.com'><img alt='' src='http://1.bp.blogspot.com/-BRh1P_3XyDo/Tehc9UlYh0I/AAAAAAAAAR4/6TKLJs25ecg/s1600/up.jpg' title='#htmlcaption'/></a>
<img alt='' src='http://1.bp.blogspot.com/-mUIbhIqAyw4/Tehc-zbmK_I/AAAAAAAAAR8/MlPQb_D5P_A/s1600/walle.jpg' title='This is an example of a caption'/>
<img alt='' src='http://2.bp.blogspot.com/-RiUUAdlHMSE/TehdEWtMyCI/AAAAAAAAASA/AXMQng9etR8/s1600/nemo.jpg'/>
</div>
<div class='nivo-html-caption' id='htmlcaption'>
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href='#'>a link</a>.
</div>

The CSS

Add the below CSS code above </b:skin>
/*
* jQuery Nivo Slider v2.5.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
#slider-wrapper {
background:url(http://3.bp.blogspot.com/-upQKtIwk5Kw/TeiNrE-31II/AAAAAAAAASU/J_p9rYGVEHQ/s1600/slider.png) no-repeat;
width:998px;
height:392px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}
#slider {
position:relative;
width:618px;
height:246px;
margin-left:190px;
background:url(http://4.bp.blogspot.com/-ueagsKPMZC4/TeiMv1JhNFI/AAAAAAAAASI/326s2RXE-mQ/s1600/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-42px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(ttp://4.bp.blogspot.com/-jQWCeMA4bLI/TeiNqrIkyHI/AAAAAAAAASQ/c35RQfTbw_I/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://4.bp.blogspot.com/-rgk389yhc1Y/TeiNraq4IVI/AAAAAAAAASY/b0WSOzs075o/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://4.bp.blogspot.com/-rgk389yhc1Y/TeiNraq4IVI/AAAAAAAAASY/b0WSOzs075o/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
/* Control nav styles (e.g. 1,2,3…) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://4.bp.blogspot.com/-jQWCeMA4bLI/TeiNqrIkyHI/AAAAAAAAASQ/c35RQfTbw_I/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}

The jQuery

Add the below code above </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/1611641113/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>
Read More...

Sunday, August 2, 2015

Disable Spam Link Comments In Blogger

How to remove spam comment in blogger-A harmful spam link can destroy your seo ranking to search engine so be careful, to make your personal blog protected you need to do that. You must take care of your blog from spammer.
You should follow on increasing your ranking and go a head so to keep protected from spammer you need it let's see how to do that.
How to stop spam comment in blogger:
At first you can use moderation system when a spammer comment with unnecessary link on your blog when use to moderate it you need to do it manually from your dashboard or in the post if you logged in, or second option is to hide links. so let's see in this post how to hide spammer links automatically with coding.

Disable spam comment in blogger

Step 1: At first go to your blogger dashboard then go Template > Edit HTML now search for </style>
Step2: Now copy the bellow code and paste it before this </style> tag
.spammer-detected { font-size: 14px!important; color: #fff!important; background: #5cb0d8!important; margin: 25px; border-radius: 4px; display: inline-block; padding: 10px 15px!important; }
Step 3: Now copy the bellow code and paste it before </body> tag
<script type='text/javascript'> //<![CDATA[ function blockLinks(parentID, children) { var parent = document.getElementById(parentID), content = parent.getElementsByTagName(children); for (var i = 0; i < content.length; i++) { if (content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "<mark>You are going to make spam</mark> Spam is not allowed!"; content[i].className = "spammer-detected"; } } } blockLinks('comment-holder', 'p'); //]]> </script>
Now save your template you finally done it. You can ask me anything in  Facebook
Read More...