How To Setup Next Blogger Template [Templateify]

3 months ago 18

Next Blogger Template is simply a modern, futuristic, and responsive template that makes creating a website oregon blog casual with conscionable a fewer clicks. With its cleanable plan and intuitive interface. Next is cleanable for bloggers who privation to marque their contented look nonrecreational and attractive.
You person made a bully determination by choosing our template. You tin cheque the unrecorded demo oregon download the template done the fastener beneath and besides Please Read this documentation cautiously successful bid to acceptable up your blog and delight enactment that there’s nary enactment for escaped users.

Widget Settings:

Tobar Menu



Topbar Icons

Access your blog Layout > and click connected the Edit Icon > successful the Topbar Icons gadget.

Supported Icons: 

bloggerappleamazonmicrosoftfacebookfacebook-ftwitterrssyoutubeskypestumbleupontumblrvkstack-overflowgithublinkedindribbblesoundcloudbehancedigginstagrampinterestpinterest-ptwitchsteamdeliciouscodepenflipboardredditwhatsapptelegrammessengersnapchatemaildiscordquorashareexternal-link

Widget Settings:

Topbar Icons

Access your blog Layout > and click connected the Edit Icon > successful the Mobile Logo Section gadgets.

Access your blog Layout > and click connected the Edit Icon > successful the Header Menu gadget.

Normal Link and DropDown Options:

Homepage Link Example: Add the substance and successful the tract url tract add {homepage}
Normal Link Example: Features
SubLink Level 1 Example: _Level 1 "Before the Title add 1 underscore"
SubLink Level 2 Example: __Level 2 "Before the Title add 2 underscore"

Main Menu Settings:

Menu Settings


ALERT: Level 2 Links indispensable beryllium betwixt oregon beneath level 1 links.

Home Link Settings:

Homepage Link


Mega Menu Options:

Shortcode: {getContent} $label={Your Label}
Shortcode Label: label or recent

What are Label?

Post Labels


Shortcode Example: {getContent} $label={Laptops}

Mega Menu Settings:

Mega Menu Shortcode


SAVING: After adding each the desired links and organizing them successful the close position, click connected the Save Button.

Featured Posts

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScript or Popular Posts > successful the Featured Posts section.

Shortcode: 

{getContent} $label={Your Label}
Shortcode Label:  label or recent
Shortcode Example: {getContent} $label={Laptops}

By HTML/Javascript:

Featured Post


By Popular Posts:

Featured Post by Popular



Header ADS

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScriptImage or AdSense > successful the section Header ADS.

HTML/JavaScript Example:

Header Ads


Content Section 1 / Content Section 2

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScript > successful the sections Content Section 1 or Content Section 2.

Shortcode: 

{getContent} $results={Number of Results} $label={Your Label} $type={Custom Type}
Shortcode Results:  You indispensable adhd the desired fig of results.
Shortcode Label:  label or recent
Shortcode Types:  block1block2grid1grid2colLeftcolRightvideo
Shortcode Example: {getContent} $results={5} $label={Laptops} $type={block1}

By HTML/Javascript:

Content Sections


NOTE: You tin adhd arsenic galore gadgets arsenic you like. But they are optional and, if you wish, you tin region them astatine immoderate time.

Main ADS 1 / Main ADS 2

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScriptImage or AdSense > successful the sections Main ADS 1 or Main ADS 2.

HTML/JavaScript Example:

Main Ads



Main Posts

Access your blog Layout > and click connected the Edit Icon > successful the Main Posts/Blog Posts gadget.

Widget Settings:

Blog Posts


Comments Settings:

The remark settings are intuitive similar ne'er seen before. The caller shortcodes should beryllium added successful > Layout > Blog Posts > Comments Field.

Blogger Shortcode: 

$type={blogger}
Disqus Shortcode: $type={disqus} $shortname={templateify-comments}
Custom Disqus Shortcode: $type={disqus} $shortname={Your Shortname}
Facebook Shortcode: $type={facebook}

For facebook comments to enactment correctly, you request to configure the facebook SDK.


Table of Contents

This relation is disposable for posts and pages and tin beryllium added easy via shortcode.

Shortcode: 

{tocify} $title={Table of Contents}

NOTE: After adding a Shortcode use the Bold style.

Example:

Table of Content



In-Article ADS connected "Post Page"

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScriptImage or AdSense > successful the sections Post ADS 1 ( before content and Post ADS 2 ( after content ).

HTML/JavaScript Example:

Post Ads 1 and 2


Move Post ADS 1 and Post ADS 2 to wrong the station content:

Sortcode ADS 1: $ads={1}
Sortcode ADS 2: $ads={2}

NOTE: After adding a Shortcode use the Bold style. Example: 

$ads={2}

Example:

In-Article Ads


IMPORTANT: The advertisement volition lone look if you person inserted successful the section, if you privation to fell conscionable region cheque to not show oregon region the gadget. 

Author Box

The widget receives the blogger illustration informations automatically, As agelong arsenic your illustration is marked arsenic public. The icons are displayed if determination are links successful the introduction.

Supported Icons: 

bloggerappleamazonmicrosoftfacebookfacebook-ftwitterrssyoutubeskypestumbleupontumblrvkstack-overflowgithublinkedindribbblesoundcloudbehancedigginstagrampinterestpinterest-ptwitchsteamdeliciouscodepenflipboardredditwhatsapptelegrammessengersnapchatemaildiscordquorashareexternal-link

Blogger Settings: Go to https://www.blogger.com/edit-profile.g

Find for Additional Information > Introduction > and adhd your statement with HTML links.

HTML Link: 

<a href="Your Link Here">Icon Name</a>
HTML Link Example: <a href="https://facebook.com/templateify">facebook</a>

Author Settings


IMPORTANT: The "Introduction" is required for the writer container to beryllium displayed! But the links are not required. 

Access your blog Layout > and click connected the Edit Icon > successful the Related Posts gadget.

Shortcode: 

$results={Number of Results}
Shortcode Example: $results={3}

Widget Settings:

Related Posts



Post ADS 3

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScriptImage or AdSense > successful the section Post ADS 3.

HTML/JavaScript Example:

Post Ads 3



Social Buttons connected Sidebar

Access your blog Layout > and click connected the Add a Gadget > Link List > successful the Sidebar section.

Supported Icons: 

bloggerappleamazonmicrosoftfacebookfacebook-ftwitterrssyoutubeskypestumbleupontumblrvkstack-overflowgithublinkedindribbblesoundcloudbehancedigginstagrampinterestpinterest-ptwitchsteamdeliciouscodepenflipboardredditwhatsapptelegrammessengersnapchatemaildiscordquorashareexternal-link

Widget Settings:

Social Button connected  Sidebar



Post Widgets connected Sidebar

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScript > successful the Sidebar section.

Shortcode: 

{getContent} $results={Number of Results} $label={Your Label} $type={Custom Type}
Shortcode Results:  You indispensable adhd the desired fig of results.
Shortcode Label:  label or recent
Shortcode Types:  defaultminicomments
Shortcode Example: {getContent} $results={4} $label={Laptops} $type={mini}

NOTE: The 

$label={} attribute is not required for the comments type.

Widget Settings:

Posts Widgets connected  Sidebar

Footer ADS

Access your blog Layout > and click connected the Add a Gadget > HTML/JavaScriptImage or AdSense > successful the section Footer ADS.

HTML/JavaScript Example:

Footer Ads



About Section

Access your blog Layout > and click connected the Edit Icon > successful the About Section gadgets.

1.1 - About Us


1.2 - Follow Us

Supported Icons: bloggerappleamazonmicrosoftfacebookfacebook-ftwitterrssyoutubeskypestumbleupontumblrvkstack-overflowgithublinkedindribbblesoundcloudbehancedigginstagrampinterestpinterest-ptwitchsteamdeliciouscodepenflipboardredditwhatsapptelegrammessengersnapchatemaildiscordquorashareexternal-link

Widget Settings:

About Us Social Icons



Footer Copyright (Premium)

Access your blog Layout > and click connected the Edit Icon > successful the Footer Copyright gadget.

For mean credits adhd 'normal' into the abstraction for customized credits adhd your credits arsenic shown below.

Widget Settings:

Custom Credits



Access your blog Layout > and click connected the Edit Icon > successful the Footer Menu gadget.

Widget Settings:

Footer Menu



Cookie Consent

Access your blog Layout > and click connected the Edit Icon > successful the Cookie Consent gadget.

Shortcode: 

$ok={Button Text} $days={Expires Days}
Shortcode Example: $ok={Accept !} $days={7}

Widget Settings:

Cookie Consent



Site Feed

Access your blog Settings > and spell to Site Feed.

Site Feed Settings:

Site Feed


IMPORTANT: For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others enactment normally, you indispensable configure the tract provender to "Full".

Theme Options

1.1 - Facebook SDK

The Facebook Comments lone enactment if you person the Facebook SDK installed connected your theme. See beneath for the steps to get and instal the Facebook SDK.

Get SDK:

Step 01: Go to https://developers.facebook.com/docs/plugins/page-plugin/ and click on Get Code button and transcript the SDK Script.

Copying SDK:

Facebook SDK


SDK en_US:

https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0

Installing SDK:

Access your blog Layout > and click connected the Edit Icon > successful the Theme Options > Facebook SDK gadget.

Widget Settings:

Facebook SDK Settings


1.2 - No Thumbnail Image

Access your blog Layout > and click connected the Edit Icon > successful the Theme Options > No Thumbnail Image gadget.

Widget Settings:

No Thumbnail Image


1.3 - JSON Variables

Access your blog Layout > and click connected the Edit Icon > successful the Theme Options > JSON Variables gadget.

{
  viewAllText"View all",
  dateFormat"{m} {d}, {y}",
  months: {
    jan"January",
    feb"February",
    mar"March",
    apr"April",
    may"May",
    jun"June",
    jul"July",
    aug"August",
    sep"September",
    oct"October",
    nov"November",
    dec"December"
  }
}

viewAllText: default is 

View all
dateFormat: default is {m} {d}, {y}
months: default is JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember

Widget Settings:

JSON Options


IMPORTANT: This functionality is lone valid for {getContent} Gadgets and Related Posts. Other formats are changed successful the blog settings.

Read Entire Article