Diver Documentation with each step explained in detail Easy installation without any trouble follow the below documentation and install this pretty professional template. The widgets gadgets images have been attached properly where red tic marks for better understanding easily
We hope this might help you!
Here is a detailed Documentation of Diver Blogger -
Template
Read Carefully to Install all Gadgets on Your Website
- Buy Now: Diver Blogger Template - Download/Preview
- Installation: How to Install Blogger Template with Clean Gadgets
- Video Docs: Video Documentation of Diver Blogger template
- Shortcut Codes: Wire Templates Posts, Pages, and Buttons Short Codes
Read Carefully to Install all Gadgets on Your Website
1. How to Set Bootstrap Icons in Templates?
Get Bootstrap Icons Short Codes Visit Here. All the ShortCodes of Icons you can copy and use in below Link Boxes like Example : <i class="bi bi-0-circle"></i> Example:2. Admin Control Panel:
To edit or handle the blog posts, comments system, no. of posts, fixed menu, Facebook Comments System, etc. These Options Can be Controlled from Layout in Blogger Dashboard.2.1). Facebook Comments (Plugin):
Here you can use Facebook comment box and Facebook page easily 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:

Example to set Disqus Comment box:
Use below shortcut code: commentsSystem = facebook or disqus or blogger
disqusShortname = wiretemplates
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:Example of Related Posts:
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:
fixedMenu = true or false - you change sticky menu fixed to scrolled
showMoreText = Show More - you can easily change Show More text in Featured Posts
darkMode = true or false - you set Default Dark Mode (dark mode button hidden)
Note: Use only Lowercase(small letters) letter in shortcode as display in above image.
3. Main Logo:
Open Layout > then click on Edit Icon > in the Main Logo (Header) gadget. Example:
Here you can change your blog main logo click on upload option to use your new logo, and try to compress your logo (there're various online image png compression tools available) compression can help you to boost up your website speed.
For Dark Logo: You can upload dark logo easily, first of all upload dark image in post and copy img source link and then paste in link box as shown in above image.
Note: You can also use optional Dark Logo in Link Box just paste the logo image url.
4. Main Menu:
Open Layout > then Click on Edit Icon > in the Main Menu gadget. Example:

4.1). How to setup Sub Menu?:
Default Menu Example = Featured - for simple menu listSub-Menu Example = _Level 1 - just add 1 underscore before title
Double Sub-Menu Example = __Level 2 - just add 2 underscore before title
Note: Use single (_) underscore for sub menu and double underscrore (__) for double sub menu.
4.2). How to setup Mega Menu in Blogger?
For recent posts = megamenu/recent - this shortcode shows recent postsFor random posts = megamenu/random - this shortcode shows random posts
For specific label = megamenu/Your Label - this shortcode shows custom label posts
Note: Use the correct shortocde as shown in above image, Use lable name same exact as in posts either in Lowercase or Uppercase.
5. Main Recent Posts:
Open Layout > then click on Edit Icon > in the Main Recent Posts (section) gadget. Example:
How to hide 'Read More' title?
You can easily hide 'Read More' title from homepage, just type the shortcode (hide) in Read More box as shown in above image.
Shortcode Example: (hide) - type this shortcode in 'Read More' title box.
Note: Once your Adsense account approved you can show ads between posts, also manual ads can be place
6. Ad Code for Posts/Pages :
Open Post > then Choose area in Post > and paste ShortCode. Example:
6.1). How to setup unlimited ad Shortcode?
Use the ad shortcode = (ads) - This shortcode will not work if you didn't add ad code into "Ad Code for Posts/Pages" Section as shown in below image
Automatic Top/Bottom Post Ad - If you want to show the ads at Top and Bottom of Post automatically, then please turn ON these two gadgets "Show Top Ad" and "Show Bottom Ad". By Default they are turned On you can turn Off to stop showing automatic ads at Top/Bottom of Post.
Note: Do not put ad code in "Show Ad Top/Bottom" widgets, they're use as Turn On/Off button for showing automatic ads at Top/Bottom of Post).
6.2). How to setup Main ad code?
Go to the Layout > Select Ad Code for Posts/Pages > Put your ad code.
This is the main ad section which show ads on your website, you have to put ad code only here once. Its easy and simple to implement.
Benefits: Using ads with help of shortcode, gives you a powerful control to turn off ads at anytime from all posts also when you found scammers fake click activity or something else need to change ads from all posts at once with the help of these widegts.
Note: Remember don't forget to put ad code into "Ad Code for Posts/Pages" Section, other wise nothing will works.
7. Post Cards:
This Post Card option works in Pages and Posts both you can use the shortcode to implement post card easilyShortocde: (getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code) Shortocde: post, download, product, custom Example:

7.1). Post Type Card
Shortocde: (getCard) #type=(post) #title=(You might Like)Card Link: No Need to enter post link just type # or / anything in place of link box.

7.2). Download Type Card
Shortocde: (getCard) #type=(download) #title=(Diver_Blogger_template.zip) #info=(74.02kb) #button=(Download)Card Link: Use any link with open new window optional feature tick mark if needed.

7.3). Buy Type Card
Shortocde: (getCard) #type=(product) #title=(Diver Premium Template) #info=(09.95$) #button=(Buy)Card Link: Use any link with open new window optional feature tick mark if needed.

7.4). Custom Type Card
Shortocde: (getCard) #type=(custom) #title=(Custom Post Card) #info=(Info) #button=(Button) #icon=(download)Card Link: Use any link with open new window optional feature tick mark if needed.

Icon Code: This template use Bootstrap icons you can get all type icons according to your need and requirement, please go to here Bootstrap Icons and search icons.
Step 1: Go to Bootstrap Icons
Step 2: Search the icon from top search box and find that icons which you want click on that.
Step 3: Now just copy the icon code from right sidebar as shown in below example

For More buttons and shortcodes installation please visit this page here
Note: Please use icon code carefully only copy text inside span tag.
8. Post Split (Content Pagination):
With the help of this amazing post-split tool, you can easily divide the post into different paragraphs with buttons for pagination. just repeat the shortcode after different paragraphs like below.
Shortocde: (nextPage)
Example:

Note: You can also use Post Card inside the Post Split Paragraphs.
9. Post-Author Social icons:
Open Blogger Setting > then Choose Edit Blogger Profile > and paste ShortCode. Example:

9.1). How to setup Profile Social Media Links?
Shortcode for Social Media icons/links = <a href="https://instagram.com/wiretemplates">instagram</a> - this shortcode can be used to shows social media icons under your profileAdd this Short code :
Hello this is Jane Doe, I am Web Designer and Expert at Wire Templates
<a href="https://facebook.com/wiretemplates">facebook</a>
<a href="https://twitter.com/wiretemplates">twitter</a>
<a href="https://youtube.com/wiretemplates">youtube</a>
<a href="https://instagram.com/wiretemplates">instagram</a>
<a href="https://www.wiretemplates.com/">external-link</a>
Note: here in href replace with your own link of your social media links on your template
10. Facebook Page System:
Open Layout > then click on Edit a Gadget LinkList > in Variables/Comments.Remember: To Work Facebook Sidebar Like Page Box you have to set commentSystem facebook in Top Admin Pannel Section. Then facebook page like box automatically shown
Note: If you want to display Facebook Page in sidebar just set commentSystem facebook in Top Admin Pannel Section
11. Facebook Comment System:
Open Layout > then click on Edit Icon > in Variables/Comments > in Admin Section. Example:12. Sidebar Section:
Open Layout > then click on Edit Icon > in the Social Widget (section) gadget. Example:
Social Icons: This template support various social icons you can use as per your requirement, use only Lowercase characters.
13. Custom Subscription Box:
Open Layout > then click on Edit Icon > in the Follow by Email gadget. Example:
13.1). Custom Shortcode for Title and Caption:
Custom Subscription Box shortcode = (sibForm)SendinBlue Title Text shortcode = #title=(Follow by Email)
SendinBlue Caption Text shortcode = #caption=(Get Notified About Next Update Direct to Your inbox)
Use title and caption shortcode only if you want to modify the text and caption otherwise by default you have no need to use above title, caption shortcode code.
13.2). How to Create Custom Subscription Form Link:
To Create a Custom Subscription Form Link follow steps in below article.- Subscription Link: How to create custom Subscription Link?
Note: Remember to replace our default demo subscription link with your own subscription link.
14. Sidebar Posts Section:
Open Layout > then click on Edit Icon > in the Most Loved Section gadget. Example:
For random posts = 4/sidebar/random - this shortcode shows random posts
For specific label = 4/sidebar/Your Label - this shortcode shows custom label posts
Note: Use the correct shortocde as shown in above image, Use lable name same exact as in posts either in Lowercase or Uppercase.
15. Sidebar Comments Section:
Open Layout > then click on Edit Icon > in the Comments Section gadget. Example:
Note: Use the correct shortocde as shown in above image, Use lable name same exact as in posts either in Lowercase or Uppercase.
16. Footer Social Media:
Open Layout > then click on Edit Icon > in the Footer Section Example:
Note: here in href replace with your own link of your social media links on your template
17. Footer Pages:
Open Layout > then click on Edit Icon > in the Footer Menu Example:
Note: All the Shortcut Codes are already installed and provided with template.
18. Footer Copyright:
Open Layout > then click on Edit Icon > in the Footer Copyright Example:
Note: Only premium users can edit and remove, free users cannot remove our website link.
19. Cookies Consent:
Open Layout > then click on Edit Icon > in the Cookies Consent Example:
Change Number of days = #days=(20)
Note: Use this shortcode correctly as we provided here, you can adjust cookies expiry's date popup .
20. Feed Settings:
Open Blogger Dashboard > Tap on Settings then Scroll to Site Feed.This Blogger Templates support Short Feed System, please set to short mode for better speed and ehancement with security purpose to safe control your content.
By Turning on Short Feed System theme will load less data from blogger feed, which helps to increase your blogger website speed. Remeber this option works on our latest templates only.
Example:

Note: Please do not disable/off blogger feed system because this will affect your comments section and featured posts section. Its Recommend that you should trun on Short Feed.
21. How to Customize Diver Template?
Open Theme > then click on Customize and explore Background Colorsand Advance option.Fully Customizable: Edit Font Styles, Menu Colors, Widgets Colors, Footer Section and much more options.
Example:

Hi, I tried to use these code in my Driver V.1.0.0 theme, but non of these code is not working. Please help.
ReplyDeleteDear Customer, Please Contact us using below contact us options. So that we can help you.
DeleteContact us message is showing status "Sending...''. there is a mail id for wiretemplates so I sent a mail in that email id too. please check the same.
Delete