Documentation of Diver

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:

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 = 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:

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:

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
darkMode = true or false - you set Default Dark Mode (dark mode button hidden)

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.

4. Main Menu:

Open Layout > then Click on Edit Icon > in the Main Menu gadget. Example: All the main menu items are easy to edit and manage from layout as shown in above image to you understand properly, remeber to use correct format as ahown in above image also you can insert FontAwesome icons here just refer above - How to use FontAwesome icons section . What are Labels in Blogger?

4.1). How to setup Sub Menu?:

Default Menu Example = Featured - for simple menu list
Sub-Menu Example = _Level 1 - just add 1 underscore before title
Double Sub-Menu Example = __Level 2 - just add 2 underscore before title

4.2). How to setup Mega Menu in Blogger?

For recent posts = megamenu/recent - this shortcode shows recent posts
For random posts = megamenu/random - this shortcode shows random posts
For specific label = megamenu/Your Label - this shortcode shows custom label posts

5. Main Recent Posts:

Open Layout > then click on Edit Icon > in the Main Recent Posts (section) gadget. Example: 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 this main section.

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.

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.

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.

7. Post Cards:

This Post Card option works in Pages and Posts both you can use the shortcode to implement post card easily
Shortocde: (getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code) Shortocde: post, download, product, custom Example: These Post Cards are super flexible even works with optional usage of any value with easy integration.

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

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:

9. Post-Author Social icons:

Open Blogger Setting > then Choose Edit Blogger Profile > and paste ShortCode. Example: You can create this Blogger Profile easily by follwoing below steps that we provide here, Go to Blogger Click on Setting then at last click on edit profile put the code that we provide below Example: After editing, Blogger Author Profile Copy the code that we provide and paste in your blogger profile and replace social media links with your own pages links that you want to use. 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 profile
Add 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> 9.2). Supported Social Media icons: Social Media icons shortcode = facebook - whatsapp - instagram - pinterest - blogger - reddit - youtube - twitter - linkedin - blogger - google - apple - microsoft - facebook-f - rss - behance - stack-overflow - telegram - tumblr - dribbble - codepen - snapchat - email - github - stumbleupon - vk

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

11. Facebook Comment System:

Open Layout > then click on Edit Icon   > in Variables/Comments > in Admin Section. Example: To Work Facebook Comment Box you have to set commentSystem facebook in Top Admin Pannel Section. Then facebook comment system automatically shown

12. Sidebar Section:

Open Layout > then click on Edit Icon > in the Social Widget (section) gadget. Example: Here you can add a social media link in your sidebar by using shortcut code in LinkList Gadget as shown in the above image 12.1). Supported Social Media icons: Social Media icons shortcode = facebook - whatsapp - instagram - pinterest - blogger - reddit - youtube - twitter - linkedin - blogger - google - apple - microsoft - facebook-f - rss - behance - stack-overflow - telegram - tumblr - dribbble - codepen - snapchat - email - github - stumbleupon - vk

13. Custom Subscription Box:

Open Layout > then click on Edit Icon > in the Follow by Email gadget. Example: Here you can use this section to display Custom Subscription Email Box easily with Thrid Party Platforms like Brevo, Mailchimp. Just paste your subscription form link and done. You can also change title and caption easily with shortcode.

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?

Kindly visit above article to know more about, creating a custom subscription form 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: Here you can use this section to display Responsive Mega Grid Posts with  both label and Recent Shortcut Code 14.1). Use below shortcut code: For recent posts = 4/sidebar/recent - this shortcode shows recent posts
For random posts = 4/sidebar/random - this shortcode shows random posts
For specific label = 4/sidebar/Your Label - this shortcode shows custom label posts

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: