Template setting ~ G Vusion 2

G VUSION STYLE 2 RESPONSIVE BLOGGER TEMPLATE

DOCUMENTATION

1. SOCIAL BOOKMARK, CHANGE ALL “#” WITH YOUR LINKS

Go to Blogger >> Template >> "Edit HTML"

Find and change the highlights text with your social network profile

<li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>

<li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li>

<li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>

<li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li>

<li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li>

</ul>

2. TOP NAVIGATION, CHANGE ALL “#” WITH YOUR LINKS

Go to Blogger >> Template >> "Edit HTML"

Find and change the highlights text with yours

<ul>

<li class='home1'><a href='#'>Advertise</a></li>

<li class='home2'><a href='#'>Sitemap</a></li>

<li class='home3'><a href='#'>About</a></li>

<li class='home4'><a href='#'>Contact</a></li>

</ul>

</nav>

3. MAIN NAVIGATION, CHANGE ALL “#” WITH YOUR LINKS

Go to Blogger >> Template >> "Edit HTML"

Find and change the highlights text with yours

<li><a href='#'>Static Page</a></li>

</ul>

</li>

<li><a href='#'>Button</a></li>

</ul>

</li>

<li><a href='#'>Error</a></li>

4. PRE CODE IN THE POST (HTML MODE)

<pre><code class="language-markup"> ... HTML CODE (already `escape`) HERE ... </code></pre>

<pre><code class="language-javascript"> ... JAVASCRIPT CODE HERE ... </code></pre>

5. RECENT POST BY LABEL

ADD THIS CODE BELOW IN HTML/JAVASCRIPT WIDGET

Change the highlights text with your link and label name

<br/>

6. Meta Keywords, Description, and Facebook ID

Go to Blogger >> Template >> "Edit HTML"

Find and change the highlights text with yours

<meta content='DESCRIPTION HERE' name='description'/>

<meta content='KEYWORDS HERE' name='keywords'/>

<meta content='YOURFBAPPSID' property='fb:app_id'/>

<meta content='YOURFBUSERID' property='fb:admins'/>

//<![CDATA[

window.fbAsyncInit = function() {

FB.init({

appId : 'YOURFBAPPSID',

status : true, // check login status

cookie : true, // enable cookies

xfbml : true // parse XFBML

});

};

(function() {

var e = document.createElement('script');

e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

e.async = true;

document.getElementById('fb-root').appendChild(e);

}());

//]]>

</script>

7. Flickr Image Gallery Widget

ADD THIS CODE BELOW IN HTML/JAVASCRIPT WIDGET

<div class="flickr_plugin">

<script
src="http://www.flickr.com/badge_code_v2.gne?count=8&amp;display=latest&amp;size=s&amp;layout=x&&amp;source=user&amp;user=44532761@N02"
type="text/javascript">

</script>

</div>

And replace 44532761@N02 with your Flicker Id

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

Google + Author URL

Find and change the highlights text with yours

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/yourgplus' rel='author'/></b:if>

Logo Top Menu

Find and change the highlights text with yours

8. PAGE NAVIGATION

Find and change highlights text with yours

<b:includable id='page-navi'>

var pageNaviConf = {

perPage: 5,

numPages: 5,

firstText: "First",

lastText: "Last",

nextText: "Next",

prevText: "Prev"

}

</script>

9. RECENT COMMENT NOTIFICATION

Find and change highlights text with yours

//<![CDATA[

var originalTitle = document.title;

var cm_config = {

home_page: "http://gvusion.blogspot.com",

max_result: 18,

t_w: 50,

t_h: 50,

summary: 9999,

new_tab_link: false,

ct_id: "comments-container",

new_cm: " New Comments!",

interval: 30000,

alert: true,

alert: function(total)

CREDIT : Arlina Design