Features:-
- Responsive Design (Full Width or Boxed Width)
- Manual Featured Post from Image Widget (Slideshow)
- Auto Featured Post (Slideshow)
- Support Advance Editor (Change Background Image, Color and Font Type)
- Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
- Ajax load more post
- Ajax Page Navigation New
- 3 Comment System Support (Blogger Comment, Facebook Comment and Disqus Commnent) New
- Cool blogger threaded comment (Support Google+ Comment)
- JSON Search Result *
- Ajax Recent Post by Tag (5 Post Type(Slider, Vertical, Combine, Gallery and Horizontal)) Support Random New
- Ajax Recent Comment Widget *
- Ajax Related Post Widget *
- Ajax NewsTicker *
- Two View Mode (List and Grid) with Cookies
- Tabs Widgets Ready
- Optimize SEO
- Emoticon (Blogger Comment)
- Comment View with Cookies
- RTL Language Support
- Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
- Custom Error 404 Page
- Professional admin layout, help you easy work with blog layout.
Documentation:-
Installation
You can do it by follow this step:
- Unzip the “Rifqiy-theme.zip” file.
- On Blogger Dashboard Click Template.
- Click Backup/Restore button (Top Right).
- Click Choose File button. Find where the “Rifqiy Updated.xml” file location.
- Then Click Upload.
Default Setting:-
Menu Setting:-
To Edit Menu in this theme you can follow this step:
- On Blogger Dashbord Click Template
- Click Edit HTML
- Scroll down and Find this Code :
<ul class='sf-menu' id='menunav'>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Error 404</a></li>
</ul>
Change # with yours URL link.
Setting Social Icon:-
To Edit Social Icon in this theme you can follow this step:
- On Blogger Dashbord Click Template
- Click Edit HTML
- Scroll down and Find this Code :
<ul>
<li><a target='_blank' class='fbx' href='#' title='Facebook'>facebook</a></li>
<li><a target='_blank' class='twix' href='#' title='Twitter'>twitter</a></li>
<li><a target='_blank' class='goex' href='#' title='Google+'>Google+</a></li>
<li><a target='_blank' class='linx' href='#' title='Linkedin'>Linkedin</a></li>
<li><a target='_blank' class='pinx' href='#' title='Pinterest'>Pinterest</a></li>
<li><a target='_blank' class='drix' href='#' title='Dribble'>Dribble</a></li>
<li><a target='_blank' class='vmex' href='#' title='Vimeo'>Vimeo</a></li>
<li><a target='_blank' class='rssx' href='#' title='RSS'>RSS</a></li>
</ul>
Creating Content
- Featured Post
- Vertical Label Post
- Horizontal Label Post
- Slider Label Post
- Error Page
Manual Slide Show (Using Image Widget) OR Auto Featured Post (Slide Show From JSON Feed)
Manual Slide Show
- To Create Manual Slide Show follow this step
- on Dashbord Blogger Click Layout
- On Manual Slideshow Widget Area Click Add a Gadget
- Choose Image Widget
- Fill With Image Title
- Image Description
- Link When Image or Title Click
- Search Yours Image
- Uncheck shrink to fit
NB : Recommended Image Size 710px x 350px
Click Save
If You Whan Show 5 image, do this step 5 times.
Animated CSS Button Code:-
I instal animated button with CSS. You can just paste the following code in HTML and the link is show in CSS.
For More Information and instruction Contact Us.
0 comments:
Post a Comment