[ad_1]
EcoBoost is a tremendous Blogger Template that allows you to create an expert web site and handle your weblog for any portfolio area of interest. EcoBoost is supplied with varied widgets that can assist you publish your weblog extra professionally.
You may examine the reside demo or obtain the template by the button under and in addition Please Learn this documentation rigorously with the intention to arrange your weblog and please word that there’s no help without cost customers.
Scrolling Menu
Entry your weblog Structure > click on Edit icon on Scrolling Menu Part widget.
Observe : –Â Updating This menu is little bit difficult, because it would not work usually, it helps your weblog customer to scroll easily when clicked, however on the similar time you may also add reside hyperlinks. Within the present setup do not edit the url, however if you wish to add any new label within the menu the easy add desired textual content with desired url.Â
Observe* : –Â If you’ll edit the url in present construction then the scrolling impact is not going to work.
Foremost Menu/DropDown/Multi DropDown
Entry your weblog Structure > click on Edit icon on Foremost Menu widget.
Regular Hyperlink :Â Dropdown
Sub Hyperlink: _Multi Dropdown (earlier than the hyperlink add “https://www.sorabloggingtips.com/2024/11/_“) 1 underscore
Sub Hyperlink 2:Â __Dropdown 1Â (earlier than the hyperlink add “https://www.sorabloggingtips.com/2024/11/__“) 2 underscore
Regular Hyperlink :Â Dropdown
Sub Hyperlink: _Multi Dropdown (earlier than the hyperlink add “https://www.sorabloggingtips.com/2024/11/_“) 1 underscore
Sub Hyperlink 2:Â __Dropdown 1Â (earlier than the hyperlink add “https://www.sorabloggingtips.com/2024/11/__“) 2 underscore
Foremost Intro
Model Logos
Block 1 & 2
Entry your weblog Structure > click on Edit icon > on Block 1 & 2 widget’s.
Widget Settings EX:
How one can get FontAwesome icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Discover icon EX:
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Widget Settings EX:
How one can get FontAwesome icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Discover icon EX:
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Featured Picture
Faq Part
Entry your weblog Structure > click on Edit icon on Faq Part widget.
Entry your weblog Structure > click on Edit icon on Faq Part widget.
Headline Textual content 01, 02, 03, 04, 05 (Heading and Description)
Pricing Widget
Entry your weblog Structure > click on Edit icon > on Pricing Desk widget’s.
Add your Topic Line as desired and use under code to advert the desk.
<div class=”price_card_header”>
<span class=”price_card_price”>$10</span>
<span class=”price_card_name”>Month-to-month</span>
</div>
<ul class=”price_card_features”>
<li>Full documentation</li>
<li>Working supplies in PSD and Sketch format</li>
</ul>
<div class=”price_card_button”><a category=”button btn cart” href=”#”>Purchase Now</a></div>
<span class=”price_card_tip”>* Nice for novices!</span>
Widget Settings EX:
Entry your weblog Structure > click on Edit icon > on Pricing Desk widget’s.
<div class=”price_card_header”>
<span class=”price_card_price”>$10</span>
<span class=”price_card_name”>Month-to-month</span>
</div>
<ul class=”price_card_features”>
<li>Full documentation</li>
<li>Working supplies in PSD and Sketch format</li>
</ul>
<div class=”price_card_button”><a category=”button btn cart” href=”#”>Purchase Now</a></div>
<span class=”price_card_tip”>* Nice for novices!</span>
Widget Settings EX:
Service Listing Widget
Entry your weblog Structure > click on Edit icon > on Service Listing widget’s.
Widget Settings EX:
How one can get FontAwesome or Remixicon icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Discover icon EX:
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Widget Settings EX:
How one can get FontAwesome or Remixicon icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Information Field ( 01, 02 03 )
Foremost Slider
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Foremost Slider part, you could place the next names highlighted in blue under.
a) With Shortcodes
Shortcode: Variety of Posts/Label, current or random/slider
Instance:Â 6/Anime/slider
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Foremost Slider part, you could place the next names highlighted in blue under.
a) With Shortcodes
Shortcode: Variety of Posts/Label, current or random/slider
Instance:Â 6/Anime/slider
b) With Standard Publish
Foremost Testimonials
Publish Layouts
Left Sidebar: Contained in the put up add the textual content left-sidebar and add the fashion Strikethrough
Full Width: Contained in the put up add the textual content full-width and add the fashion Strikethrough
Proper Sidebar: Contained in the put up add the textual content right-sidebar and add the fashion Strikethrough
Left Sidebar: Contained in the put up add the textual content left-sidebar and add the fashion Strikethrough
Full Width: Contained in the put up add the textual content full-width and add the fashion Strikethrough
Proper Sidebar: Contained in the put up add the textual content right-sidebar and add the fashion Strikethrough
Publish Listing Widget
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Sidebar or Footer part and observe the directions under.
Shortcode: Outcomes quantity/Label, current or random/post-list
Label Posts:Â 3/Know-how/post-list
Latest Posts:Â 3/current/post-list
Random Posts:Â 3/random/post-list
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Sidebar or Footer part and observe the directions under.
Shortcode: Outcomes quantity/Label, current or random/post-list
Label Posts:Â 3/Know-how/post-list
Latest Posts:Â 3/current/post-list
Random Posts:Â 3/random/post-list
Achievements (Counter)
Entry your weblog Structure > click on Edit icon > on Achievements widget’s.
Widget Settings EX:
How one can get FontAwesome or Remixicon icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Discover icon EX:
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Widget Settings EX:
How one can get FontAwesome or Remixicon icon identify ??
Step 1: Go to https://fontawesome.com/v4.7.0/icons/
Step 2:Â Open icon web page and replica “fa icon identify”.
EX:
Footer Navigation
Entry your weblog Structure > click on Edit icon on Prime Navigation or Footer Menu widget.
Entry your weblog Structure > click on Edit icon on Prime Navigation or Footer Menu widget.
Theme Choices
Entry your weblog Structure > click on Edit icon on Default Variables widget.
Publish Per Web page: In New Web site Title add postPerPage, in New Web site URL add the variety of outcomes, it ought to be the identical because the posts from the house web page, after click on on save button.
Feedback System: In New Web site Title add commentsSystem, in New Web site URL add the feedback sytem sort {blogger, disqus, fb or conceal}, after click on on save button.
Disqus Shortname: In New Web site Title add disqusShortname, in New Web site URL add your disqus remark system shortname, after click on on save button.
Publish Per Web page: In New Web site Title add postPerPage, in New Web site URL add the variety of outcomes, it ought to be the identical because the posts from the house web page, after click on on save button.
Feedback System: In New Web site Title add commentsSystem, in New Web site URL add the feedback sytem sort {blogger, disqus, fb or conceal}, after click on on save button.
Disqus Shortname: In New Web site Title add disqusShortname, in New Web site URL add your disqus remark system shortname, after click on on save button.
Fb Web page PluginÂ
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Sidebar or Footer part, and paste the code under.
<heart><div class=”fb-page” data-href=”https://www.sorabloggingtips.com/2024/11/https://www.fb.com/soratemplates” data-width=”360″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div></heart>
Observe: In Attribute data-href change the hyperlink per your fb web page url.
Entry your weblog Structure > click on Add a Gadget > HTML/JavaScript on Sidebar or Footer part, and paste the code under.
<heart><div class=”fb-page” data-href=”https://www.sorabloggingtips.com/2024/11/https://www.fb.com/soratemplates” data-width=”360″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div></heart>
Observe: In Attribute data-href change the hyperlink per your fb web page url.
Customizing Your Template
Entry your weblog Theme > click on Customise button.
Right here you’ll be able to change the background, and apply pre-defined colours
Clicking Superior You will notice the official choice to vary the Foremost Colours
Set up And Customized Providers
We offer loads of templates without cost however if you’d like one thing distinctive to your weblog then allow us to create a singular design to your weblog, Simply inform us your wants and we’ll convert your dream design into actuality. We additionally Present Blogger Template Set up Service. Our Set up service offers you a easy, fast and safe approach of getting your template setup with out problem.
Solely Premium Patrons will get the widget codes accessible within the demo.
[ad_2]