Documentation of Piki True Job Premium Template:-
Follow Carefully Each Code is Provided Below

Piki True Job:- Is Template Which categorise each post in different boxes sections with their labels to manage easily from layout. this template is basically best for educational portal websites with jobs website. all the boxes are padding with responsive design to fit in every screen resolution size and devices. Blogger is amazing platform so that's why this template is basically providing fulfill needs of customers. Responsive designs with SEO friendly and AdSense friendly Multiple Features


Video Documentation :-



Admin Control Pannel:-


Only for admin of the blog can Manage this Layout Options.



 - Theme Options -


Full Width:-


Open your blog Layout > and then click on the Edit Icon > in the Custom Scripts gadget.






Here you can adjust Fill Width and Normal Responsive Size width in your Template. 

To Adjust Simple Type True or False



SDK Code:-

Open your blog Layout > and then click on the Edit Icon > in the SDK Code gadget.

Here you can insert your SDK code for customisation purpose

Custom Scripts:-

Open your blog Layout > and then click on the Edit Icon > in the Custom Scripts gadget.


Here You can Insert Custom Scripts like Push Button And much more
Note:- using function only for script like SDK code

PageNavi Result:-

Open your blog Layout > and then click on the Edit Icon > in the PageNavi Result gadget.



You can change number of posts to show on homepage
(but by default we hide blogger main posts from template
if you want to show on blogger you need to edit and modify 
blog1: display: none command

Adjust number of posts to showing in blogger: 1 to so on


Header Logo :-


Open  your blog Layout > and then click on the Edit Icon > in the gadgets Main Logo .







Here can type Your blog name and your blog description as you want to show on your blog
Note:- do not upload your logo here (Text allowed)

Main Menu:-
 Open your blog Layout > and then click on the 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.



 To Create submenu use underscore tab ( _submenu)

To Create more merging submenu use double underscore tab ( __submenu)



Note:- insert underscore properly to show sub menu



Highlighted (Trending):

Open your blog Layout > and then click on the Edit Icon > in the Trending gadget.




Here below the box code is provided you change the moving lines along the left to right

by default this code already provided within Template already installed.

Further you can copy from here





Copy The Code Below :-


<div class="visible" align="center">
    <marquee behavior="alternate" scrollamount="2" onmouseover="if (!window.__cfRLUnblockHandlers) return false; this.stop();" onmouseout="if (!window.__cfRLUnblockHandlers) return false; this.start();"><a class="marquee1" href="https://pikitemplates.com" target=_blank>Bank Manager Admit Card 2019</a> || <a class="marquee2" href="https://pikitemplates.com" target=_blank>Nursing exam Result 2019</a> | | <a class="marquee1" href="https://pikitemplates.com" target=_blank>Army department Manager Admit Card 2019</a></marquee>
</div>
<div align="center">
    <marquee behavior="alternate" scrollamount="3" onmouseover="if (!window.__cfRLUnblockHandlers) return false; this.stop();" onmouseout="if (!window.__cfRLUnblockHandlers) return false; this.start();"><a class="marquee1" href="https://pikitemplates.com" target=_blank>Food Department Manager Admit Card 2019</a> || <a class="marquee2" href="https://pikitemplates.com" target=_blank>SSC Result 2019</a> | | <a class="marquee1" href="https://pikitemplates.com" target=_blank>Army department Manager Admit Card 2019</a></marquee>
</div>
<div align="center">
    <marquee behavior="alternate" scrollamount="2" onmouseover="if (!window.__cfRLUnblockHandlers) return false; this.stop();" onmouseout="if (!window.__cfRLUnblockHandlers) return false; this.start();"><a class="marquee1" href="https://pikitemplates.com" target=_blank>Army department Manager Admit Card 2019</a> || <a class="marquee2" href="https://pikitemplates.com" target=_blank>AAA Board Result 2019</a> | | <a class="marquee1" href="https://pikitemplates.com" target=_blank>Army department Manager Admit Card 2019</a></marquee>
</div>


You can copy from here


Note:- rename above link and title Manually


Grid Box:-


Open your blog Layout > and then click on the Edit Icon > in the Highlighted gadget.






here you can insert your label to show Highlighted posts in your blog




Shortcut Code: <span data-ptpe="pgrid" data-label="All State Jobs" data-no="8"></span>


Short Code

<span data-ptpe="pgrid" data-label="All State Jobs" data-no="8"></span>


Here,

• data-no can adjust number of posts.

• data-label can adjust label.


the particular label you enter in your website template will load that posts automatically




Note:- Be ensure to put your label/recent posts as same as you have given in your post like first character is capital or not .

Highlighted 1 :-


 Open your blog Layout > and then click on the Edit Icon > in the Featured Section gadget.







here you can insert your link and title to show Notice Board in your blog




Copy The Code Below :-

SDK en_US:

<table width="100%">
    <tr style="background: #00adea;">
        <th colspan="5" style="height:20px; padding-left:3px;font-size:15px">
            <font color="white">Notice Board</font>
        </th>
    </tr>
    <tr style="border:1px solid #959595">
        <th colspan="4" id="hindi" style="height:auto;padding-left:3px;text-align: justify;">
            <font style="font-weight:normal">Indian Army Technical Recruitment <span style="color: red;">Latest Vacancy Available (Oct -2019) </span> </font>
        </th>
        <th colspan="1" style="height:auto; padding-left:3px;"> <a href="#"><button style="background: #00adea; height:20px; width:70px; text-align:center;color:white; line-height: 16px; font-size:14px;">Visit</button></a> </th>
    </tr>
</table>


You Can Copy this Code





Note:- rename above link and title Manually

Featured:-

Open your blog Layout > and then click on the Edit Icon > in the All State Jobs gadget.








here you can insert your label to show Highlighted posts in your blog




Shortcut Code: <span data-ptpe="mpiki" data-label="All State Jobs" data-no="6"></span>


Shortcut Code

<span data-ptpe="mpiki" data-label="All State Jobs" data-no="6"></span>


Here,

• data-no can adjust number of posts.

• data-label can adjust label.



the particular label you enter in your website template will load that posts automatically



Note:- Be ensure to put your label/recent posts as same as you have given in your post like first character is capital or not .



Main Posts of Blog:-

Open your blog Layout > and then click on the Edit Icon > in the Main Posts gadget.




Here is the main post a blog which can be modified and edited as per your requirement.

you can adjust number of posts that you want to show in your blog.

you can change the format of date as shown in your blog.

and other various options are available here as shown in above image.

Note:- You can arrange each options as per your requirement



Post ads Top/Bottom Section:-

Open your blog Layout > and then click on the Edit Icon > in the HTML/JavaScript gadget.



Remove the code inside box and paste your ad code 
these ad codes are showing inside the post in top and bottom 



- Sidebar Layout -

Popular Posts:-


Open blog Layout > and then click on the Edit Icon > in the Popular Posts gadget.




You can change the title and number of posts and snippet data which you want to show in your blog.



Search Here:-

Open your blog Layout > and then click on the Edit Icon > in the Search Here gadget.





To create Google search box follow the simple steps

(1) First of all go to the link :- https://cse.google.com/cse/create/new?hl=en




(2) Create Search Engine code Enter Website title and link as shown in Above images


Note:- Entry website link correctly in above images shown (no https:// or http or any / sign)



(3) After Setting up this as shown in above images Note save and Get the code


Note:- Select Compact mode step (3) as shown in image


(4) Copy the code and paste in search box


Note:- Copy and the code as highlighted in above image







Social Icons:-



Open your blog Layout > and then click on the Edit Icon > in the Social Icons gadget.




Here you can change link of social media icons and title



Shortcut Code:


<div class="kt-social-buttons-widget">
    <ul class="sidebar-social clearfix">
        <li><a href="https://pikitemplates.com" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li>
        <li><a href="https://pikitemplates.com" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li>
        <li><a href="https://pikitemplates.com" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li>
        <li><a href="https://pikitemplates.com" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li>
    </ul>
</div>

To change sidebar social media icons edit and remove and change with your link.

Here are the various popular social supported icons are listed here:

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





Footer Description:-



Open your blog Layout > and then click on the Edit Icon > in the Footer Description gadget.





Here you can Change this Footer Description as your requirement to show on bottom of website


Footer Pages:-

Open your blog Layout > and then click on the Edit Icon > in the Footer Pages gadget.


Here are the footer pages linked list you can edit and change it with your particular page link.

Turn Blog Feed ' Full ' :-

Open your blog Setting > and then click on the Other > in the Allow Blog Feed option.

Please note that turn your blog feed ' Full ' so that all the featured posts,comments, article, Gadgets section are properly loaded on your website 
Note:- follow the instructions giving here to turn on blog feed in full mode.