Hyper Blogger Blogger template

Click for Demo

Configure Navigation Bar:
Access into Layout >> Page Elements
Click and Edit HTML/JAVA Script ( refer below image)



Copy and pase the below code into it:

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="------ Blog URL Here ----" title="Home">Home</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<br style="clear: left"/>
</div>

Edit the links in red as per your needs.


Configure Top right Social Bookmark area (Revised Code):
Access into Layout >> Page Elements
Click and Edit the top right HTML/JAVA Script ( refer below image)



Copy and paste the below code into it:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="-----Your feed link here------" target="_blank"><img style="width: 37px; height: 37px;" 0="" src="http://i568.photobucket.com/albums/ss121/vinod_3466/Feed1.png" class="linkopacity1"/></a>&nbsp;&nbsp;<a href="-------Your twitter URL here------" target="_blank"><img border="0" style="width: 48px; height: 41px;" src="http://i568.photobucket.com/albums/ss121/vinod_3466/twitter1.png" class="linkopacity1"/></a>&nbsp;&nbsp;<a class="addthis_button" href="http://www.addthis.com/bookmark.php"><img border="0" style="width: 35px; height: 35px;" src="http://i568.photobucket.com/albums/ss121/vinod_3466/addthis1.gif" class="linkopacity1"/></a>

Edit the links in red as per your needs.




Configure tabs:
Access into Layout >> Page Elements
Click on the tab number, in which you want to add contents. (Refer below image)


Just add gadgets according to your use in .

Add Image Gallery:
To add an image gallery with fade effect, write the normal code for image and simply add class="linkopacity" to img attribute. see the example below

<a href="http://i568.photobucket.com/albums/ss121/vinod_3466/FW005_1024x768.jpg" ><img style="width: 161px; height: 107px;" class="linkopacity" src="http://i568.photobucket.com/albums/ss121/vinod_3466/th_FW005_1024x768.jpg" /></a>

To remove the border for the image, add class="exception" to the img attribute.

Read More..

How to Make a Template in Apple Mail

Since the release of Mac OS X, Apple has included Mail to help its users manage different email accounts. If you frequently need to send (and resend) similar emails, creating templates can be an excellent time-saving technique. Templates are called "Stationery" in Mail, and they allow you to save text and graphic layouts. Once saved, these stationery files may be adjusted to your needs before being sent out again and again.

Instructions

Things Youll Need:

• Mac OS X

Creating Stationery

1. Step 1

   Open Mail, located on the Dock or in the "Applications" folder.

2. Step 2

   Create a new message by clicking the "New Message" button.

3. Step 3

   Insert desired text and graphics.

4. Step 4

   Navigate to "File" menu and select "Save as Stationery."

Read More..