Missile 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 !
- Installisation - How to Install Blogger Template with Clean Gadgets
- Video Docs - Video Documentation of Blink template
- Shortcut Codes - Piki Templates Posts, Pages, and Buttons Short Codes
Here is a detail Documentation of Missile - Template
Read Carefully to Install all Gadgets on Your Website
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.
Facebook Sdk (Plugin) :- here you can use this gadget to install facebook comment box and facebook page in sidebar. For More Click Here.
Below in details All Important steps Provided for setup
Below in details All Important steps Provided for setup
Use below shortcut code
commentsSystem = facebook or disqus or blogger
Note:- Many Users Facing Problem adding Disqus Comment Box make sure you have added website link and created profile shortname in Disqus.
Related Posts/ Email Text :- Open Layout > then click on Edit Icon > in the Related Posts/ Email text gadget.
Here you can set follow by email text and related posts title also you can set number of related posts easily without any trouble. To change load more text edit and change from here above link list option listed.
Lazy Scrolls/ More Text :- Open Layout > then click on Edit Icon > in the Lazy Scrolls/ More Text gadget.
Here you can set Sticky Sidebar and Sticky Menu easily by giving value true or false. as shown in the above image.
Main Logo
:- Open Layout > then click on Edit Icon > in
the Main Logo (Header) gadget.
Note:- Use optimised image in your head logo to enhance website speed
.
Homepage Menu :- Open Layout > then click on Edit Icon > in the Homepage Menu gadget.
All the Homepage menu items can be edit and can be changed properly above the image is provided you to understand properly.
This will helps to scroll the menu in all listed elements on Homepage easily with the of these id's like #header-nos. We have pre installed these id's within template Not only this you can also use Link to show here as per your choice.
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.
To Create Mega Menu use Code
1:- For Recent Posts in Mega Menu
Use Shortcut Code :-
Happy Life (in First Box)
megamenu/recent (in Second Box)
Just Put label = recent or label = Happy Life to display Feature Posts
here you can use this gadget to implement your ads in your posts section only. these 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
Use the Shortcode :- (ads1)
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
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.
All the Features are Designed in this template you can use on your blog
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
here you can insert your pages links to show at bottom of the template as shown in above image
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)
All the main menu items can be edit and can be changed properly above the image is provided you to understand properly.
To Create Mega Menu use Code
1:- For Recent Posts in Mega Menu
Use Shortcut Code :-
Happy Life (in First Box)
megamenu/recent (in Second Box)
2 :- For Label Posts in Mega Menu
Use Shortcut Code :-
Happy Life (in First Box)
megamenu/Happy Life (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)
Use Shortcut Code :-
Happy Life (in First Box)
megamenu/Happy Life (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
.
Main Banner :- Open Layout > then click on Edit Icon > in the Main Banner (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and color. Title and description can shown here with Linking button, to change button text go to Top Admin Panel widget to change text.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Service Box Title :- Open Layout > then click on Edit Icon > in the Service Box Title (section) gadget.
Here you can use this section you can Change Title and Description of widget easily with the help of this Text Gadget.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Service Box :- Open Layout > then click on Edit Icon > in the Service Box (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and Font Awesome 5 Free Codes.
Go the Link to Select Font Awesome Icon Code and use it on your blog
Here you can select Font Awesome Icon code to show like fa-asterisk paste in link box above in place of image.
If You can want to Use only image then put image text in link tag.
Title and description can be Change from title and caption boxes above.
Note:- All the Shortcut Codes Already installed and Provided with Template .
News Panel :- Open Layout > then click on Edit Icon > in the News Panel (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and color. Title and description can shown here with Linking button, to change button text go to Top Admin Panel widget to change text.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Project Box Posts :- Open Layout > then click on Edit Icon > in the Project Box Posts (section) gadget.
Here you can use this section to display Responsive Feature with both label and Recent Shortcut Code
For Featured Recent Posts :-
Use this Shortcut Code
Here you can use this section to display Responsive Feature with both label and Recent Shortcut Code
For Featured Recent Posts :-
Use this Shortcut Code
6/block/recent
For Featured Label Posts :-
Use this Shortcut Code
For Featured Label Posts :-
Use this Shortcut Code
6/block/Your Label
Just Put label = recent or label = Happy Life to display Feature Posts
and type of shortcode is type = block
Note:- All the Shortcut Codes Already installed and Provided with Template .
Completed Projects Data :- Open Layout > then click on Edit Icon > in the Completed Projets Data (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and Font Awesome 5 Free Codes.
Go the Link to Select Font Awesome Icon Code and use it on your blog
Here you can select Font Awesome Icon code to show like fa-asterisk paste in link box above in place of image.
If You can want to Use only image then put image text in link tag.
Title and description can be Change from title and caption boxes above.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Our Team Boxes :- Open Layout > then click on Edit Icon > in the Our Team Boxes (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and color. Title and description can shown here.
No need to edit link button its disabled by default
No need to edit link button its disabled by default
Note:- All the Shortcut Codes Already installed and Provided with Template .
Scroll Panel :- Open Layout > then click on Edit Icon > in the Scroll Panel (section) gadget.
Here you can use this section to display Responsive Text widget alon with title and description where by default scroll to contact form id used as shown in above image.
you can replace and change the text easily from here
you can replace and change the text easily from here
Note:- All the Shortcut Codes Already installed and Provided with Template .
Top Services Box :- Open Layout > then click on Edit Icon > in the Service Box (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and Font Awesome 5 Free Codes.
Go the Link to Select Font Awesome Icon Code and use it on your blog
Here you can select Font Awesome Icon code to show like fa-asterisk paste in link box above in place of image.
If You can want to Use only image then put image text in link tag.
Title and description can be Change from title and caption boxes above.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Open Layout > then click on Edit Icon > in the Top / Bottom Posts Ad (section) gadget.
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)
Post Author Social icons :- Open Blogger Setting > then Choose Edit Blogger Profile > and paste ShortCode.
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>
HTML Code :- <a href="Your Link Here">Icon Name</a>
HTML Example :- <a href="https://instagram.com/pikitemplates">instagram</a>
Social Icons :- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.
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
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
Testimonial Boxes :- Open Layout > then click on Edit Icon > in the Testimonial Boxes (section) gadget.
Here you can use this section to display Responsive Main Banner Image with help of LinkList Widget Easily also you can use your own custom image and color. Title and description can shown here with Linking button, you can change author text.
Note:- All the Shortcut Codes Already installed and Provided with Template .
Brand Icons :- Open Layout > then click on Edit Icon > in the Brand Icons (section) gadget.
Here you can use this section to you can display your brand icons easily put your image link in title box and leave link boxes.
Note:- All the Shortcut Codes Already installed and Provided with Template .
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.
All the Features are Designed in this template you can use on your blog
Footer Contact List :- Open Layout > then click on Edit Icon > in the Footer Contact List (section) gadget.
Here you can use this section to display address and bio data related your website easily with Font Awesome 5 Free Codes.
Go the Link to Select Font Awesome Icon Code and use it on your blog
Here you can select Font Awesome Icon code to show like fa-asterisk paste in link box above in place of image.
Title can be Change from title boxes as above shown in image.
Note:- All the Shortcut Codes Already installed and Provided with Template .
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.
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.
