Documentation Edusmart
Documentation Edusmart

Documentation Edusmart

 

How To Setup Edusmart Blogger Template


edusmart




Method of Installing Manual Template Code:

  1. Download files sent via email or WhatsApp
  2. Open it using the Winrar or Zip application
  3. Then select the template folder
  4. Select one file type to be installed, .xml to be uploaded directly and notepad replace all and paste it in the Edit HTML. Recommendations (notepad), how to install notepad can be seen here.
  5. Before installing, it's a good idea to first backup the previous template.

URGENT...!!!

  1. Make sure all articles have a label, don't any without a label,
  2. In the Feed make it Full, and
  3. The size of the label text that will be entered in the recent widget must match the label text on the  post, if you enter the label text incorrectly, the recent widget will not appear


MARQUEE


Access your blog Layout - click Edit icon on Marquee widget

b

b

DESCRIPTION:
Open the widget and enter text in it




SOCIAL HEADER


Access your blog Layout - click Edit icon on Social Headeru widget

a

a

b
Icons Avaliables (facebook, twitter, gplus, rss, tiktok, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen)




MENU

Access your blog Layout - click the Edit icon in the Menu widget

s

f

INFORMATION
Normal Link : Dropdown
Sub Link: _Multi Dropdown (before the link add "_") 1 underscore
Sub Link 2: __Dropdown 1 (before the link add "__") 2 underscore




SLIDER IMAGE

Access your blog Layout - Add Widget in FULL IMAGE SLIDE

m

m

x

v

INFORMATION:
Add widget, then select image widget



TEXT ABOVE EACH WIDGET

Example

f

d
INFORMATION:
                     
                      

This widget color is specific to Title and Text Each widget is important below it



PRINCIPAL WIDGET

Access your blog Layout - click the Edit icon in the Principal widget

v

b

INFORMATION:
Add widget, then select image widget



SCHOOL FOREWORD

Access your blog Layout - click the Edit icon in the About School widget

n
n

INFORMATION:
Enter the Title and Text of the School Vision and Mission




SLIDER PROFILE

Access your blog Layout - Add Widget in SLIDE PROFILE

c

nx

INFORMATION:
Add widget, then select image widget




ANNOUNCEMENT

Recent List

Access your blog Layout - Add Widget in Recent List
v

d


Click Widget in the place provided, then add the code below in it
<span data-type="rcsimple" data-label="Music"></span>
INFORMATION:
           Replace with the post label to be displayed


Recent Cover Image

Access your blog Layout - Add Widget in Recent Cover Image

b

c

b
INFORMATION:
Add widget, then select image widget




RECENT GALLERY

Access your blog Layout - Add Widget in Gallery
f
d

Click Widget in the place provided, then add the code below in it
<span data-type="rcgallery" data-label="Activity" data-no="6"></span>
INFORMATION:
           Replace with the post label to be displayed
           Number of post gallery




STATIC

Static Text

Access your blog Layout - Add Widget in Static Text


Enter text as usual

Static Data

Access your blog Layout - Add Widget in Static School
d

v

Enter the code below
<div class="element-counter">
<div class="counter">
<span class="icon-counter"><i class="fas fa-user-graduate"></i></span>
<div class="counter-box">
<span class='timer' data-speed='5000' data-to='4570' id='count'></span>
<span class="counter-plus">+</span>
</div>
<span class="counter-title">Graduated Student</span>
</div>
</div>

<div class="element-counter">
<div class="counter">
<span class="icon-counter"><i class="fas fa-chalkboard-user"></i></span>
<div class="counter-box">
<span class='timer' data-speed='5000' data-to='100' id='count'></span>
</div>
<span class="counter-title">Teacher</span>
</div>
</div>
            
<div class="element-counter">
<div class="counter">
<span class="icon-counter"><i class="fas fa-users"></i></span>
<div class="counter-box">
<span class='timer' data-speed='5000' data-to='1500' id='count'></span>
<span class="counter-plus">+</span>
</div>
<span class="counter-title">Current Student</span>
</div>
</div>
            
<div class="element-counter">
<div class="counter">
<span class="icon-counter"><i class="fas fa-memo-pad"></i></span>
<div class="counter-box">
<span class='timer' data-speed='5000' data-to='20' id='count'></span>
<span class="counter-plus">+</span>
</div>
<span class="counter-title">Extra Curricular</span>
</div>
            
</div>
INFORMATION:
           Data Icon
           Amount of data
           Data Text




MAPS

Access your blog Layout - Add Widget in Maps

s

s

Enter the iframe map script
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.329706993293!2d119.4620871139731!3d-5.210780953961945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dbee22fa3f773c1%3A0x36e3d875609d7dba!2sGoomsite.Net!5e0!3m2!1sid!2sid!4v1508121111854d" width="100%" height="450" allowfullscreen="" class="lazyload" title="maps"></iframe>
DESCRIPTION:
Pre-create your location on Google Maps
           Width
           Height
           Lazyload



BUTTON


<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>



TABLE 1

t
<div class="table">
<div class="sch-row sc">
<div class="cell">Name</div>
<div class="cell">Age</div>
<div class="cell">Occupation</div>
<div class="cell">Location</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Name">Luke Peters</div>
<div class="cell" data-title="Age">25</div>
<div class="cell" data-title="Occupation">Freelance Web Developer</div>
<div class="cell" data-title="Location">Brookline, MA</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Name">Joseph Smith</div>
<div class="cell" data-title="Age">27</div>
<div class="cell" data-title="Occupation">Project Manager</div>
<div class="cell" data-title="Location">Somerville, MA</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Name">Maxwell Johnson</div>
<div class="cell" data-title="Age">26</div>
<div class="cell" data-title="Occupation">UX Architect &amp; Designer</div>
<div class="cell" data-title="Location">Arlington, MA</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Name">Harry Harrison</div>
<div class="cell" data-title="Age">25</div>
<div class="cell" data-title="Occupation">Front-End Developer</div>
<div class="cell" data-title="Location">Boston, MA</div>
</div>
</div>



TABLE 2

t
<div class="table">
<div class="sch-row sc green">
<div class="cell">Product</div>
<div class="cell">Unit Price</div>
<div class="cell">Quantity</div>
<div class="cell">Date Sold</div>
<div class="cell">Status</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Product">Solid oak work table</div>
<div class="cell" data-title="Unit Price">$800</div>
<div class="cell" data-title="Quantity">10</div>
<div class="cell" data-title="Date Sold">03/15/2023</div>
<div class="cell" data-title="Status">Waiting for Pickup</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Product">Leather iPhone wallet</div>
<div class="cell" data-title="Unit Price">$45</div>
<div class="cell" data-title="Quantity">120</div>
<div class="cell" data-title="Date Sold">02/28/2023</div>
<div class="cell" data-title="Status">In Transit</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Product">27" Apple Thunderbolt displays</div>
<div class="cell" data-title="Unit Price">$1000</div>
<div class="cell" data-title="Quantity">25</div>
<div class="cell" data-title="Date Sold">02/10/2023</div>
<div class="cell" data-title="Status">Delivered</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Product">Bose studio headphones</div>
<div class="cell" data-title="Unit Price">$60</div>
<div class="cell" data-title="Quantity">90</div>
<div class="cell" data-title="Date Sold">01/14/2023</div>
<div class="cell" data-title="Status">Delivered</div>
</div>
</div>



TABLE 3

t
<div class="table">
<div class="sch-row sc blue">
<div class="cell">Username</div>
<div class="cell">Email</div>
<div class="cell">Password</div>
<div class="cell">Active</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Username">My School</div>
<div class="cell" data-title="Email">your@mail.com</div>
<div class="cell" data-title="Password">************</div>
<div class="cell" data-title="Active">Yes</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Username">jsmith41</div>
<div class="cell" data-title="Email">taramail@mail.com</div>
<div class="cell" data-title="Password">************</div>
<div class="cell" data-title="Active">No</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Username">My Admin</div>
<div class="cell" data-title="Email">admin@mail.com
</div>
<div class="cell" data-title="Password">************</div>
<div class="cell" data-title="Active">Yes</div>
</div>
<div class="sch-row">
<div class="cell" data-title="Username">Herry Potter</div>
<div class="cell" data-title="Email">harrypotter@mail.com</div>
<div class="cell" data-title="Password">************</div>
<div class="cell" data-title="Active">Yes</div>
</div>
</div>


ALERT

<h2>
Success Message</h2>
<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message : You successfully read this important message.     <br />
<div class="alert-del-btn">
</div>
</div>

<h2>
Alert Message</h2>
<div class="alert-message alert">
<i class="fa fa-info-circle"></i> Alert message : This alert needs your attention.     <br />
<div class="alert-del-btn">
</div>
</div>

<h2>
Warning Message</h2>
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> Warning message : Warning! Best check yo self.     <br />
<div class="alert-del-btn">
</div>
</div>

<h2>
Error Message</h2>
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> Error message : Oh snap! Change a few things up.     <br />
<div class="alert-del-btn">
</div>
</div>



GALLERY



<section id="box-gallery">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J-jETtFEuYSw6LXuaqWyMEEgjqr3dRjSFbCJlWhO1xYd1lsW4V1YCj1rccP1UaqJaz_vrgp-Ww5yMsQKECSnc_bC5qGQzgMyY3zvvXVUO9vR4XEcCn2qRwz9aN5ieVnX2jFWoNFijTPF/s1600/8.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J-jETtFEuYSw6LXuaqWyMEEgjqr3dRjSFbCJlWhO1xYd1lsW4V1YCj1rccP1UaqJaz_vrgp-Ww5yMsQKECSnc_bC5qGQzgMyY3zvvXVUO9vR4XEcCn2qRwz9aN5ieVnX2jFWoNFijTPF/s1600/8.jpg" /></a>     

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90kxBQ7pXcj32FS6-qooqB8UnweapHoc0hFPNiOHy6-yCr6RpHSz8y1ROpl9ZjTYq7yOaxiIMl6bxrXUgb4a0DF7_0B495Y4r_h85IJkW14Av5y_nV13ItBYIg_Iin6oVYcgrqCv7NCge/s1600/9.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90kxBQ7pXcj32FS6-qooqB8UnweapHoc0hFPNiOHy6-yCr6RpHSz8y1ROpl9ZjTYq7yOaxiIMl6bxrXUgb4a0DF7_0B495Y4r_h85IJkW14Av5y_nV13ItBYIg_Iin6oVYcgrqCv7NCge/s1600/9.jpg" /></a>     

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Mp5G00PP-wBBRXvT2bUxpe4CC0tohCHbpjg-t7Wezl9z71ZGr5AY-CExXAXDQb_WiKN_4aqeA9PZ7JXB33kYko2u8GBmNhBvmVdq-SNEH5wnyJKAEGxWfTV07cXENgPLTfPYJvEQzXn/s1600/10.jpg"><img class="lazyload" data-sizes="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Mp5G00PP-wBBRXvT2bUxpe4CC0tohCHbpjg-t7Wezl9z71ZGr5AY-CExXAXDQb_WiKN_4aqeA9PZ7JXB33kYko2u8GBmNhBvmVdq-SNEH5wnyJKAEGxWfTV07cXENgPLTfPYJvEQzXn/s1600/10.jpg" /></a>

</section>




LAZYLOAD 

Every time to add an image in an article or anywhere you have to insert the Lazyload Image code in it to speed up loading on the blog

Example:


class="lazyload" data-sizes="auto"



SLOTS IN THE ARTICLE 


d

Documentation Edusmart

Documentation Edusmart

Pesan via WhatsApp! - Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pesan via WhatsApp!

Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pengiriman Fleksibel - Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Pengiriman Fleksibel

Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Metode Pembayaran Lengkap - Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Metode Pembayaran Lengkap

Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Toko WA+

Template Blogger dengan fitur Toko Online berbasis WhatsApp + Keranjang Pesanan yang berguna untuk membantu "Pebisnis Online" menjual Produk maupun Jasa secara Instan & Efisien.

Hubungi Kami

Jl. Alamat Toko, No. 123 - Bandung 40241
Phone / WhatsApp. +62 89618885066
E-mail. info@website.com

Documentation Edusmart https://aulianv23.blogspot.com/2022/07/documentation-edusmart.html
( 0 ) 0