Welcome to the Documentation of Couture Feminine Blogger Template, below are the steps that will help you to configure and setup our Couture Blogger Template.
If you are finding any difficulties setting the template then you can go ahead and purchase our Template + Installation Package from here:
1. Installing the template
- Unzip the Couture.zip file.
- On Blogger Dashboard Click Template.
- Click on Download Full Template to keep your old template as a backup just in case.
- Click Browse… button. Find the location of “Couture.xml” select it.
- Then Click Upload.
2. Blogger Setting
After installing the theme, there are minimum settings to make all widgets work fine in this template.
- On Blogger Dashboard Click Settings.
- Click Other.
- In Site Feed > Allow Blog Feed Choose Full.
- Then Click Save settings.
3. Social Setting
This is optional setting but we would recommend it to enable these features in your blog, to make it more social friendly.
|
1
2
3
4
5
|
<meta content='<enter your username>’ name=’twitter:site’/>
<meta content='<enter your name>’ name=’twitter:creator’/> <meta content='<enter your site url>’ name=’twitter:domain’/> |
4. Main Blogger Setting
- On Blogger Dashboard Click Layout.
- Click Edit on Blog Posts Widget.
- Change it to look like that image.
- Click Save
5. Setup Main Menu
Goto blogger layout section and click on Main Menu Edit widget.
Add the below Code in the content area:
<ul class="topmenu1" id="masthead">
<li><a href="#">Home</a></li>
<li><a href="#">Download</a>
<ul>
<li><a href="#">Premium Version</a></li>
<li><a href="#">Free Version</a></li>
<li><a href="#">Downloadable</a></li>
<li><a href="#">Link Url</a>
<ul>
<li><a href="#">Example Menu</a>
</li>
<li><a href="#">Example Menu 1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Social</a>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Googleplus</a></li>
</ul>
</li>
<li><a href="#">Travel</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
6. Grid Featured Boxes
Access your blog Layout > click Edit link on ODDBOX widget
You can enter the Label of the posts in the content area so that the posts of that Label gets to be shown in the Featured Boxes.
Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.
Enter the label that you’ve used in the posts as shown below:
7. About the author
Access your blog Layout > click Edit link on Sidebar widget
In Configure window, input your Title and in content area just write the following code and replace the image by your image url and text with your author text. And click Save button to finish.
<span class="author-img"><img src="http://1.bp.blogspot.com/-RbGY3SCK9p8/Vyozf3S5llI/AAAAAAAAD4A/wns1fq95hd0u4UIj4FkRVlVpUT9dT_QuwCK4B/s1600/widow-1148929_640.jpg"/></span> <div class="author-text">Full time web designer, dedicated to work, friendly in nature. Get in touch with the email id's mentioned. ;)</div>
8. Instagram on Footer
Access your blog Layout > click Edit link on Footer Instagram widget
1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.
<div id='instafeed'/></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: 1553982550,
limit:16,
sortBy:'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;"><i class="fa fa-search"></i></span></div></div></a></li>',
resolution: 'standard_resolution'
});
feed.run();
//]]></script>
Generate your Instagram Access token by clicking on button from Generate Instagram Access Token
Now enter the access token here in Layout:
ALSO CHANGE THE USERID with yours to show your INSTAGRAM PHOTOS.
9. Blog Main Color Change
Access your blog Template > click Customize as shown in below Image:
Then goto ADVANCED and select any color you want for the whole website.
10. Blog Font Change
Access your blog Template > click Customize as shown in above Image in 8th point:
Then goto ADVANCED and select any color you want for the whole website.
Then change the fonts whatever you like, but if it is a web font then you’ll have to include the font file in the template first in order to make the font work.
11. Footer Social Icons
Access your blog Template > click Edit HTML and search for this code:
<div class='social-container'> <ul class='social text-center'> <li class='updown-wrap'><a class='updown-inner collections-icon-twitter hint--top hint--bounce' data-hint='Twitter' href='#' target='_blank'><i class='fa fa-twitter'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-google-plus hint--top hint--bounce' data-hint='GooglePlus' href='#' target='_blank'><i class='fa fa-google-plus'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-facebook hint--top hint--bounce' data-hint='Facebook' href='#' target='_blank'><i class='fa fa-facebook'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-dribbble hint--top hint--bounce' data-hint='Dribbble' href='#' target='_blank'><i class='fa fa-dribbble'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-pinterest hint--top hint--bounce' data-hint='Pinterest' href='#' target='_blank'><i class='fa fa-pinterest'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-instagram hint--top hint--bounce' data-hint='Instagram' href='#' target='_blank'><i class='fa fa-instagram'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-flickr hint--top hint--bounce' data-hint='Flickr' href='#' target='_blank'><i class='fa fa-flickr'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-tumblr hint--top hint--bounce' data-hint='Tumblr' href='#' target='_blank'><i class='fa fa-tumblr'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-github hint--top hint--bounce' data-hint='Github' href='#' target='_blank'><i class='fa fa-github'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-linkedin hint--top hint--bounce' data-hint='LinkedIn' href='#' target='_blank'><i class='fa fa-linkedin'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-vimeo hint--top hint--bounce' data-hint='Vimeo' href='#' target='_blank'><i class='fa fa-vimeo-square'/></a></li> <li class='updown-wrap'><a class='updown-inner collections-icon-youtube hint--top hint--bounce' data-hint='Youtube' href='#' target='_blank'><i class='fa fa-youtube-play'/></a></li> </ul> </div>
Just change the hyperlink href=”#” to your social media link.
Read more here about the features of the template: Feminine blogger template
Follow my blog with Bloglovin
Leave a Reply
You must be logged in to post a comment.