Documentation of Appiki

Appiki Blogger template


Appiki Documentation with each step explained in detail Easy installation without any trouble follow below documentation and install this pretty professional template. The widgets gadgets images have been attached properly where red tic mark for better understanding easily

We hope this might help you !

Here is a detailed Documentation of Appiki Blogger - Template 
Read Carefully to Install all Gadgets on Your Website 

1. How to Change FontAwesome Icons in Templates?

Get FontAwesome Icons Short Codes Visit Here. All the ShortCodes of Icons you can copy and use in below Link Boxes like Example : <i class="far fa-arrow-alt-circle-down"></i> Example:

2. Admin Control Panel:

To edit or handle the blog posts, comments system, no. of posts, fixed menu, Facebook SDK plugin, etc. These Options Can be Controlled from Layout in Blogger Dashboard.

2.1). Facebook SDK (Plugin):

Here you can use this gadget to install the Facebook comment box and Facebook page in the sidebar. For More Click Here.
Example of Facebook:

Note: Below in details, all important steps provided for setup Facebook Comments System/Facebook Page on sidebar

2.2). Default Variables/Comments:

Open Layout > then click on Edit Icon > in the Default Variables gadget.
Example:

Here you can set DisqusShortname, and change your blog CommentSystem we Support 3 Comments Plugin Facebook, Disqus, Blogger
Example to set Disqus Comment box:

Use below shortcut code: commentsSystem = facebook or disqus or blogger
disqusShortname = pikitemplates
noThumb = image url

You can use Disqus comment box a optional feature of our template, Just go to disqus.com create account after that tap on Get Started and follow "I Want to install Disqus on my Site" as shown in above image how to setup shortname for disqus. That's done just change blogger comment system and use disqus comments pluign easily Example of Disqus Comment:
Note: Many Users Facing Problem adding Disqus Comment Box make sure you have added website link and created profile short name in Disqus.

2.3). Related Posts/ Show Texts:

 Open Layout > then click on Edit Icon > in the Related Posts/ Email text gadget. Example:

Here you can set show more text and related posts title also you can set many related posts easily without any trouble. To change load more text edit and change from here above link list option listed. 

Example of Related Posts:
Use below shortcut code: relatedPostsText = You May Like These Posts - you change Related Posts title
relatedPostsNum = 3 - you can set number of Related Posts
loadMorePosts = Load More - you can change Load More Homepage button text
Example of Load More text:

Note: Use only Lowercase(small letters) letter in shortcode as display in above image.

2.4). Lazy Scrolls/ More Text:

Open Layout > then click on Edit Icon > in the Lazy Scrolls/ More Text gadget. Example:

Here you can set Sticky Sidebar and Sticky Menu easily by giving value true or false. as shown in the above image. Use below shortcut code: fixedSidebar = true or false - you change sticky sidebar fixed to scrolled
fixedMenu = true or false - you change sticky menu fixed to scrolled
showMoreText = Show More - you can easily change Show More text in Featured Posts
Note: Use only Lowercase(small letters) letter in shortcode as display in above image.
Top Pages Gadget :- Open Layout > then click on Edit Icon > in the Top Pages Section gadget.

Here you can change Top Pages Links which show at top of Template and also in Mobile view these pages automatically shows under Mobile Slider Menu. You can edit and replace links from here as per your requirements
Top Social Gadget :- Open Layout > then click on Edit Icon > in the Top Social Section gadget.

Here you can add a social media link in your topbar by using shortcut code in LinkList Gadget as shown in the above image. Remember these social media icons automatically shows into Mobile Menu Slider.  
Social Icons :- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.


All the Features are Designed in this template you can use on your blog

3. Main Logo

 Open Layout > then click on Edit Icon > in the Main Logo (Header) gadget.




Here you can change your blog main logo click on remove and upload your new logo in your website. and try to compress your logo (various online image png compression tools available) compression can helps you to boost up your website speed.
Note:- Use optimised image in your head logo to enhance website speed .

4: Main Menu

 Open Layout > then click on Edit Icon > in the Main Menu gadget.



All the main menu items can be edit and can be changed properly above the image is provided you to understand properly.

What are Labels?



To Create Mega Menu use Code

1:- For Recent Posts in Mega Menu 

Use Shortcut Code :-

Happy Life 
(in First Box)
megamenu/recent or megamenu/random(in Second Box)

2 :- For Label Posts in Mega Menu

Use Shortcut Code :-


Your Text 
(in First Box)
megamenu/Your Label (in Second Box)

Make Sure Use megamenu/Happy Life in 2nd Box. where Happy Life is a Example Label

To Create submenu use one underscore tab ( _submenu)
To Create more merging submenu use double underscore tab ( __submenu)
Note:- Use shortcut code correctly to make working menu functions .

5: Application Catalog

 Open Layout > then click on Edit Icon > in the Application Catalog (section) gadget.


You can use this section to set up the Application catalog easily with the help of the blogger LinkList widget section. as shown in the above image you can set title, caption and also image uploading options available. Always use Optimized images for your blog

6: Service Box Title/Buttons

 Open Layout > then click on Edit Icon > in the Service box Title/Buttons (section) gadget.


here is this widget you can change the title of the Service Box section and easy to insert links and buttons.

7: Most Downloaded Section

 Open Layout > then click on Edit Icon > in the Most Downloaded Section gadget.



Here you can use this section to display Responsive Mega Grid Posts with  both label and Recent Shortcut Code

For 
Most Downloaded Recent Posts:-
Use this Shortcut Code

7/sgrid/recent
7/sgrid/random

For Most Downloaded Label Posts:- 
Use this Shortcut Code

7/sgrid/Your Label

Just Put label = recent or label = Happy Life to display Featured Posts
and type of shortcode is type= sgrid

Here you can use this section to display Responsive Fresh Posts with  both label and Recent Shortcut Code

8: Category Label (A/B)

 Open Layout > then click on Edit Icon > in the Category Labels (A/B) (section) gadget.

You can use this section to set up the Catalog Labels easily with the help of the blogger LinkList widget section. as shown in the above image you can set title, caption, and also image uploading options available. Always use Optimized images for your blog
Main Store Posts:- Open Layout > then click on Edit Icon > in the Main Store                Posts (section) gadget.




Here you can use this section to display Responsive Main store posts with  both label and Recent Shortcut Code

For Main Store Recent Posts :-

Use this Shortcut Code

12/store/recent
12/store/random


For Bottom Main Store Label Posts :- 
Use this Shortcut Code

12/store/Your Label

Just Put label = recent or label = Happy Life to display Featured Posts
and type of shortcode is type= block

Here you can use this section to display Responsive Mega Grid Posts with  both label and Recent Shortcut Code

9: Main Recent Posts

 Open Layout > then click on Edit Icon > in the Main Recent Posts (section) gadget.



Main Recent Posts section with all editable options are specified in an above image like show author profile and adjust in feeds ads. You can easily edit and change from here
Inside Posts Ads:-
 Open Layout > then click on Edit Icon > in the Top / Bottom Posts Ad (section) gadget.



Here you can use this gadget to implement your ads in your posts section only. This section shows in posts top and bottom area as per your requirements Also below you can the Shortcode to show ad in a specific area of the post paragraph so that on invalid click activity you can just turn off this Posts Top Ads section and all ads from inside posts automatically turned off   

10: Post Paragraph Ads

 Open Post > then Choose area in Post > and paste ShortCode.

Use the Shortcode:- (ads1) 

Note:- Use this Shortcut Code to display Custom ads from Top Section ad Gadgets to display in Posts Paragraph Remember this code only works if Top Posts Posts ad code and Bottom Posts ad code Section Added (make a strike on shortcode to work as below screenshot)



11: Post-Author Social icons

 Open Blogger Setting > then Choose Edit Blogger Profile > and paste ShortCode.


Follow the steps to setup:

After editing, Blogger Author Profile follow the below instructions provided in the screenshot 


Here use the below shortcut code to display social media icons here

HTML Code :- <a href="Your Link Here">Icon Name</a>

HTML Example :- <a href="https://instagram.com/pikitemplates">instagram</a>

Copy code :

Hello this is Jane Doe, I am Web Designer and Expert at Piki Templates<a href="https://facebook.com/pikitemplates">facebook</a><a href="https://twitter.com/pikitemplates">twitter</a><a href="https://youtube.com/pikitemplates">youtube</a><a href="https://instagram.com/pikitemplates">instagram</a><a href="https://www.pikitemplates.com/">external-link</a>

Note:- here in href replace with your own link of your social media links on your template.
Social Icons :- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.

12: Facebook Page Plugin

 Open Layout > then click on Add a Gadget HTML/Javascript  > in Sidebar Section.


Add this Short code :

<div class="fb-page" data-href="YOUR FACEBOOK PAGE URL" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>

Note:- here in data-href Replace with your own link of your facebook page so install Facebook page on your template

Remember: This Facebook plugin works only if for both Facebook Page and Facebook Comment Box  You have Installed below facebook SDK code in admin section follow below steps provided here

Facebook Comment Plugin :- Open Layout > then click on Edit Icon   > in Facebook SDK (Plugin)  > in Admin Section.


here you can add Facebook SDK Code to Show Facebook Comments in Template Also Turn of Facebook Comment System From Default Variables as shown in First Admin Section at top of documentation. Copy Code from below box and paste in Admin Section of Facebook Plugin gadget.


Facebook SDK en_US :

https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0

Note :- Only this Sdk Code Shows both facebook page in sidebar and facebook comment box as you want to set on your blog


13: Sidebar Section

 Open Layout > then click on Edit Icon > in the Social Widget (section) gadget.



Here you can add a social media link in your sidebar by using shortcut code in LinkList Gadget as shown in the above image
Social Icons :- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.

Other Sidebar Gadgets :- Open Layout > then Click on Edit Icon > and Select or Add a Gadget like Popular Posts, Follow by Email, LinkList, BlogSearch, Contact Form etc.

14: Sidebar Posts Section

 Open Layout > then click on Edit Icon > in the Most Loved Section gadget.


Here you can use this section to display Responsive Mega Grid Posts with  both label and Recent Shortcut Code

For Sidebar Posts Recent Posts:-

Use this Shortcut Code

4/sidebar/recent
4/sidebar/random

For Sidebar Posts Label Posts:- 
Use this Shortcut Code

4/sidebar/Your Label

Just Put label = recent/random or label = Your Label to display Featured Posts
and type of shortcode is type= grid

Here you can use this section to display responsive sidebar posts with  both label and recent shortcut code

15: Sidebar Comments Section

 Open Layout > then click on Edit Icon > in the Comments Section gadget.


To display recent comments on your website, use our shortcode as shown in the above image also you can adjust the number of comments easily.

16: Footer Social Media

- Open Layout > then click on Edit Icon > in the Footer Section




Here you can add social media icons to display on your blog links of social media display in Footer Section

Social Icons :- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.

17: Footer Pages

Open Layout > then click on Edit Icon > in the Footer Menu

here you can insert your pages links to show at bottom of the template as shown in above image

18: Footer Copyright

Open Layout > then click on Edit Icon > in the Footer Copyright


Here you can insert your website footer credit link but only for premium users's free users are not able to remove and edit our website link at the footer.

19: Cookies Consent

- Open Layout > then click on Edit Icon > in the Cookies Consent



Cookies consent is an advanced plugin system provided by piki templates where you can set Cookies to expire days so that it will store some bytes of data in users device so that next time when your visitor revisit again to your website it loads faster and give an enhanced user experience.

20: Turn Blog Feed " Full "

- Open Blogger Dashboard > Tap on Settings then Scroll to Other > Site Feed 

here by default Blog Site Feed is Always Full (Not Change to its Options) 
Note:- Follow the instructions given here to turn on blog feed in full mode always.




Post a Comment

45Comments
Community Rules & Guidelines
1: Do not post email-id or any kind of personal information.
2: Do not post your own blog/website links.
3: For Help & Support use the Contact Us form.
*Comments will not be approved if the above rules are not followed!
  1. Please Upload Documatition Quick Indeed So Much

    ReplyDelete
  2. Please upload The Documentation we need it you have long time 😠

    ReplyDelete
  3. How to change home page download button color?

    ReplyDelete
  4. Uso em meu Site, perfeito demais, modifiquei ele todo e estou amando

    ReplyDelete
  5. How to creat download button. Kindly give me html of download button.

    ReplyDelete
  6. pls provide starl rating for this template

    ReplyDelete
  7. Your site is the best source of information, it was very helpful. Thanks for sharing.
    Also try Roblox Mod Apk.

    ReplyDelete
  8. Related posts are not showing in appiki template, on my website

    ReplyDelete
    Replies
    1. Send your website link here pikitemplates@gmail.com

      Delete
  9. Thanks for sharing this wonderful information. Your information is very helpful for me.
    Play matka online
    Play matka online
    Play matka online

    ReplyDelete
  10. I am not getting shortcode for download button. Please tell me how can I use download button

    ReplyDelete
    Replies
    1. Use latest version and use correct shortcode from our well designed documentation

      Delete
  11. There's a problem with the load more button , when using the button I was sent to the multiple page sections and when I use the page 2 the apps on the 1st page are repeated and when I try to go back to the first page it sends me to home page . Please help anyhow I can fix this issue. And also how to change you may like posts to other labels.

    ReplyDelete
    Replies
    1. We're using advance load more button system which helps you to load the all posts in number pagination.

      Delete
  12. Please add star rating
    And there is a issue with show more in the blog posts the apps are repeated on multiple pages. Please help.

    ReplyDelete
    Replies
    1. If apps repeated please use label in recent shortcode.

      Delete
  13. How to add more icons in the main menu, are there any codes?

    ReplyDelete
    Replies
    1. Just tap on Add new item option as shown in above image of Menu Documentation

      Delete
  14. How to add horizontal grid to photo in Appiki template?

    ReplyDelete
  15. please i need metod how to create redirect page in appiki template

    ReplyDelete
    Replies
    1. You can setInterval function, please reach us

      Delete
  16. Best regards, I have a question when it comes to placing the ads in the design they are not shown on the web page, I use AdsTerra and they are still not shown, and how can I get a download button

    ReplyDelete
    Replies
    1. Please check properly ads code placed perfectly or not, if still problem didn't solve contact your ad network partner.

      For Download button please check our shortcode page.

      Delete
  17. How to use a QR image in a page when I upload an image in a page it doesn't show . Any solution?

    ReplyDelete
    Replies
    1. Just like simple image of post upload in jpg or png format.

      Delete
  18. Author Box not showing on post page...

    ReplyDelete
    Replies
    1. Turn Author Profile Visibility from blogger setting.

      Delete
  19. Google ads के अलावा और कोई ads नही लगा सकते है क्या

    ReplyDelete
    Replies
    1. Sir you can use any ad code easily in our templates.

      Delete
  20. But how to upload the Application APK file or AAB ?

    ReplyDelete
    Replies
    1. Use 3rd party service like dropbox or google drive to generate direct download links and place in your website.

      Delete
Post a Comment