Tutorial Blogger by indodetik

Setup Guide and Faqâ&#x20AC;&#x2122;s By zoomtemplate.com

HOW TO INSTALL ZOOM FEED AGGREGATOR ON YOUR BLOGGER? 1. Login to Blogger (Blogger.com) 2. Go to Layout under Dashboard

3. Click Edit HTML under Layout

4. Please don't forget for backup your old template.

5. Upload file Zoom Feed Aggregator .XML file.

6. If show a warning: “Your new template does not include the following widgets”, click KEEP WIDGETS

7. Finish, Enjoy your new blog design.

HOW TO SETUP RSS FEED USE FEEDBURNER (VERY RECOMMENDED) OR USE STANDARD BLOGGER FEED WIDGET?

This setup use with FEEDBURNER (RECOMMENDED) 1. First, You need Find Rss Feed Link on Site or Blog target. 2. For example we use feed for digg.com and we find link for feed like this http://feeds.digg.com/digg/popular.rss

3. If you find a feed, Now go to or login to http://feedburner.google.com 4. Please insert your link Feed and then click NEXT

5. Click Next Again

6. Click Skip directly to feed management

7. Click Publicize And Then Click BuzzBoost

8. Click Activate

8. Please Copy Paste link feed address Only, not all script

10. Paste Link Feed address to this Srcipt with Red Color <script language="JavaScript" src="http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&for mat=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle= false&excerptLength=50&dateLocation=below" type="text/javascript"></script>

11. Complete Coding Script. <h2><img border="0" src="http://2.bp.blogspot.com/_1_qkt6bisvU/TFMitvuGzdI/AAAAAAAAAf4/SQ qZdTAi4Bg/s400/yahoo.png" style="margin:2px 6px 0 0; verticalalign:top;" /><a href="http://buzz.yahoo.com">Yahoo Buzz</a></h2> <script language="JavaScript" src="http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&for mat=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle= false&excerptLength=50&dateLocation=below" type="text/javascript"></script>

Note: The Blue Color On Script Only For Show Link and Favicon

How to Get favicon on Wesite or Blog? Just go to this link

http://www.getfavicon.org

12. Back to your Blogger, and go to Design -> Page Elements -> Add a Gadget

13. And Find widget For HTML/JavaScript

14. Just Copy Paste all Script To Your Blogger Widget.

15. Finish, Save Your Work.

This setup if You use Standar Blogger Feed Many flaws if you use a standard feed on blogger, where you can not use a tooltips (baloontips) and you can display 5 feed link only. But, if you want to try that no problem :)

1. Just go to Design -> Page Elements -> Add a Gadget

2. And Find widget For Feed

3. Please Insert your Feed Link 9

You Need link for RSS Feed on Blog or Website what you want. Example Link For RSS FEED: http://zoom-aggregator.blogspot.com/atom.xml (example if use blogspot) http://feeds2.feedburner.com/zoomtemplate (example if use feedburner)

4. Save Your Work.

HOW TO CREATE SORT ARTICLE WITH JUMP LINK TO TARGET? With your page Post, you can write short synopsis article and user can use jump link to orginal url. Very Cool and best solution if you don't have any idea and don't like to write long article.

1. to show Jump link you must activate setting for Show Link Fields Go To Dashboard -> Setting -> Formating -> Scroll your mouse and find Show Link Fields -> Set To Yes -> Save your setting

2. Back To Your Edit Post, and now you can write short article with target link.

HOW CAN I EDIT MY SIDEBAR AND INSERT MY ADD NEW GADGET? This is very Simple: 1. First, you must Go To Design On your dashbord -> Edit HTML 2. Find this Code /* HIDE SIDEBAR ON PAGE MAIN */ /* HIDE SIDEBAR ON PAGE MAIN */ #sidebar-wrapper {display:none}

3. 4. 5. 6.

Remove display:none on CSS code, like this #sidebar-wrapper { } Save Your Work. Back again to you Page Element Now You can edit your gadged and insert your widget with add a Gadget

7. If you Finish with your Work, you must go to Design again on your dashboard -> Edit HTML 8. Find this Code /* HIDE SIDEBAR ON PAGE MAIN */ /* HIDE SIDEBAR ON PAGE MAIN */ #sidebar-wrapper { }

9. Look at this code #sidebar-wrapper { } and please hidden again your sidebar code with this code #sidebar-wrapper {display:none} 10. Finish, and save your Work.

HOW CAN I SET BEST SEO FOR META TITLE, META KEYWORD AND META DESCRIPTION?

Find This Code: <title><data:blog.pageTitle/></title>

And Change with this code: <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/> | YourSitedotcom</title> </b:if> <meta content='index,follow' name='robots'/> <meta content='en' name='language'/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <meta content='Your descriptions here' name='description'/> <meta content='Your keyword1, Keyword2, etc' name='keywords'/> <b:else/> <meta expr:content='data:blog.pageName + &quot;, Your keyword1, Keyword2, etc&quot;' name='keywords'/> </b:if>

Donâ&#x20AC;&#x2122;t Forget to change your meta title, description and keyword with Red Colour.

HOW CAN I EDIT MY NAVIGATION MENU?

Go To Design On your dashbord -> Edit HTML -> don’t forget to give check Expand Widget Templates Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.  <div id='nav-left'> <div id='nav'> <ul> <li> <a href='/'>All News</a> </li> <li> <a href='#'>Suggest URL</a> </li> <li> <a href=''#'>Submit News</a> </li> <li> <a href='#'>RSS Posts</a> </li> <li> <a href='#'>Contact Us</a> </li> <li> <a href='#'>Advertise</a> </li> </ul> <script language='javascript'>setPage()</script> </div> </div>

For set your link navigation menu, just find a code like this href='#' and change symbol # with your link what you want. And don’t forget to change you link Title.

HOW CAN I EDIT MY BOTTOM MENU?

Go To Design On your dashbord -> Edit HTML -> don’t forget to give check Expand Widget Templates Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.

<a href='#' rel='nofollow'>Privacy Policy</a> <a href='#' rel='nofollow'>Contact Us</a> <a href='#' rel='nofollow'>About Me</a> <a href='#' rel='nofollow'>Help us</a>

For set your link navigation menu, just find a code like this href='#' and change symbol # with your link what you want. And don’t forget to change you link Title.

HOW CAN I EDIT MY FEED-TWITTERFACEBOOK MENU? Go To Design On your dashbord -> Edit HTML -> donâ&#x20AC;&#x2122;t forget to give check Expand Widget Templates 1. FEED-TWITTER-FACEBOOK BOTTOM MENU SETTING ON PAGE INDEX

Find code like This

If you use firefox browser you can use keyboard CTRL-F and search for easy.  <div class='subsribe-btm'> <a href='/feeds/posts/default/'> <img src='http://2.bp.blogspot.com/_1_qkt6bisvU/TFWyFVRdt5I/AAAAAAAAAio/4ZrMU 45WOWw/s400/feed-share.png' style='margin:0 2px 0 0; verticalalign:bottom;'/> RSS Feed </a> <a href='#TwitterID' title=''> <img src='http://2.bp.blogspot.com/_1_qkt6bisvU/TFWyFBJuakI/AAAAAAAAAig/MjZzk szvsFE/s400/twitter-share.png' style='margin:0 2px 0 0; verticalalign:bottom;padding-left:20px' title=''/> Twitter </a> <a href='#FacebookID' title=''> <img src='http://4.bp.blogspot.com/_1_qkt6bisvU/TFtNXDXaPYI/AAAAAAAAAkg/ZQhfG 82qbCk/s400/fbook.png' style='margin:0 2px 0 0; verticalalign:bottom;padding-left:15px' title=''/> Facebook </a> </div>

For Set Your Feed-Twitter-Facebook Menu, just find a code like this href='#' and change symbol # with link what you want. If you like use feed with feedburner, just change /feeds/posts/default/ with your feedburner link.

2. FEED-TWITTER-FACEBOOK ON SIDEBAR

Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.  <div class='scl-bm'> <ul> <li id='scl-btn-feed'> <a href='/feeds/posts/default/'> Feed <span>Subscribe to my Rss feeds!</span> </a> </li> <li id='scl-btn-tw'> <a href='#TwitterID'> Twitter <span>Follow me on Twitter!</span> </a> </li> <li id='scl-btn-fb'> <a href='#FacebookID'> Facebook <span>Find me on Facebook!</span> </a> </li> </ul> </div>

HOW CAN I EDIT MY FEED LINK “What’s popular on zoom”?

Go To Design On your dashbord -> Edit HTML -> don’t forget to give check Expand Widget Templates Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.  <a href='/feeds/posts/default/'> <img src='http://2.bp.blogspot.com/_1_qkt6bisvU/TFWyFVRdt5I/AAAAAAAAAio/4ZrM U45WOWw/s400/feed-share.png' style='margin:4px 0px 0 0; verticalalign:top;'/> What&#39;s popular on zoom </a>

If you like use feed with feedburner, just change /feeds/posts/default/ with your feedburner link. For change your Title, just find a text link like this What&#39;s popular on zoom and change with what you want.

HOW TO SET SUBSCRIBTION FEEDBURNER MAIL BOX ON PAGE INDEX AND ON SIDEBAR? Subscribtion Feedburner Mail Box On Your Page Index

Go To Design On your dashbord -> Edit HTML -> donâ&#x20AC;&#x2122;t forget to give check Expand Widget Templates Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.

<form action='http://feedburner.google.com/fb/a/mailverify' target='_blank'> <fieldset> <label> <img src='http://2.bp.blogspot.com/_1_qkt6bisvU/TFWynVYddI/AAAAAAAAAiw/Mo-5zd2ENJQ/s400/subscribe-feed.png' style='margin:0 2px 0 0; vertical-align:bottom;' title=''/> Sign up for hot news and sent to your inbox </label> <input name='uri' type='hidden' value='FeedburnerID'/> <input name='loc' type='hidden' value='en_US'/> <input class='text' gtbfieldid='2' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email Address&quot;;}' onfocus='if (this.value == &quot;Your Email Address&quot;) {this.value = &quot;&quot;}' type='text' value='Your Email Address'/> <input class='submit feedburner-sign-up' type='submit' value='Get Updates!'/> </fieldset> </form>

For Set Feedburner With Mail Box, just find a code like this value='FeedburnerID' and change FeedburnerID with your feedburner account.

Set For subscribtion Feedburner Mail Box On Your Sidebar

Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.  <form action='http://feedburner.google.com/fb/a/mailverify' target='_blank'> <fieldset> <label> <img src='http://2.bp.blogspot.com/_1_qkt6bisvU/TFWynVYddI/AAAAAAAAAiw/Mo-5zd2ENJQ/s400/subscribe-feed.png' style='margin:0 2px 0 0; vertical-align:bottom;' title=''/> Sign up for hot news and sent to your inbox </label> <input name='uri' type='hidden' value='FeedburnerID'/> <input name='loc' type='hidden' value='en_US'/> <input class='text' gtbfieldid='2' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email Address&quot;;}' onfocus='if (this.value == &quot;Your Email Address&quot;) {this.value = &quot;&quot;}' type='text' value='Your Email Address'/> <input class='submit feedburner-sign-up' type='submit' value='Get Updates!'/> </fieldset> </form>

For Set Feedburner With Mail Box, just find a code like this value='FeedburnerID' and change FeedburnerID with your feedburner account.

HOW TO INSERT MY GOOGLE ADSENSE CODE WITH 468x15 FORMAT? For insert your Google Adsense code you must have a Adsense Account.

Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.

INSERT YOUR GOOGLE ADSENSE CODE HERE..

HOW TO INSERT MY GOOGLE ADSENSE CODE WITH 300x250 FORMAT ON POST? For insert your Google Adsense code you must have a Adsense Account.

Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.

INSERT YOUR GOOGLE ADSENSE CODE HERE..

HOW TO INSERT MY GOOGLE ADSENSE CODE WITH 300x250 FORMAT IF USER USE SEARCH OR IF USER SHOW A LABELS? For insert your Google Adsense code you must have a Adsense Account.

Find code like This  If you use firefox browser you can use keyboard CTRL-F and search for easy.

INSERT YOUR GOOGLE ADSENSE CODE HERE..

HOW TO DISPLAY THE LAST POSTS OR COMMENTS ON FOTTER OR SIDEBAR? 1. Enter the administrator page elements (Dashboard → Layout). 2. Add a new feed widget, with the following URL’s:

To show the recent posts: http://BlogName.blogspot.com/feeds/posts/default (Blogger Default) http://www.yourdomain.com/feeds/posts/default (Custom Domain)

To display the latest comments: http://BlogName.blogspot.com/feeds/comments/default (Blogger Default) http://www.yourdomain.com/feeds/posts/default (Custom Domain)

If you have any Question you can contact me via mail oom@o-om.com

“THANKS

FOR USE ZOOM FEED AGGREGATOR”

Zoom Feed Aggregator is prodly power By Blogger.com