Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to open new ticket in our support forum here. Thanks so much!
Author: | MKRdezign |
Demo : | Sevida Demo Page |
Created: | 2013-04-26 |
Last Modified: | 2016-08-17 |
Current Version: | 2.5 |
Documentation Version | 2.5 |
I assume you have a blogger account, so let's get started!
YOU MUST DO THIS STEP FIRST, BEFORE INSTALL THE TEMPLATE TO HELP TEMPLATE EDITOR CAN WORK PROPERLY
As default, Blogger will use its own template for you blog on mobile. So if you want to use Sevida template on mobile devices, please enable it first.In Choose mobile template window, check "Yes. Show mobile template on mobile devices.", then click drop down at Choose mobile template option, choose Custom, then click Save button.
You can do it by follow this step:
If you already use Sevida version 2.0 you can do it by follow this step:
/*------ English To Arabic ------*/
fild1 : Popular Posts
fild2 : المقالات الشائعة
/*------ English To French ------*/
fild1 : Popular Posts
fild2 : Articles populaires
/*------ English To Allemand ------*/
fild1 : Popular Posts
fild2 : Beliebte Beiträge
/*------ English To Espagnol ------*/
fild1 : Popular Posts
fild2 : Puestos Popular
Property | Description | Default |
---|---|---|
sumlength | this to change max summary length on Main Recent Post | 200 |
fixMenu | if you want to enable or disable fixmenu effect on main menu. Support value "y" or "n" | y |
monthName | If you want to change month name on post | Jan,Feb,Mar ,Apr,May,Jun, Jul,Aug,Sep, Oct,Nov,Dec |
FullmonthName | if you want to change month name on date and time (Top Menu) | January,February, March,April,May,June,July, August,September,October, November,December |
stickyMenu | if you want do enable or disable sticky Sidebar. Support value "y" or "n" | y |
sliderspeed | if you want to change slider speed. (in milisecond) | 5000 |
dateformat | To change Date Format on Widget by Labels. YYYY for Year, MM for month, DD for Day | YYYY-MM-DD |
showrelated | this to disable/enable Related Post Widget. Support value "y" or "n" | y |
showrecommended | this to disable/enable Recommended Post Widget. Support value "y" or "n" | n |
navipostpage | if you want to change Page Navigation number | 20 |
rcadminBlog | hide Admin Comment on recentcomment. Support value "y" or "n" | n |
shideauthor | to show or hide author name on Widget by Labels. Support value "y" or "n" | n |
hideLatest | this to hide Main Latest Post in home | n |
cseID | If you want to add Google Custom Search Engine (Google CSE) effect to top menu search. Just add yours Google CSE code like this:
Note: you can go to Google CSE |
|
hideEmo | this to show or hide Emoticon Effect in Blogger comment and Recent comment widget. Support value "y" or "n" | n |
homelist | this to change Main Latest Post style to List style. Support value "y" or "n" | n |
disabletime | this to disable date and time on Top menu. Support value "y" or "n" | n |
homePageNavi | this to change Main Latest Post Ajax Load More to Page Navigation.Support value "y" or "n" | n |
fbappsid | this to change Facebook Apps ID | 487910834570906 |
fblang | this to change Facebook Language | en_US |
dajaxPageNavi | this to disable ajax effect on Page Navigation. Support value "y" or "n" | n |
srctext | this to change text inside the Menu Search box | Type and hit enter to search... |
ntext | this to change "Next" text in blog post Navigation | Next |
ptext | this to change "Previous" text in blog post Navigation | Previous |
mtext | this to change "More" text | More |
lmtext | this to change "Load More Post" text | Load More Post |
vmtext | this to change "View More About" text | View More About |
reltext | this to change "Related Post" text in Related Post Widget | Related Post |
rectext | this to change "Recent Post" text in Related Post Widget | Recent Post |
recotext | this to change "Recommended Post" text in Recommended Post Widget | Recommended Post |
tweettext | If you want to change text "Tweet" text in Social button | Tweet |
liketext | If you want to change text "Like" text in Social button | Like |
sharetext | If you want to change text "Share" text in Social button | Share |
readmoretext | this to change "Read more »" text | Read more » |
twitterauthor | If you want to change twitter author when click Tweet button | satankMKR |
relstyle | If you want to Related Post style. Support value: "carousel", "simple" and "fbig" | carousel |
hreview | If you want to hide review value in Recent Post and Recent Post widget by Label. Support value: "n" and "y" | n |
jsonload | If you want to change JSON feed load from widget by Label. Support value: "default" and "summary" | default |
hexcerpt | If you want to hide excerpt text below the title. Support value: "n" and "y" | n |
firstthumb | this to change First thumbnail Size on fbig, column2 widget | s1600 |
thumb | this to change thumbnail size | w1600 |
sliderthumb | this to change slider thumbnail size | 1600 |
dajaxsrc | this to disable ajax search effect. Support value "y" or "n" | n |
featpost | if you want to make first image in blog post become Featured Image. Support value y or n | n |
topbreakline | If you to show breakline below post title. Support value y or n | n |
bottombreakline | If you to show breakline in end post. Support value y or n | n |
autoplay | If you want to make Related Post (carousel style autoplay). Support value y or n | n |
topbreaklineload | This to change top breakline load data. Support value "related", "recent" and "random" | recent |
bottombreaklineload | This to change bottom breakline load data. Support value "related", "recent" and "random" | recent |
recentpost | this to change max item show in recentpost widget | 4 |
randompost | this to change max item show in randompost widget. | 4 |
featuredpost | this to change max item show in featuredpost widget. | 4 |
recentcomment | this to change max item show in recentcomment widget. | 5 |
fbig1 | this to change max item show in fbig1 widget. | 5 |
fbig2 | this to change max item show in fbig2 widget. | 5 |
gallery1 | this to change max item show in gallery1 widget. | 10 |
gallery2 | this to change max item show in gallery2 widget. | 5 |
gallery3 | this to change max item show in gallery3 widget. | 6 |
column1 | this to change max item show in column1 widget. | 5 |
column2 | this to change max item show in column2 widget. | 5 |
newsticker | this to change max item show in newsticker widget. | 9 |
slider | this to change max item show in slider widget. this for all slider. (slider1 and slider2) | 5 |
carousel1 | this to change max item show in carousel1 widget | 9 |
carousel2 | this to change max item show in carousel2 widget. | 9 |
related | this to change max item show in related widget. | 9 |
video | this to change max item show in video widget. | 6 |
featured1 | this to change max item show in featured1 widget. | 8 |
featured2 | this to change max item show in featured2 widget. | 10 |
featured3 | this to change max item show in featured3 widget. | 10 |
featured4 | this to change max item show in featured4 widget. | 5 |
featured5 | this to change max item show in featured5 widget. | 7 |
animatedpost | this to change max item load if widget have animated effect. | 9 |
list | this to change max item show in list widget. | 6 |
hot | this to change max item show in hot widget. | 3 |
timeline | this to change max item show in timeline widget. | 5 |
blogpost | this to change max item show in blogpost widget. | 4 |
halfpost | this to change max item show in halfpost widget. | 4 |
bigpost | this to change max item show in bigpost widget. | 4 |
simplepost | this to change max item show in simplepost widget. | 4 |
disquscomment | this to change max item show in disquscomment widget. | 4 |
flickrbadge | this to change max item show in flickrbadge widget. | 8 |
After installing the theme, this it the minimun setting to make all widget works fine in this themes.
This to make comment area like the Demo and make Emoticon show
This to make recent comment, Search Result, Featured Post, and Post by Label work fine
This default setting to make yours website like the demo
To Edit Top Menu in this theme you can follow this step:
Menu Title
_Sub Menu
__Sub Sub Menu
<i class="fa fa-facebook"></i>Menu Title
_<i class="fa fa-twitter"></i>Sub Menu
__<i class="fa fa-pinterest"></i>Sub Sub Menu
Note: You can get icon name Here : http://fontawesome.io/icons
To Edit Top Menu in this theme you can follow this step:
Menu Title [Sub Title]
_Sub Menu
__Sub Sub Menu
<i class="fa fa-facebook"></i>Menu Title
_<i class="fa fa-twitter"></i>Sub Menu
__<i class="fa fa-pinterest"></i>Sub Sub Menu
Note: You can get icon name Here : http://fontawesome.io/icons
Now for add a block style "-links" simply on "Page Title" field add this
-links
Note This will load content from "(-Links) Links Content Area"
To show widget like "Fashion" add code like below in HTML widget
gridpost/Fashion
Now for add a Mega Menu tabs style simply on "Page Title" field add this
-mtab/Label_1,Label_2,Label_3,Label_4
Now for add a Mega Menu grid style simply on "Page Title" field add this
-grip/LabelName or recent or random
Now for add a Mega Menu First Big Style simply on "Page Title" field add this
-mbig/LabelName or recent or random
Now for add a Mega Menu Carousel Style simply on "Page Title" field add this
-mcarousel/LabelName or recent or random
Complete Menu will look like this
Note Subtitle just work in Main Menu Widget
To Edit Social Icon in this theme you can follow this step:
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<!-- Metadata Facebook -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='100002549773049' property='fb:admins'/>
<!-- Metadata Twitter -->
<meta name='twitter:card' value='summary'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@publisher_handle' name='twitter:site'/>
<meta content='@author_handle' name='twitter:creator'/>
{picture#YOUR_PROFILE_PICTURE_URL}
YOUR_PROFILE_DESCRIPTION
{facebook#YOUR_SOCIAL_PROFILE_URL}
{twitter#YOUR_SOCIAL_PROFILE_URL}
{google#YOUR_SOCIAL_PROFILE_URL}
{pinterest#YOUR_SOCIAL_PROFILE_URL}
{youtube#YOUR_SOCIAL_PROFILE_URL}
{instagram#YOUR_SOCIAL_PROFILE_URL}
[recent][newsticker]
[random][newsticker]
if you want newsticker load from specific Label/Category. Ex. Load from Technology code like this.[Technology][newsticker]
[Your_Labels_Here][featured1]
Exemple (Show Featured Post from Multiple Labels "Music,Technology,Fashion,Trends"[Music,Technology,Fashion,Trends][featured1]
Exemple (Show Featured Post from Recent Post)[recent][featured2]
Exemple (Show Featured Post from Random Post)[random][featured2]
Note Maximun Labels Support for Multiple Labels is 4facebook [1.1k]
twitter [2k]
google [250]
rss [590]
youtube [3.5k]
dribbble [8.2m]
instagram [732]
pinterest [210]
linkedin [2.56k]
vimeo [300]
skype [568]
deviantart [6.4k]
flickr [900]
stumbleupon [561]
tumblr [5.4m]
delicious [86]
digg [789]
lastfm [652]
wordpress [1.5k]
apple [60]
dropbox [980]
behance [366]
reddit [10]
[Yours_Label_Name][fbig1]
ex: load from Music label.[Music][fbig1]
[Yours_Label_Name][fbig1][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][fbig1][http://otherblog.com]
[Yours_Label_Name][fbig1][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][fbig1][#BD1A1A]
[Yours_Label_Name][fbig1 animated]
[Yours_Label_Name][fbig2]
ex: load from Music label.[Music][fbig2]
[Yours_Label_Name][fbig2][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][fbig2][http://otherblog.com]
[Yours_Label_Name][fbig2][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][fbig2][#BD1A1A]
[Yours_Label_Name][column1]
ex: load from Music label.[Music][column1]
[Yours_Label_Name][column1][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][column1][http://otherblog.com]
[Yours_Label_Name][column1][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][column1][#BD1A1A]
[Yours_Label_Name][column1 animated]
[Yours_Label_Name][column2]
ex: load from Music label.[Music][column2]
[Yours_Label_Name][column2][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][column2][http://otherblog.com]
[Yours_Label_Name][column2][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][column2][#BD1A1A]
[Yours_Label_Name][column2 animated]
[Yours_Label_Name][hot]
ex: load from Music label.[Music][hot]
[Yours_Label_Name][hot][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][hot][http://otherblog.com]
[Yours_Label_Name][hot][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][hot][#BD1A1A]
[Yours_Label_Name][gallery1]
ex: load from Music label.[Music][gallery1]
[Yours_Label_Name][gallery1][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][gallery1][http://otherblog.com]
[Yours_Label_Name][gallery1][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][gallery1][#BD1A1A]
[Yours_Label_Name][gallery2]
ex: load from Music label.[Music][gallery2]
[Yours_Label_Name][gallery2][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][gallery2][http://otherblog.com]
[Yours_Label_Name][gallery2][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][gallery2][#BD1A1A]
[Yours_Label_Name][gallery3]
ex: load from Music label.[Music][gallery3]
[Yours_Label_Name][gallery3][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][gallery3][http://otherblog.com]
[Yours_Label_Name][gallery3][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][gallery3][#BD1A1A]
[Yours_Label_Name][video]
ex: load from Music label.[Music][video]
[Yours_Label_Name][video][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][video][http://otherblog.com]
[Yours_Label_Name][video][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][video][#BD1A1A]
[Yours_Label_Name][slider1]
ex: load from Music label.[Music][slider1]
ex: load from Music label with auto play effect.[Music][slider1 autoplay]
[Yours_Label_Name][slider1][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][slider1][http://otherblog.com]
[Yours_Label_Name][slider1][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][slider1][#BD1A1A]
[Yours_Label_Name][slider2]
ex: load from Music label.[Music][slider2]
ex: load from Music label with auto play effect.[Music][slider2 autoplay]
[Yours_Label_Name][slider2][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][slider2][http://otherblog.com]
[Yours_Label_Name][slider2][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][slider2][#BD1A1A]
[Yours_Label_Name][carousel1]
ex: load from Music label.[Music][carousel1]
ex: load from Music label with auto play effect.[Music][carousel1 autoplay]
[Yours_Label_Name][carousel1][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][carousel1][http://otherblog.com]
[Yours_Label_Name][carousel1][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][carousel1][#BD1A1A]
[Yours_Label_Name][carousel2]
ex: load from Music label.[Music][carousel2]
ex: load from Music label with auto play effect.[Music][carousel2 autoplay]
[Yours_Label_Name][carousel2][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][carousel2][http://otherblog.com]
[Yours_Label_Name][carousel2][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][carousel2][#BD1A1A]
[Yours_Label_Name][list]
ex: load from Music label.[Music][list]
[Yours_Label_Name][list][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][list][http://otherblog.com]
[Yours_Label_Name][list][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][list][#BD1A1A]
[Yours_Label_Name][timeline]
ex: load from Music label.[Music][timeline]
[Yours_Label_Name][timeline][Other_URL]
Ex: Load Tecnology from otherblog.com[Tecnology][timeline][http://otherblog.com]
[Yours_Label_Name][timeline][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][timeline][#BD1A1A]
[Yours_Label_Name][simplepost]
ex: load from Music label.[Music][simplepost]
[Music][simplepost pagenumber]
[Yours_Label_Name][simplepost][Other_URL]
Ex: Load Tecnology from otherblog.com[Technology][simplepost][http://otherblog.com]
[Yours_Label_Name][simplepost][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][simplepost][#BD1A1A]
[Yours_Label_Name][blogpost]
ex: load from Music label.[Music][blogpost]
[Music][blogpost pagenumber]
[Yours_Label_Name][blogpost][Other_URL]
Ex: Load Tecnology from otherblog.com[Technology][blogpost][http://otherblog.com]
[Yours_Label_Name][blogpost][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][blogpost][#BD1A1A]
[Yours_Label_Name][halfpost]
ex: load from Music label.[Music][halfpost]
[Music][halfpost pagenumber]
[Yours_Label_Name][halfpost][Other_URL]
Ex: Load Tecnology from otherblog.com[Technology][halfpost][http://otherblog.com]
[Yours_Label_Name][halfpost][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][halfpost][#BD1A1A]
[Yours_Label_Name][bigpost]
ex: load from Music label.[Music][bigpost]
[Music][bigpost pagenumber]
[Yours_Label_Name][bigpost][Other_URL]
Ex: Load Tecnology from otherblog.com[Technology][bigpost][http://otherblog.com]
[Yours_Label_Name][bigpost][Hexcolorcode]
ex: width this color: #BD1A1A [Yours_Label_Name][bigpost][#BD1A1A]
Note Available option to all Widget by Labels : pagenumber, ajaxload, animated, autoplay
pagenumber : will show page number in widget by labels
ajaxload : Load more post button will have ajax load effect
animated : widget will have animated effect. This Effect just work with column1, column2, fbig1
autoplay : slider will have auto play effect: This Effect just work with slider1, slider2, carousel1, carousel2, and all featured widget
complex{style}/Your Labels Here
ex: load from Graphic Design, Fashion, and Foods label. style fbig2complex{fbig2}/Graphic Design,Fashion,Foods
Before add manual slide you must add Image Widget on Manual Slide image Area
To show manual Slide just follow this
manualslide
recentpost
randompost
featuredpost/Label_1,Label_2,Label_3
featuredpost/Technology,Music,Fashion
recentcomment
disquscomment
Note: Yours Disqus shortname must setup to make this widget work
FBbox/Yours_Facebook_Page_link
FBbox/https://www.facebook.com/IVYthemes
flickrbadge
Note: Yours Flickr ID must setup to make this widget work
You have 5 post layouts simply add code of post layout in post panel compose or HTML.
/*----Full Width Post-----*/
[full-post]
/*----Left Main Post-----*/
[left-post]
/*----Right Main Post-----*/
[right-post]
/*----Post with Left Side Only-----*/
[left-side]
/*----Post with Right Side Only-----*/
[right-side]
To Enable Adsense Main Javascript follow this step
To Enable Adsense Below Post Title follow this step
<ins class="adsbygoogle"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
example Adsense with custom Width (300x250)
<ins class="adsbygoogle"
style="width:300px;height:250px"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
Note You can Hide Adsense Below Post Title in specific post by add shortcode like this: [hidetitleads]
Note to disable Adsense Below Post Title just insert "n" in Ads Below Title widget box
In this Template you will be able to add ads inside articles easily top or the middle or the bottom of the article as you like only follow the steps below :
<ins class="adsbygoogle"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
example Adsense with custom Width (300x250)
<ins class="adsbygoogle"
style="width:300px;height:250px"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
To Enable Adsense End Post follow this step
<ins class="adsbygoogle"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
example Adsense with custom Width (300x250)
<ins class="adsbygoogle"
style="width:300px;height:250px"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
Note You can Hide Adsense End Post in specific post by add shortcode like this: [hidebottomads]
Note to disable Adsense End Post just insert "n" in Ads Below Title widget box
To add Adsense in sidebar or footer area follow this step
<ins class="adsbygoogle"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
example Adsense with custom Width (300x250)
<ins class="adsbygoogle"
style="width:300px;height:250px"
data-ad-client="YOUR_ADSENSE_ID"
data-ad-slot="YOURS_SLOT_ID"></ins>
To create a Post Pagination you just need to add this code in post panel compose or HTML.
[next]
Exemple
Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here
[next]
Yours Paragraph Here
Yours Paragraph Here
[next]
Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here
To create a Custom Post title and Add Subtitle you can follow this step:
Add this code below when create new post. and you must be on HTML mode
<span class="first-character">Your First Character here</span>
Exemple:<span class="first-character">T</span>hat night, in the mid-watch, when the old man—as his wont at intervals—stepped forth from the scuttle in which he leaned, and went to his pivot-hole, he suddenly thrust out his face fiercely, snuffing up the sea air as a sagacious ship's dog will, in drawing nigh to some barbarous isle. He declared that a whale must be near. Soon that peculiar odor, sometimes to a great distance given forth by the living sperm whale, was palpable to all the watch; nor was any mariner surprised when, after inspecting the compass, and then the dog-vane, and then ascertaining the precise bearing of the odor as nearly as possible, Ahab rapidly ordered the ship's course to be slightly altered, and the sail to be shortened
To create a Blockquote simply select all text you want to be a Quote and click on Quote icon from blog post text editor panel.
Add the button you want by size and color.
/*----Small Buttons-----*/
<a href='/' class="button small red">Button Text</a>
<a href='/' class="button small pink">Button Text</a>
<a href='/' class="button small orange">Button Text</a>
<a href='/' class="button small yellow">Button Text</a>
<a href='/' class="button small green">Button Text</a>
<a href='/' class="button small turquoise">Button Text</a>
<a href='/' class="button small blue">Button Text</a>
<a href='/' class="button small purple">Button Text</a>
<a href='/' class="button small midnight">Button Text</a>
<a href='/' class="button small grey">Button Text</a>
<a href='/' class="button small asbestos">Button Text</a>
<a href='/' class="button small dark">Button Text</a>
/*----Medium Buttons-----*/
<a href='/' class="button medium red">Button Text</a>
<a href='/' class="button medium pink">Button Text</a>
<a href='/' class="button medium orange">Button Text</a>
<a href='/' class="button medium yellow">Button Text</a>
<a href='/' class="button medium green">Button Text</a>
<a href='/' class="button medium turquoise">Button Text</a>
<a href='/' class="button medium blue">Button Text</a>
<a href='/' class="button medium purple">Button Text</a>
<a href='/' class="button medium midnight">Button Text</a>
<a href='/' class="button medium grey">Button Text</a>
<a href='/' class="button medium asbestos">Button Text</a>
<a href='/' class="button medium dark">Button Text</a>
/*----Large Buttons-----*/
<a href='/' class="button large red">Button Text</a>
<a href='/' class="button large pink">Button Text</a>
<a href='/' class="button large orange">Button Text</a>
<a href='/' class="button large yellow">Button Text</a>
<a href='/' class="button large green">Button Text</a>
<a href='/' class="button large turquoise">Button Text</a>
<a href='/' class="button large blue">Button Text</a>
<a href='/' class="button large purple">Button Text</a>
<a href='/' class="button large midnight">Button Text</a>
<a href='/' class="button large grey">Button Text</a>
<a href='/' class="button large asbestos">Button Text</a>
<a href='/' class="button large dark">Button Text</a>
Note Make sure you are in HTML mode when create new post
To create a Alert Box (Alert,Success,Warning,Update,Info and Error) simply just create code like below.
[alert title="Alert message" icon="info-circle"]
This alert needs your attention
[/alert]
[success title="Success message" icon="check-circle"]
You successfully read this important message.
[/success]
[warning title="Warning message" icon="exclamation-triangle"]
Warning! Best check yo self.
[/warning]
[update title="Update message" icon="info-circle"]
You successfully to update your content.
[/update]
[info title="Info message" icon="info-circle"]
This a simple info for you.
[/info]
[error title="Error message" icon="exclamation-circle"]
Oh snap! Change a few things up
[/error]
To create a Code Box just create code like below.
[code type="HTML"]Yours HTML Code Here[/code]
[code type="CSS"]You CSS Code Here[/code]
[code type="JavaScript"]You JavaScript Code Here[/code]
[code type="JQuery"]You JQuery Code Here[/code]
To create a Contact Form just create code like below.
[contact/]
or
[contact][/contact]
To create two Columns just create code like below..
[2column]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[/2column]
To create three columns just create code like below.
[3column]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[/3column]
To create four columns just create code like below..
[4column]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[content]Your Text Here[/content]
[/4column]
To create horizontal tabs just create code like below.
[tab]
[content title="Tab 1"]Your Text Here[/content]
[content title="Tab 2"]Your Text Here[/content]
[content title="Tab 3"]Your Text Here[/content]
[/tab]
To create vertical tabs just create code like below.
[vtab]
[content title="Tab 1"]Your Text Here[/content]
[content title="Tab 2"]Your Text Here[/content]
[content title="Tab 3"]Your Text Here[/content]
[/vtab]
If you want to add some icon you can add icon property like this
[tab]
[content icon="diamond" title="Tab 1"]Your Text Here[/content]
[content icon="heartbeat" title="Tab 2"]Your Text Here[/content]
[content icon="buysellads" title="Tab 3"]Your Text Here[/content]
[/tab]
Note: Yo can get icon name here fontawesome
To create a accordion just create code like below.
[accordion]
[item title="Accordion 1"]Your Text Here[/item]
[item title="Accordion 2"]Your Text Here[/item]
[item title="Accordion 3"]Your Text Here[/item]
[item title="Accordion 4"]Your Text Here[/item]
[/accordion]
If you want to add some icon you can add icon property like this
[accordion]
[item icon="diamond" title="Accordion 1"]Your Text Here[/item]
[item icon="heartbeat" title="Accordion 2"]Your Text Here[/item]
[item icon="buysellads" title="Accordion 3"]Your Text Here[/item]
[item icon="bed" title="Accordion 4"]Your Text Here[/item]
[/accordion]
Note: Yo can get icon name here fontawesome
to create image u can use this shortcode method
[img src="Image_URL_1"/]
/*------- or -------*/
[img src="Image_URL_1"][/img]
/*------- complete code ------*/
[img url="URL_link" width="Image_width" height="Image_height" rel="Image_rel" src="Image_URL_1"/]
*------- complete code to make it featured content------*/
[img featured="1" url="URL_link" width="Image_width" height="Image_height" rel="Image_rel" src="Image_URL_1"/]
To create Simple Gallery just create code like below..
[gallery]
[img src="Image_URL_1"][/img]
[img src="Image_URL_2"][/img]
[img src="Image_URL_3"][/img]
[img src="Image_URL_4"][/img]
[img src="Image_URL_5"][/img]
[img src="Image_URL_6"][/img]
[img src="Image_URL_7"][/img]
[img src="Image_URL_8"][/img]
[img src="Image_URL_9"][/img]
[/gallery]
To create First Big Gallery just create code like below..
[bgallery]
[img src="Image_URL_1"][/img]
[img src="Image_URL_2"][/img]
[img src="Image_URL_3"][/img]
[img src="Image_URL_4"][/img]
[img src="Image_URL_5"][/img]
[/bgallery]
To create youtube player just create code like below.
[youtube src="youtube_video_ID"/]
/*------- or -------*/
[youtube src="youtube_video_ID"][/youtube]
You can add more property like: width, height, info, control, playlist, and related.
Property | Description | Default |
---|---|---|
src | Youtube Video ID. http://www.youtube.com/embed/VIDEO_ID | |
width | Player width | 100% |
height | Player Height | 400 |
info | this to change max item show in recentcomment widget. | 5 |
control | This parameter indicates whether the video player controls are displayed. For IFrame embeds that load a Flash player, it also defines when the controls display in the player as well as when the player will load. Supported values are:
|
1 |
playlist | This parameter specifies a comma-separated list of video IDs to play. If you specify a value, the first video that plays will be the VIDEO_ID specified in the URL path, and the videos specified in the playlist parameter will play thereafter. | |
related | This parameter indicates whether the player should show related videos when playback of the initial video ends. Supported values are 0 and 1. | 0 |
featured | If you want to make this show as featured content. Supported values are "0" not become featured and "1" will become featured content |
To create dailymotion player just create code like below..
[dailymotion src="Dailymotion_video_ID"/]
/*------- or -------*/
[dailymotion src="Dailymotion_video_ID"][/dailymotion]
You can add more property like: width, height, highlight, background, color, info, and logo.
Property | Description | Default |
---|---|---|
src | Dailymotion Video ID. http://www.dailymotion.com/embed/video/VIDEO_ID?PARAMS | |
width | Player width | 100% |
height | Player Height | 270 |
highlight | HTML color of the controls elements' highlights. | 29b7ff |
background | HTML color of the background of controls elements | 000000 |
color | HTML color of the text. | ffffff |
info | Shows videos information (title/author) on the start screen. Supported values are 0 and 1. | 1 |
logo | Allows to hide or show the Dailymotion logo. Supported values are 0 and 1. | 1 |
featured | If you want to make this show as featured content. Supported values are "0" not become featured and "1" will become featured content |
To create soundcloud player just create code like below..
[soundcloud src="Soundcloud_ID"/]
/*------- or -------*/
[soundcloud src="Soundcloud_ID"][/soundcloud]
You can add more property like: width, height, auto, color, visual, comments, user, and playlist
Property | Description | Default |
---|---|---|
src | Soundcloud ID. | |
width | Player width | 100% |
height | Player Height | 130 |
auto | Whether to start playing the widget after it’s loaded. Supported values are false and true. | false |
color | HTML color of the background of controls elements | ff5500 |
visual | To make it show player show visual. Supported values are false and true | false |
comments | Show/hide comments. Supported values are false and true | false |
user | Show/hide the uploader name. Supported values are false and true. | true |
playlist | If you want show it playlist or not. isert playlist ID | |
featured | If you want to make this show as featured content. Supported values are "0" not become featured and "1" will become featured content |
To create google maps just create code like below.
[map src="Google_Maps_ID"/]
/*------- or -------*/
[map src="Google_Maps_ID"][/map]
/*------- complete code -------*/
[map width="Map_Width" height="Map_Height" src="Google_Maps_ID"/]
Exemple:
[map src="Google_Maps_ID"/]
To get Google Maps ID you can use this method
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31733.083318326!2d106.82385317410909!3d-6.179531026100637!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3e945e34b9d%3A0x5371bf0fdad786a2!2sJakarta%2C+Special+Capital+Region+of+Jakarta!5e0!3m2!1sen!2sid!4v1433961860989" width="600" height="450" frameborder="0" style="border:0"></iframe>
[map src="!1m18!1m12!1m3!1d31733.083318326!2d106.82385317410909!3d-6.179531026100637!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3e945e34b9d%3A0x5371bf0fdad786a2!2sJakarta%2C+Special+Capital+Region+of+Jakarta!5e0!3m2!1sen!2sid!4v1433961860989"/]
To create Tooltip just create code like below.
[tooltip url="Tooltip_URL" title="Tooltip_title"]Text/Element went mouse hover or enter the tooltip[/tooltip]
Exemple use:
"There are almost as many conjectures as to that as there are geologists," was his answer. [tooltip url="http://themeforest.com/user/MKRdezign" title="MKRdezign"]"There are almost as many conjectures as to that as there are geologists," was his answer.[/tooltip]"One estimates it thirty miles, because the internal heat, increasing at the rate of about one degree to each sixty to seventy feet depth, would be sufficient to fuse the most refractory substances at that distance beneath the surface. Another finds that the phenomena of precession and nutation require that the earth, if not entirely solid, must at least have a shell not less than eight hundred to a thousand miles in thickness
To create a Slide make code like below.
[slide]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[/slide]
To create a carousel make code like below.
[carousel]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[/carousel]
To create a Table make code like below
<table class='sevida-table'>
<thead>
<tr>
<th>Label 1</th>
<th>Label 2</th>
<th>Label 3</th>
<th>Label 4</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Label 1">Description 1</td>
<td data-label="Label 2">Description 2</td>
<td data-label="Label 3">Description 3</td>
<td data-label="Label 4">Description 4</td>
</tr>
<tr>
<td data-label="Label 1">Description 1</td>
<td data-label="Label 2">Description 2</td>
<td data-label="Label 3">Description 3</td>
<td data-label="Label 4">Description 4</td>
</tr>
</tbody>
</table>
To create a Review make code like below
[review]
[content title="Description Title" label="Overall Score"]Your Summary Description Here[/content]
[item value="Value Here"]Description Here[/item]
[item value="Value Here"]Description Here[/item]
[item value="Value Here"]Description Here[/item]
[item value="Value Here"]Description Here[/item]
[item value="Value Here"]Description Here[/item]
[/review]
Exemple:
[review]
[content title="Summary" label="Overall Score"]My fellow Earthicans, as I have explained in my book Earth in the Balance, and the much more popular Harry Potter and the Balance of Earth, we need to defend our planet against pollution. Also dark wizards but I know you in the future back in our hands.[/content]
[item value="7"]Gameplay[/item]
[item value="8"]Graphics[/item]
[item value="10"]Sound[/item]
[item value="5"]Ease of play[/item]
[item value="9"]Hardware[/item]
[/review]
To create a Lock Content you just need to add this code in post panel compose or HTML.
[lock]Text/Content you want to lock[/lock]
Exemple
Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here
[lock]
Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here
[/lock]
Yours Paragraph Here
Yours Paragraph Here
You can combine each Shortcode, like use Tabs, Accordion, youtube and etc, in one Exemple
[tab]
[content title="Soundcloud"]
[soundcloud height="400" visual="true" src="Soundcloud_ID"][/soundcloud]
[/content]
[content title="Youtube"]
[youtube src="Video_ID"][/youtube]
[/content]
[content title="Maps"]
[map src="Google_Maps_ID"][/map]
[/content]
[content title="Accordion"]
[accordion]
[item title="Accordion 1"]Your Text Here[/item]
[item title="Accordion 2"]Your Text Here[/item]
[item title="Accordion 3"]Your Text Here[/item]
[/accordion]
[/content]
[/tab]
This to remove //img1.blogblog.com/img/icon18_wrench_allbkg.png
<b:include name='quickedit'/>
When added Image or Picture in yours blog post. You must add title and alt to each Image
If you want load Iframe element. Ex: Youtube Video, Dailymotion, Soundcloud or Maps. Use Shortcode to load it. because Iframe not good for improve website SEO
Start post/article with Image. If create new post/article and start with Image. That Image automaticaly become Featured Content. to disable this option go here Disable Auto Featured Image
Add {featured} in Image Title attribute. Add Image with {featured} will become Featured Content. If more than one Image with {featured}, Featured content will become slider.
You can make Soundcloud,Youtube,Dailymotion and Image Shortcode become Featured content by add featured parameter and set value to "1"
You can make yours Iframe,Img tag become Featured content by add "pfeatured" class name
<img class="pfeatured" src="YOUR_IMAGE_URL"/>
<div class="pfeatured" ><iframe src="YOUR_IMAGE_URL"/></div>
It's Easy to customize this themes. Just Go to Blogger Dashbord and Click Template then Click Customize and Click Background
Click Background Image and choose image what you want or upload from yours computer
It's Easy to customize this themes. Just Go to Blogger Dashbord and Click Template then Click Customize and Click Advanced
After customize yours template you can disable Blogger Mobile Template but it will make Blogger Customize not work
If you want to add left Sidebar on Main Area. Just change value on left Sidebar.
If you want widget content area 160px on Left Sidebar you must add it with 42. You must write 202px.
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.