Beranda

Documentation of Sprinkle

Documentation of Sprinkle - Hallo sahabat Hakiki Digital, Pada Artikel yang anda baca kali ini dengan judul Documentation of Sprinkle, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Documentations, Artikel Piki Templates, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Documentation of Sprinkle
link : Documentation of Sprinkle

Documentation of Sprinkle

Sprinkle 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!

Buy Now: Sprinkle Blogger Template - Download/Preview
Installation - How to Install Blogger Template with Clean Gadgets
Video Docs - Video Documentation of Sprinkle Blogger template
Shortcut Codes - Piki Templates Posts, Pages, and Buttons Short Codes

Here is a detailed Documentation of Sprinkle Blogger - 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 the Facebook comment box and Facebook page in the sidebar. For More Click Here.

Below in details, All Important steps Provided for setup

Default Variables/Comments :- Open Layout > then click on Edit Icon > in the Default Variables gadget.

Here you can set DisqusShortname, and change your blog CommentSystem we Support 3 Comments Plugin Facebook, Disqus, Default Blogger
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 short name 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 many 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.

Top Breaking Post:- Open Layout > then click on Edit Icon > in the Top Breaking Post Section gadget.

1) You can use Popular Posts Gadget Also and Custom Trending Posts Gadget Also

For Trending Popular Posts:-
Use this Popular Posts Gadget Section

2) Trending Post Gadget with Jquery where you can insert label

Here you can use this section to display Responsive Breaking News Slider with both label and Recent Shortcut Code

For Recent Posts:-
Use this Shortcut Code

6/trending/recent

6/trending/random

For Label Posts:-
Use this Shortcut Code

6/trending/Your Label

Just Put label = recent or label = Happy Life to display Breaking Posts

and type of shortcode is type = trending

Note:- All the Shortcut Codes Already installed and Provided with Template.

Top Social Gadget:- Open Layout > then click on Edit Icon > in the Top Social Section gadget.

Here you can add a social media link in your topbar by using shortcut code in LinkList Gadget as shown in the above image. Remember these social media icons automatically shows into Mobile Menu Slider.

Social Icons:- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter, etc.

Main Logo :- Open Layout > then click on Edit Icon > in the Main Logo (Header) gadget.

Here you can change your blog main logo click on remove and upload your new logo to your website. and try to compress your logo (various online image png compression tools available) compression can help you to boost up your website speed.

Note:- Use the optimized image in your head logo to enhance website speed .

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 to you to understand properly.

What are Labels?

To Create Mega Menu use Code

1:- For Recent Posts in Mega Menu

Use Shortcut Code:-

Happy Life (in First Box)
megamenu/recent or megamenu/random(in Second Box)

2:- For Label Posts in Mega Menu

Use Shortcut Code:-

Your Title (in First Box)
megamenu/your label (in Second Box)

Make sure you use label correctly either First Word Capitalized or not

To Create a 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 .

Featured Posts :- Open Layout > then click on Edit Icon > in the Featured Posts (section) gadget.

1) You can use Popular Posts Gadget Also and Custom Featured Posts Gadget Also

For Featured Popular Posts:-
Use this Popular Posts Gadget

Remember to set at least 5 posts in Popular Posts Gadget to show completely on the homepage

2) Featured Post Gadget with Jquery where you can insert label

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

block/recent

block/random

For Featured Label Posts:-
Use this Shortcut Code

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 .

Footer Trending Posts/ Top Featured Posts Section:- Open Layout > then click on Edit Icon > in the Fresh Posts Section gadget.

Here you can use this section to display Responsive Mega Grid Posts with both label and Recent Shortcut Code

For Fresh Posts Recent Posts:-
Use this Shortcut Code

4/sgrid/recent

4/sgrid/random

For Mega Grid

megagrid/recent

megagrid/random

For Fresh Posts Label Posts :-
Use this Shortcut Code

4/sgrid/Your Label

megagrid/recent

Just Put label = recent or label = Happy Life to display Featured Posts

and type of shortcode is type= grid

Here you can use this section to display Responsive Fresh Posts with both label and Recent Shortcut Code

Main Recent Posts:-

Open Layout > then click on Edit Icon > in the Main Recent Posts (section) gadget.

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 here

Inside Posts Ads:-

Open Layout > then click on Edit Icon > in the Top / Bottom Posts Ad (section) gadget.

Here you can use this gadget to implement your ads in your posts section only. This section 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
Post Paragraph Ads :- Open Post > then Choose area in Post > and paste ShortCode.

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.

Follow the steps to setup:

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>

Copy code :

Hello this is Jane Doe, I am Web Designer and Expert at Piki Templates<a href="https://facebook.com/pikitemplates">facebook</a><a href="https://twitter.com/pikitemplates">twitter</a><a href="https://youtube.com/pikitemplates">youtube</a><a href="https://instagram.com/pikitemplates">instagram</a><a href="https://www.pikitemplates.com/">external-link</a>

Note:- here in href replace with your own link of your social media links on your template

Social Icons:- This template support various social icons like facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, linkedin, twitter etc.

Facebook Page Plugin :- Open Layout > then click on Add a Gadget HTML/Javascript > in Sidebar Section.

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 the admin section follow below steps provided here

Facebook Comment Plugin :- Open Layout > then click on Edit Icon > in Facebook SDK (Plugin) > in Admin Section.

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

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.

Sidebar Posts Section:- Open Layout > then click on Edit Icon > in the Most Loved Section gadget.

Here you can use this section to display Responsive Mega Grid Posts with both label and Recent Shortcut Code

For Sidebar Posts Recent Posts:-
Use this Shortcut Code

4/sidebar/recent

4/sidebar/random

For Sidebar Posts Label Posts:-
Use this Shortcut Code

4/sidebar/Your Label

Just Put label = recent/random or label = Your Label to display Featured Posts

and type of shortcode is type= grid

Here you can use this section to display responsive sidebar posts with both label and recent shortcut code

Sidebar Comments Section:- Open Layout > then click on Edit Icon > in the Comments Section gadget.

To display recent comments on your website, use our shortcode as shown in the above image also you can adjust the number of comments easily.

Footer Video Section:- Open Layout > then click on Edit Icon > in the Footer Video Section

Here you can use Custom Footer FeaturedPosts By Using this Shortcut code

For Recent Posts :-
Use this Shortcut Code

megagrid/recent

megagrid/random

For Label Posts:-
Use this Shortcut Code

megagrid/Your Label
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.

Footer Pages:- Open Layout > then click on Edit Icon > in the Footer Menu

here you can insert your page's links to show at bottom of the template as shown in the above image

Footer Copyright:- Open Layout > then click on Edit Icon > in the Footer Copyright

Here you can insert your website footer credit link but only for premium users's free users are not able to remove and edit our website link at the footer.

Cookies Consent:- Open Layout > then click on Edit Icon > in the Cookies Consent

Cookies consent is an advanced plugin system provided by piki templates where you can set Cookies to expire days so that it will store some bytes of data in users device so that next time when your visitor revisit again to your website it loads faster and give an enhanced user experience.

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 the blog feed in full mode always.

Demikianlah Artikel Documentation of Sprinkle

Sekianlah artikel Documentation of Sprinkle kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Documentation of Sprinkle dengan alamat link https://hakikidigital.blogspot.com/2021/06/documentation-of-sprinkle.html

See Also :

Hakiki Digital

Documentation of Sprinkle