5 Latest File Transfer Protocol

Hello Friends in this post i teach you what is file transfer protocol and how to using upload files on cloud servers. Choosing the best FTP client according to your needs can be a task of pain and time consuming as well. There are many FTP clients in the list and my person favorite from them is of course, FileZilla. FileZilla is the no.1 FTP client. But there are some other good FTP clients as well. Therefore I took some time and decided to write on Top 5 Free FTP Client Software For Windows and Mac. So let’s have a look at the list.

1.) FileZila -->The best FTP client in the list is FileZilla. FileZilla is the most popular FTP, FTPS and SFTP client till date with maximum no. of downloads from all clients. FileZilla is free to use and is less in size so there is not any problem in downloading it. The thing that I like most about it is its simplicity.

2.) Fire FTP-->Another awesome FTP client that I would love to include in this list is, Fire FTP. It’s an open source software is available for Windows, Linux and Mac. You can access files remotely and can edit them with ease. Fire FTP also supports the resume feature which you can use to resume the broken uploads. This software supports SSL/TLS/SFTP and is available to download in over 20 languages. Files can be uploaded by simple drag and drop.

3.) CyberDuck-->This one is also getting huge popularity in the list of FTP Clients. In fact, the simple to use features of Cyberduck are attracting people to use it. It’s available for Windows, Mac and Linux. You can easily access the files and can edit them by external applications. Moreover, this FTP Client is completely free to use.

4.) Core FTP-->. If you are not willing to pay any single penny and want to use FTP client which is free from all kind of ads, then Core FTP is for you. You can access your website’s files in quick and easy manner. You can easily maintain your website via FTP by using Core FTP. It provides a secure way to upload and download files.

5.)Win SCP-->WinSCP is another good SFTP, FTP client out of the huge rush of FTP Clients. It’s used to transfer files between a local and remote computer. Files can be accessed easily and new files can be uploaded by drag and drop feature. 

Read More

Add Circle Image Gallery With Pan Style

Hello Friends in this tutorial i teach you, how to add circle image gallery with pan style.This is a nice look to your blog .I m using css3 for this gallery.It include nice hover style. you can try to add it to your blog and Enjoy it.

How to add circle image gallery Follow this Steps:-


1. Log in to blogger account and Go to Design >> Edit HTML
    
2. Put checked marked in Expand Widget Templates 

3. Find this code  by using Ctrl+F  ]]></b:skin>

4. Paste below code Before ]]></b:skin> code


.gallery {
    width: 800px;
    margin: 50px auto;}
ul {
    list-style: none;}
.gallery li {
    height: 100px;
    width: 100px;
    margin: 15px;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.gallery li img {
    margin: -100px 0px 0px 0px;
    z-index: -1;
    -webkit-transition: margin 1.5s ease;
    -moz-transition: margin 1.5s ease;
    -o-transition: margin 1.5s ease;
    -ms-transition: margin 1.5s ease;
    transition: margin 1.5s ease;
}
.gallery li:hover img {
    margin-left: -150px;
    margin-top: -150px;
    cursor: pointer;
}
.gallery li p {
    width: 100px;
    padding: 20px;
    position: relative;
    left: 15%;
    top: 110%;
    z-index: 1;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font: bold 18px/1 Helvetica, Verdana, sans-serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    -ms-transition: top 0.5s ease;
    transition: top 0.5s ease;
}
.gallery li:hover p {
    top: 75%;
    margin:-55px 0 0 -35px;}


5. Go to blogger  Design > Page Element.

6. Click Add Gadget and select HTML/Javascript

7. Paste below code.

<div class="gallery">
        <ul>
            <li><p>Swing</p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbCwoTgAfeA5vOSGaKR7eAJsgZaSDRlHsF16sT-m5qGtBkxA3LqiReM78Wkgv86nL1OwofsOrU7Paki1p3Spngq6xoOGdw3h26cNb8O4AJCn_K5Zin3xnzCxrbEHUjqtbsCkyaSQVPAs/s1600/bloggertrix-image1.jpg" /></li>
            <li><p>Surf</p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGO8b-DeV9ry42fii4DrAVPlVBSZe0Fwe8d_B5ZNDIWH8eFfn041odIMHf5_4VSpwa-tz0yig-IIJ0IAasga8bKhVp3JeThrOjAoKJUHExcBOV6_COp2TR9tE9gonvM-BULKM1VCijE_4/s1600/bloggertrix-image2.jpg" /></li>
           
            <li><p>Kick</p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD236e2plB8Wqfe8HBME3vWXHUiquwTpL7Fp-c0JhIU3jzzSvKUc6SvVGqAv2NWlD3yhyOcUEzUqWsBHpt7LMEQOTI-kd872bc4vft1ruQegNlMsld9T7g-JIffNrg5igsC6S6veckhTM/s1600/bloggertrix-image6.jpg" /></li>
            
        </ul>
</div>

Read More

How to Add Share Button In your Blogger

Hello Friends in this tutorials how to add share button in your blogger.Blogger released their new Share Buttons feature 
which makes it easier for your Blog visitors to bookmark, tweet, fshare, email ,etc your post.

But, if you're using any custom blogger template.. you may not see the widget appearing in blog..even though you activate it. 

Steps to follow:- How to  add Share Button In your blogger.


1. Sign into Blogger > Design > Edit html


2. Add this line anywhere you want the widget to appear.

<b:include data='post' name='shareButtons'/>

Normally, in most templates, you can add it after this line..

<p class='post-footer-line post-footer-line-1'>

If you don't find that above line in your template....
Find this one.

<p><data:post.body/></p>

and add this code after that line..

<p><data:post.body/></p>
<div style='clear:both; padding: 10px 10px 10px 10px;'> <b:include data='post' name='shareButtons'/> </div>

Now you can preview If you are satisfied of your blogger share button then you can save template.

Read More

Both wordpress website and non-wordpress website run on same domain

Hello Friends in this tutorials i teach you how to run the both wordpress website and non-wordpress website on same domain. There are no file conflicts from the 2 scripts ,so they both go fine on same domain. My main problem is with the index file: i will keep the non-wordpress index.php file ,and have to do something with the wordpress index.php file......

Where do i put index.php from wordpress,in order for it to work ? Other script works perfect because it has it's index.php file .

Here is the index.php wordpress content file : 
<?php
/**
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
*
* @package WordPress
*/

/**
* Tells WordPress to load the WordPress theme and output it.
*
* @var bool
*/
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
?>
There will be no permalinks duplicates. And i could use other domain/subdomain ,but i need the non-wordpress as a home , an wordpress to create extra pages with slideshows for clients . So i need the main domain ...for both. 

Read More

How to find the 404 error

You know that 404 errors exist, because you've found them via GWT or similar. Now you want to find out where these bad links are coming from in the first place. Wander through the Forums and you may conclude that much of the time it isn't worth the trouble.

You want to know whether your site is drawing 404 errors. 

Unless you've got an unspeakably complicated site, you need not worry about internal bad links. A quick run with the link checker of your choice will turn up any problems. 

I just took a quick detour to gwt. The latest "not found" is 

/directory/filename.htmlCachedYou 

404 (Not found), ostensibly linked from "1 pages". (Um, g###, have you any idea how easy it is to code that to make it grammatical?) That one page(s) turns out to be some everything-but-the-kitchen-sink site that I've never heard of. Oh, I am so going to seek them out and make them fix the link. Yeah. You betcha. Especially since my page-- minus the "CachedYou"-- doesn't even have any content that belongs in that kitchen sink. 

Read More

How To Change The Background Images And Drop Down Color in your Blogger

Hello Friend in this Tutorial i teach you how to change the background images and Dropdown Color and size of your blogspot. You can download of any template then changes the background images according to your choice.

Step To Follow::

==>Change the background images

step 1: First login into your blogger account Go to Template >> Edit Html  >> Proceed.

Step 2:Find the body{background:url
by using Ctrl+F.

Step 3: you to delete the path https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsq0XEXcd3p0hYepiwxaY6OhzLQZEYoUeuG5e0PnYujtmaMw1Co2AtOZZZsG83inDqSs-laCahWt5mMrBGJ4ADHfM-ARyHyS_7ntCFwMbzuTHs2kUCrpwTrVaeGwKAHMbDAceWetY2OM/s1600/bg2.jpeg

After delete you give the path of background images to your choices.

Step 4: Now Save Template.

==>Change the Dropdown color:

Step 1:  Same the above step 1.

Step 2: Find the background-image: -webkit-linear-gradient in hb-menu {
and change the color according to your choice.

Step 3: Now you see the background-image: -webkit-linear-gradient(#c2c2c2, #111); You to Change the #c2c2c2 to any coding color or color Name(::red, green ,yellow ,pink ,blue and many more) of your choice. 

If you Want to change the border color and border size of your dropdown then follow the steps.

Step1: Find the hb-menu, #hb-menu ul {

Step 2: Now You see the border: 1px solid #ff4f4f; You to Change the border size 1px to 2,3,4,5,6,7,8,9,10px . And you to change the color according to your choice.  

Read More

projects Contest to be Launch Soon in sourcecode.com

Developers are always looking for some place to showcase their talent but only some websites chanced to the best returned for it.

This is your chance as a developer to shine, make your project best and fulfill a long-time to be considered by peers as a topmost programmer in this world.

Join the eSourceCode.com Programming Contest by submitting a commercial source code and a chance to win a $100.00 in cold cash plus Layout and Design.It will provide you with an avenue to show your understanding skills. He have invite the everyperson he have the passion in programming to join the contest and be part of the newest source code marketplace.

He have already submit commercial source code to esourcecode.com, we are responsibility to inform you that the project that you have submitted was automatically listed as one of the entries.

The complete details regarding the eSourceCode Programming Contest will be posted esourcecode.com.

Read More

How To Use The Mouse Over Image In Blogger

In this Tutorial i teach you how to use the mouse over image in your blogger. It is a very simple coding in Java Script.This is a great JavaScript trick to beautify your blog post.You can also change the Image according to your blog post combination.You can also change the position of the Image .

Steps To Follow::

Step1: First login into your blogger account. Go to Layout >> Add a Gadget.

Step2: Fill The Title Name.

Step3: Add the below code.


<!doctype html>
<script type="text/javascript">
function moveover()
{
document.getElementById('image').src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJ83Ml0UhePhEgp37s6UO7wDy5QcRdxjwGs_g0IrJbQJr1q9m4l_XwOKnEUPRxKtdIzun3jAs32iD3U9lzDsMvLwhk0jVTMMmcn7SSCPwzcNpKvqzi0obgGw37o0fqleTB6umUeafYas/s1600/bulbon.gif";
}
function moveback()
{
document.getElementById('image').src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEagyCo9xyvck2lRWSYmuTEmbirkU3Uki1_6_pTysZ_W-gPE-9F8dAcsIfZSJ0vuozJ_DIoOieQ-jSrNbwo1dSALqS8CdXI8ZrM5vcwyZtM-nRu2h8mJsF1ROtZgw36sjc50A-uvLc0Vw/s1600/bulboff.gif";
}
</script>
<br />
<img id="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEagyCo9xyvck2lRWSYmuTEmbirkU3Uki1_6_pTysZ_W-gPE-9F8dAcsIfZSJ0vuozJ_DIoOieQ-jSrNbwo1dSALqS8CdXI8ZrM5vcwyZtM-nRu2h8mJsF1ROtZgw36sjc50A-uvLc0Vw/s1600/bulboff.gif"
onmouseover="moveover()"
onmouseout="moveback()" width="100" height="180" />
</!doctype>


Step4: Now Save Template.

Read More

How To Marquee Use In Blog Post

Hello friends in this tutorial i teach you how to use marquee of your blog post.This is a great trick to beautify your blog post.You can also change the path according to your blog post.You can also change the position of the ,marquee image and you can also change of height and width according to your blog post. Steps To Follow:: Step1: First login into your blogger account. Go to Layout >> Add a Gadget >> Choose a HTML / JAVA SCRIPT >>Fill the Title>>

    Add the below code in content.

 <table>

<tr>

<td>

<marquee direction="up" scrollamount="6">

<img src="path of your image" height="250" width="170" />

</marquee>

</td>

<td>

<marquee direction="down" scrollamount="6">

<img src="Path of your image"  height="250" width="160" />

</marquee>

</td>

</tr>

</table>

Read More

How To Page View Add In Blogger

Today I am posting attractive page view in blogger.This is a great trick to beautify your blog post. If you want how to use page view in your blogger.Then it is a simple coding in css.This is very easy to do it two steps.

1.)Step ->Open the layout and choose gadget. 

2.)Step->paste it’s code in your HTML/ JAVAScript. 

<style type='text/css'>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#0a8be5;
border:1px solid #000000;

}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

</style>


<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=1;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;

}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

}
}
itemCount++;
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

</script>
<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

Read More