TpO9GfC6GUriTSMiTfG5TpO8GA==

Slider

Full short code

META TAG

Access your blog Layout - click Edit HTML
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:view.title.escaped/> | Your Blog Description</title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Keyword Blog' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Please visit &quot; + data:blog.pageTitle + &quot; To read interesting posts.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eRGXtJk8VttDdzALHlIbKzHp2bPgTu4vdr_OhCI0wcP14hOZE81rLv2lMa1urC4z4T1dSv5cn0r3o_fSEwoQcug8bzOzj7ltbkFemUAwVqPpxZCKu2hzp60p-GgRFx1YiVI2aZChk3HzBawwEWo0EdFtwbJ8CHTH0CWNnkJ3MAbtdAsomPpcMUCT/s1600/logo.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<b:if cond='data:widgets'>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
</b:if>
<link href='https://fonts.googleapis.com' rel='preconnect'/>  
<link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/> 
Information:
         Costume please


SHARE LOGO

Access your blog Layout - click Edit HTML
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eRGXtJk8VttDdzALHlIbKzHp2bPgTu4vdr_OhCI0wcP14hOZE81rLv2lMa1urC4z4T1dSv5cn0r3o_fSEwoQcug8bzOzj7ltbkFemUAwVqPpxZCKu2hzp60p-GgRFx1YiVI2aZChk3HzBawwEWo0EdFtwbJ8CHTH0CWNnkJ3MAbtdAsomPpcMUCT/s1600/logo.jpg' property='og:image'/>
Information:
         Replace with Blog Logo


BREAKING NEWS

Access your blog Layout - click Edit icon on Breaking News widget

u

Recent Posts: 
<span type="recent" num="5"></span>

Label / Tag Ex: 
<span type="label" label="News" num="5"></span>
        Number of Posts
        Post Label



MENU

Access your blog Layout - click Edit icon on Menu widget

m



Normal Link : Dropdown
Sub Link : __Submenu 1 (before the link add "__") 2 underscore


SLIDER TOP 

Access your blog Layout - click Edit icon on Slider Top widget

f

Recent Posts: 
<span type="recent"></span>

Label / Tag Ex: 
<span type="slide" label="News"></span>
        Post Label


RECENT SIDEBAR

Access your blog Layout - click Sidebar Left or Sidebar Right and add HTML/Javascript

s

Label / Tag Ex: 
<span class="lP" label="Economy" num="4"></span>
        Number of Posts
        Post Label


RECENT VIDEO

Access your blog Layout - click Slider Middle and add HTML/Javascript

w

Label / Tag Ex: 
<span type="sL" label="Video"></span>
        Post Label


RECENT LIST

Access your blog Layout - click Recent Widget and add HTML/Javascript

d

Label / Tag Ex: 
<span type="rL" label="Technology" num="3"></span>
        Number of Posts
        Post Label


RECENT GRID 1

Access your blog Layout - click Recent Widget and add HTML/Javascript

d

Label / Tag Ex: 
<span type="rG" label="Business"></span>
        Post Label


RECENT GRID 2

Access your blog Layout - click Recent Widget and add HTML/Javascript

e

Label / Tag Ex: 
<span type="rM" label="Music"></span>
        Post Label


SUPPORT SOCIAL ICON

facebook, x, rss, youtube, skype, tumblr, vk, stack-overflow, github,linkedin,dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, codepen, reddit, whatsapp, snapchat, email, tiktok 


OPTION THEME

Access your blog Layout - click Option Theme

f

var mNTH = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], // format date
jslide ="10", // number of slides
jrelated="6", // number of related
morelink="View All", // Text
more="Read more", // Text
textToc='Table of Contents'; // Text Toc


BLOGGER DASHBOARD SETTINGS

de

e


POST DESCRIPTION

d



SHOPPING CART ARRANGEMENTS


CHECKOUT PAGE


t

Create a page with the title Checkout without content then publish


CONTENT LABEL (SHOP)

s

Create articles specifically for shopping by labeling (Shop)


CONTENT (SHOPPING)


d

Information:

            Image
            Price
            Description

<div class="slider-post owl-carousel">
<div class="tHimage"><div class="tHimg">
<img alt="Images" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9XONq18vl5IBmqn2hddQKKJRTw59rXRzDpBx04BFWqPB5J6TpoLwIiq4A1E5Q4u3pG7DG5A58URO14fEhxAYm9WM1pjCEsAGFdkqoEqGuDCnNr2V4zxcYLhyphenhyphenw-w9c2oRTxiprJvFXuAEs-jT8sKs_XhJ2HhO8QlTr1NxW1CQGQMcLuj_SDfloR5bg6yC/s1600/p6.jpg" />
</div></div>
<div class="tHimage"><div class="tHimg">
<img alt="Images" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYRoHfmDxN7MN0k9oX1yeE9gNKCk6SIpPD2SQUEGLPbB7DuYX_sDoSVAJk1A7iypQ360d-4SmNswyC9MdIzX3BjqddN8n4IKAFBOmN0fS5kJpRYSEq0q35ze2thKNVGQz0LxHuKGgOyYVjgTH_MTE_H7jO76Ujqqoxkckrc4BdBTFR8nzleHCMz-uNpXu/s1600/p10.jpg" />
</div></div>
<div class="tHimage"><div class="tHimg"><img alt="Images" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPxW98VsjE9huvabj39TEQLAyiCvvwTVaUJeP3L5nt8GQJjx8oKe7tpJ1TwNwfw6e8XGcG5vtaZgGutVbytP5ljPf_dx0p7aP2E6VeRkhayfw81FVRM7Q8QZFPu1swAK0_EhucYyBPXtUcxrNHNxEMYpTbwkIwWraOlE9Kl8tr_nmcfHxyvlml532TIml/s1600/p2.jpg" />
</div></div>
</div>
<div class="myprice">
<div class="lbp">
<span class="stock"><span>10%</span></span>
<div class="price"><s>Rp.60.000</s><span class="item_price">Rp.31.000</span>
</div>
</div>
<span id="item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</span>
</div>
<h2>Review</h2>
<p>Curabitur at lacus ac velit ornare lobortis. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
<br/>
Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Curabitur at lacus ac velit ornare lobortis. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris
ut lacus. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
Information:
        Image format for slider post
        Stock
        Underline price
        Price


CHECKOUT PAGE


w

Go to layout

s

/*CONTACT SETTINGS */
var phone = '6281241105658',
    email = '[email protected]';

/*TEXT SETTINGS 1*/
var textadmin = 'Halo Admin',
	textwaadmin = 'Ini pesanan saya, mohon segera diproses:',
	textorderid = 'ID Pemesanan',
	textname = 'Nama',
	textphone = 'Telepon',
	textemail = 'Email',
	textaddress = 'Alamat',
	textcity = 'Kota',
	textprovince = 'Provinsi',
	textpostal = 'Kode Pos',
	textpayment = 'Metode Pembayaran',
	textproduct = 'Nama Produk',
	textprice = 'Total Harga',
	textlist = 'DAFTAR BELANJA',
	texttotal = 'Total',
	textthanks = 'Terima Kasih',
	textsubject = 'Konfirmasi Pembelian';

/*TEXT SETTINGS 2*/
let text = {             
"textqty": "Jumlah:",
"time": "x",
"textsubtotal":"Sub Total: ",
}; 

/*CURRENCY SETTINGS*/
var currencyOption = "IDR";

/*TRANSFER BANK*/
var bankTransfer=[
  "BRI - 536725281423323 A/n. Goomsite",
  "BCA - 908673454123343 A/n. Goomsite",
  "BNI - 343454354353225 A/n. Goomsite",
  "OVO - 3013418553243 A/n. Goomsite",
  "GoPay - 301341855345454 A/n. Goomsite"
]
Information:
You Can Edit

For var currencyOption ="IDR"; replace your currency with the currency symbol to use

SYMBOL:

IDR = Indonesia Rupiah
USD = US Dollar
AUD = Australian Dollar
BRL = Brazilian Real
CAD = Canadian Dollar
CZK = Czech Koruna
DKK = Danish Krone
EUR = Euro
HKD = Hong Kong Dollar
HUF = Hungarian Forint
ILS = Israeli New Sheqel
JPY = Japanese Yen
MXN = Mexican Peso
NOK = Norwegian Krone
NZD = New Zealand Dollar
PLN = Polish Zloty
GBP = Pound Sterling
SGD = Singapore Dollar
SEK = Swedish Krona
CHF = Swiss Franc
THB = Thai Baht
BTC = Bitcoin



SOURCE CODE

DROCUP

<span class="text-dropcap">M</span

Blockquote

<blockquote>Nonummy egestas praesent auctor cras dolor hendrerit parturient hymenaeos auctor at nulla felis id risus semper natoque netus praesent interdum habitant Nascetur cras Suscipit erat lacus fringilla mattis lacus tincidunt magnis aptent dictum tellus magnis, habitasse fames netus molestie. Habitasse</blockquote>

Syntax

<pre><code> ENTER THE CODE HERE </code></pre>

Iframe

<div class="inIframe">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" class="lazyload" frameborder="0" height="315" src="https://www.youtube.com/embed/k5lsM64uMjk" title="YouTube video player" width="560"></iframe>
</div>
Information:
If you want to wrap the code using an iframe, make it like the code example above



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>



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 


s

Older Post Home
© Copyright - BongSeiha
Added Successfully

Type above and press Enter to search.