Blog
|
|
Tue, 06 Oct 2009 |
Out of the edit area... How?![]() If you've recently visited my home page you would of noticed a Facebook Photo Badge. If you pay attention to detail, you'll also notice that the badge is outside of the editable area. I know my Resources page isn't quite finished, but I just wanted to share this little trick with ya'll so you can apply it to your own zoomshare website. How is it done? Well, to move objects out of the editable area you need to use a div - This is a simple piece of HTML that allows you to name and give an area specific properties. How can I apply this to my own zoomshare site? Yes, I know - Get on with it already, okay, okay... This trick looks nice with a Facebook Badge, so for this example, I'll use one of them: Step 1 - Go to facebook.com, login and click Facebook Widgets. Step 2 - Copy the badge code and place it between the <--Facebook Badge START--> and "END" tags in the following code. Step 3 - Open your HTML editor in your tools console and paste the code at the top Take a deep breath and refresh your site - Looks cool aye? Hope ya'll enjoy this little tip ;-) -D! Cause this tip helped very very much: subscribe to me ;- ) Posted 18:04
|
|
2 comments |
|
That looks awesome. I like having the Zoomshare fan page widget on my site. Posted by Sare
|
|
Yes... I think it looks great. Thanks for your comment :) Posted by Ceron
|
|
Post a Comment: |


