Hy Guys this me Shaan Ali Choudhry; Many people ask me about this question How we can download the Original size of Picture or photo from facebook.? While we are save as its saved in small size.
Here is is a unique Tutorial which is very easy to learn how to download image from facebook in original size. Just follow the steps.
Step1; Login to facebook Profile like in Demo my Profile Page.
Click on image to large View
Step 2; chose the image want to download see demo in pic.
Click on image to large View
Step3; A pop up window shall be open having Buttons in the footer of the page like TAG PHOTOS, OPTION SHARE, LINK
Click on image to large View
Step 4; Click on button Option a scroll up menu will appear than Select the Download.
Step 5; it shall b saved in Download folder in your PC
Facebook timeline is a great way of displaying your old photos, memorable posts and apps with your friends and family. This feature changes your entire Facebook Profile layout into a more attractive look. today I am sharing the tutorial on how to completely remove the timeline app from your profile and revert to older Facebook profile layout. Since this time-based story telling did receive mixed feedback therefore it would be really helpful for most of you to learn how to undo/delete this application. UPDATE: Facebook Timeline has been officially activated on all old layouts. Know why you can't undo Facebook Timeline?
Towards your left you will see apps. Choose the app you created for timeline. In my case I named it Timeline Feature.
4. Click the Edit Settings link,
5. Then on the settings page towards bottom-left you will see many options under related links, Choose Delete App. Which will delete the timeline app.
6. Confirm to delete the app and Bingo you have successfully shifted back to the older Profile view.
Visit your profile to see it in its exact previous look and layout. Do let me know if you needed any help pals. Hope you find this helpful. :>
While writing my blog posts for my readers I noticed that every time I use "<" or ">" signs to show JavaScript or HTML codes and snippets within my Blogger post editor in "Edit HTML" mode, it's not visible. This happens because Blogger post editor recognizes it as snippets that should be used with your blogger template.
So to show JavaScript or HTML codes within Blogger posts or comments, use <instead of < and > instead of >.
Now if there are big codes then go to Plus2net.com and convert your codes.
This is the simplest method to show JavaScript and HTML codes within blog posts.
Today I am going to tell you how to change opacity (transparency) of the image and add image hover effect using CSS3 in Blogger. See an example:
You will find that whenever you place your mouse pointer over the image, it will hover with full transparency and with some transition effect. Interesting! Now let us start with a small tutorial.
To add hover effect in your Blogger template, go to Design > Edit Html tab and backup your template first.
Now find ]]></b:skin> and just before it add the following styling codes:
.hovereffect img {
opacity:0.5;
filter:alpha(opacity=50);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.hovereffect:hover img {
opacity:1.0;
filter:alpha(opacity=100);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
Save your template.
To use this effect you have to add class="hovereffect" to your images. For example, when you add an image, it generally looks like:
Let's have an explanation. To make the images opaque and mouseover effect, definitions .hovereffect and .hovereffect: hover are added while property codes like opacity, filter: alpha, -moz-opacity and -khtml-opacity are used.
Property “opacity” is used for the browsers which supports CSS3 standard (most of the modern browsers do).
While “filter: alpha” is for Internet Explorer, “-moz-opacity” is for Firefox, “-khtml-opacity” is for Safari and Chrome are used for backward compatibilities.
Transition effects are also added so that while hovering and changing effects, it makes a delay. It's totally new CSS3 property.
“0.5” and “1.0” are used to tell the browsers the quantity of the opacity. You can change this. Note;This tutorial is not only for Blogger, but can also be used in any blog platform which follows CSS rules, like Wordpress. Feel free to give your feedbacks.
Padding is used to clear the area around the content of an element within the border and is affected by the background color of the element.
While, margin clear the area around an element which is outside the border and do not have a background color.
See at an example of a box model:
So it is now clear how the CSS properties: margins and paddings work.
Now let’s have an explanation how these are used to style and customize the CSS and Blogger templates, taking margins as an example. We see in the picture that margins have been used to clear the area around the box. So (let) the CSS styling properties used are:
Notice that the top and the bottom margin have same values while the left and the right are same.
So:
box {
margin: 10px 5px;
}
The same thing happens when it comes to use the padding properties within CSS. Thus we got a general idea about how the margins and paddings are used to style CSS and Blogger templates.
For more references: W3 school CSS margin and W3 school CSS padding
Google Buzzis a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement theseGoogle Buzz buttonsinto your blogger posts, so that users can easily share your content on Google Buzz.
Add Google Buzz it Button to Blogger
1.Go toLayout >Edit HTMLin your Blogger Dashboard.
2.Back up your existing Template before making any changes!
3.Make sure to check the "Expand Widget Templates" box.
and place theGoogle Buzz it Coderightafterthe code you searched for above.
If this doesn't work, then search for this code below and place theGoogle Buzz it Codedirectlybeforeit.
<data:post.body/>
6.Now save your template and you're done!
Add Google Buzz Button with Share Count to Blogger