---

F) Sidebar Tabs Widgets Setup - top

you can see this Squid blogger theme have 3 column tabs area with Recent Post By Labels Area.

Follow This steps To Add Tabs Widgets

Go To Blogger >> Layout

Now You Can See Layout Page Right side Area Have 3 Add a Gadjet Buttons Like This picture

Now Click On "Add a Gadget" and Add Your Own Widgets

After Click Save button, You Can Get Idea Using This Image

If You Add Youtube Video to Sidebar You Should Add 300*230 Size Video To There

How To Setup Tabs Widgets To blogger - http://youtu.be/O6OlNiTw2OU

 

---

G) Flicker Image - top

You Can See sidebar Have Flicker Image Widgets.

Follow this Steps To Add Flicker Widgets

Go To Blogger >> Layout

Now Click On "Add a Gadget" and Add Your Own Widgets

Now Add Your Java Script Here

<div class="flickr_plugin">
<script src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript">
</script>
</div> 
      

Replace This 52617155@N08 With Your Flicker Id

You Can Use http://idgettr.com/ to generate Your Flicker Id

How To Install Flicker Image Gallery - http://youtu.be/I8bZFo5DzIs

---

H) Meta Key Words And Discription - top

Seo is a one of Most Important Subject Of site. Meta Keywords And Discription Help To Seo Your Site Follow This Steps To Add Meta Keywords And Discription to Your Site

2.After Clikc "Template" On Right Side Drop Down Menu

Now Click "Edit HTML"

After You can change Your Keycode. Sample Meta Kaywords Given Below

<meta expr:content='data:blog.metaDescription' name='description'/> <!-- Add Meta Discription To your Blog -->
<meta content='Blogger , Template, New, Themes,' name='keywords'/><!-- Add Meta Keyword To your Blog -->

How to Add Meta Discription

Goto Blogger >> Settings

And Click On "Search Profermence" and Now Click Edit On "Meta Discription"

Now Add Discripton To Meta Discript

How To Meta Kw And Discription - http://youtu.be/LAXQ05jtaWs

---

I) Add Coustom 404 Errpage - top

Add Coustom 404 Page To Squid Blogger Template.

Go To Blogger >> Settings

And Click On "Search Profermence" and Now Click Edit On "errors and rederects"

Add Followinmg Code here

<div id="search-form-feed">
    <form action="/search" onsubmit="return updateScript();">
        <input name="q" type="text" value="Type And Hit Enter..." id="feed-q-input" onkeyup="resetField();" onfocus="this.value='';"/>
    </form>
    <div id="search-result-container"></div>
    <div id="search-result-loader">Loading...</div>
</div>
<script type="text/javascript">
//<![CDATA[
var searchFormConfig = {
    url: "http://squid-cbtblogger.blogspot.com/",
    numPost: 9999,
    summaryPost: true,
    summaryLength: 400,
    resultTitle: "Search Result",
    noResult: "No result",
    resultThumbnail: true,
    thumbSize: 40,
    fallbackThumb: "http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png"
};
//]]>
</script>
<script src='https://googledrive.com/host/0B4c1L29MmfGuaDViejZyS0liazg' type='text/javascript'> </script>

How To Install 404 Error Page To Blogger - http://youtu.be/ftSKtM1zd_o

---

j) Setup Breking News bar - top

You Can See recent post shot as a breking news bar, follow this steps to add it to your blog

Goto Blogger >> Template

Now Click Edit Html Button

Now Find "Replace With your Blog Url"

Then Replace This "http://Squid-cbtblogger.blogspot.com/" This url With Your Blog URl

Finaly Click Save Button

How To add "Breaking News" Tab - http://youtu.be/sGqHA3EFfPI

---

j) Adsens Ads Under The Post Title and before Post Footer - top

do you need to add adsense ads under the blog post title and before blog post footer, ok thene foloow this steps,

1.Add Adsens Ads After Post Title

Goto Blogger.com > Template > Html Editer

Then Search This Code

  <!--Add Adsense Code Here / Under the Blog Psot Title (Show Only Post Page)-->

Now you can see like this code

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <!--Add Adsense Code Here / Under the Blog Psot Title (Show Only Post Page)-->

</b:if>

Replace

  <!--Add Adsense Code Here / Under the Blog Psot Title (Show Only Post Page)-->

this Html Comment With Your Adsens Code

2.Add Adsens Ads before Post footer

Goto Blogger.com > Template > Html Editer

Then Search This Code

<!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
     

Then You can see like this code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 
  <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
 
</b:if>
     

replace

 
  <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
 
     

this code with your adsens code.

---

k) Setup Search Box - top

Go To Blgger > Layout

Now Click This Edit Button

Thene You Can See This Popup

Then Add This Code

<div id="search-form-feed">
    <form action="/search" onsubmit="return updateScript();">
        <input name="q" type="text" value="Telusuri..." id="feed-q-input" onkeyup="resetField();" onfocus="this.value='';"/>
    </form>
    <div id="search-result-container"></div>
    <div id="search-result-loader">Loading...</div>
</div>
<script type="text/javascript">
//<![CDATA[
var searchFormConfig = {
    url: "http://squid-cbtblogger.blogspot.com/", // Add Your Blog URl
    numPost: 9999,
    summaryPost: true,
    summaryLength: 400,
    resultTitle: "Search Result",
    noResult: "No result",
    resultThumbnail: true,
    thumbSize: 40,
    fallbackThumb: "http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png"
};
//]]>
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-quick-search.js"></script>

replace "http://squid-cbtblogger.blogspot.com/" This url with your blog url

---

l) Layout ScreenShot - top

1. Fav Icon
2. Header Menu Area (Page Menu)
3. Header
4. Image Sldier
5. Search Box
6. Header Ads banner
7. Recent Post By Label Area
8. Sidebar Tabs Area
9. 2 Column Area Under Post
10. Footer Coumn

---

l) Credits To - top

Image Slider From - http://www.woothemes.com/flexslider/
Flicker Images - http://www.flickr.com/photos/we-are-envato/
Facebook Page - https://www.facebook.com/envato
Other Icons - http://www.iconfinder.com/
Modern Search Box - http://www.dte.web.id/2012/09/membangun-aplikasi-quick-search-dengan.html (Its Not a English Blog, Please USe Translater Software)

---

 

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

CbtBlogger At Themeforest.net

Go To Table of Contents

---