With the power of Magic Data on your site, and adding Magic Data Templates1, and Magic Data Symbols1, which are both available for FREE in the marketplace, you can do many things to customize your site directly from the front end. Here are a few simple things to customize your site, even if you're not a php guru.
Lets use Magic Data with the free Avatar add-on:
Add an html block to a page and include the code according to the Avatar Syntax, but where the username is add this instead [%UID USERNAME%]
<a href="http://yoursite.com/profile"><img src="http://yoursite.com/avatar/50x50/[%UID USERNAME%].jpg"></a>
Save the block and apply the Magic Data custom template. Your done. Now the page will display the avatar for the logged in user that links to their profile!! You can add a popup login and an html block with a "Welcome guest" text string. Include some in context design and a few permissions to the blocks and you can have a custom user login block like here: http://nibiruannunaki.com NOTE: Didn't touch a bit of php code ;)
You can do something similar to show a page owner on a blog page like I've done here:
Just use this code inside an html block with the Magic Data Template applied:
<a href="http://yoursite.com/profile"><img src="http://yoursite.com/avatar/100x100/[%PAGE OWNER%].jpg"></a>
Want to implement a facebook like button or comments box but don't know code to make it automatically implement with every page it appears on?? Magic Data can handle it, and makes it relatively simple to do.
Add an HTML block to a stack that you display, lets say, on every blog page, and include one of the following HTML5 implementations. Be sure to include the other part of code provided by facebook to an appropriate stack which is also presented in the header area of every page.
<div class="fb-comments" data-href="[%CID URL%]" data-num-posts="10" data-width="575" data-colorscheme="dark"></div>
<div class="fb-like" data-href="[%CID URL%]" data-send="false" data-width="450" data-show-faces="true" data-font="arial" data-colorscheme="dark"></div>
These are just a few simple implementations available through the relatively easy to use "symbols" interface. Use my examples to figure out how it works and you will find the options available are countless!
Links to Add-ons referenced here: