Documentation WinsPortal
Documentation WinsPortal

Documentation WinsPortal

 

How To Setup WinsPortal v3 Blogger Template






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



TOP NAVIGATION


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

SETTINGS


POSTMETA

<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 href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<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:blog.pageTitle/> - Breaking News, Updated and News Abroad</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;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<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='WinsPortal portal is a web that presents a variety of updated news from around the world' 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 expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<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/AVvXsEjsj292yXP-uHdCLlD4-AiA-51dh8tOA02YrweAqqtyNFvRJ68YbJYiEjLkV6CafLz-vEIp5sh7LJKpSXUIudgw7vtWC2iYCQLThCCEfPWSw3EsUZ0jHxADyMo1vs17HEKDnp2MjVWZQT0Q/s1600/non.png' 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='#222222' name='theme-color'/>
<meta content='#222222' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#222222' name='apple-mobile-web-app-status-bar-style'/>
INFORMATION:
          Please adjust



LOGO

INFORMATION:
Recommendation of 260x42 logo size



MENU

<nav id='cssmenu'>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='Winsnews'>Winsnews</a>
<ul>
<li><a href='#' title='Submenu 1'>Submenu 1</a></li>
<li><a href='#' title='Submenu 2'>Submenu 2</a></li>
<li><a href='#' title='Submenu 3'>Submenu 3</a></li>
<li><a href='#' title='Submenu 4'>Submenu 4</a></li>
<li><a href='#' title='Submenu 5'>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title='Winshot'>Winshot</a></li>
<li><a href='#' title='Winsoto'>Winsoto</a>
<ul>
<li><a href='#' title='Submenu 1'>Submenu 1</a></li>
<li><a href='#' title='Submenu 2'>Submenu 2</a></li>
<li><a href='#' title='Submenu 3'>Submenu 3</a></li>
<li><a href='#' title='Submenu 4'>Submenu 4</a></li>
<li><a href='#' title='Submenu 5'>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title='Winssport'>Winssport</a></li>
<li><a href='#' title='Winshealt'>Winshealt</a>
<ul>
<li><a href='#' title='Submenu 1'>Submenu 1</a></li>
<li><a href='#' title='Submenu 2'>Submenu 2</a></li>
<li><a href='#' title='Submenu 3'>Submenu 3</a></li>
<li><a href='#' title='Submenu 4'>Submenu 4</a></li>
<li><a href='#' title='Submenu 5'>Submenu 5</a></li>
</ul>
</li>
<li><a href='/p/sourcecode.html' title='Winscode'>Winscode</a></li>
</ul>
<!-- menu navigasi header end -->
</nav>
INFORMATION:
Enter EDIT HTML and look for the code above, replace the # sign with Url / Link



SLIDER


Go to settings, choose widget layout and enter the script below



<span data-type="carousel" data-label="Politic" data-no="5"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT1


Go to settings, choose widget layout and enter the script below



<span data-type="recentgrid" data-label="News" data-no="3"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT2


Go to settings, choose widget layout and enter the script below



<span data-type="recentlist" data-label="Sport" data-no="3"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT3


Go to settings, choose widget layout and enter the script below



<span data-type="recentone" data-label="Economy" data-no="1"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT4


Go to settings, choose widget layout and enter the script below



<span data-type="recentlist" data-label="Travel" data-no="2"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT5


Go to settings, choose widget layout and enter the script below



<span data-type="listgrid" data-label="News" data-no="6"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



RECENT6


Go to settings, choose widget layout and enter the script below



<span data-type="recentgrid" data-label="Election" data-no="3"></span>
INFORMATION:
             Replace with the label name to be displayed
             Number of posts to be displayed



FOOTER GALLERY


Go to settings, choose widget layout and enter the script below

<div id="gallery_footer">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVM5vXLEYbNkMFyrRi5xRjKPLNqBJlTqdDRgcExgX0oZYq2l0TJQTF62cEwcdPhfBcAD_wHMcpWdT6JlpDPX2zgcMIe2F6rzrP7EtgA9d_gshFtMvmhLXAsC1Ral-W_u-XDHZnslseCNQb/s320/g13.jpg"/>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixeNSbY9evQ6-DFZ8LsvyQPOg2_9kVdYgQ3wRJDPsdqfk4BOrED00bvwhu11u0cfXe7ogN9JwxVIAqkPkqcJmJhc2c9bdMJNnhe9l_YtTphPAVr050mCgH2fcUtfJv7_1kQBmrJ8KUaMEo/s320/gl2.jpg"/>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG0EFvVC3B3gcBGezCpVVJExKU__bLe9g9F5xOcMMC4hzXvVB-dlHSuoRdN8mMby4f9-WSGPI0Sc4c_IAE81bE9tFlNJVmagz9jAf_qls6ruo6PWnE5wZYwzUm_DehnXHUuOL0H9NyplF1/s320/gl4.jpg"/>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbG7ITFeMLIiwLgUc3onoDNEbkriacDMRfD5haqtEI57Mc2-LEjZrsGrGhG4Uup7q9WeRAcmJlR13XXu5EpF8JFQWTYyxbkbB7hEpRl4cEIW_vVIQqcae-jERCFvVn-cCRHxyBHe_EjtLb/s320/gl6.jpg"/>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU8N3r2UNKT3MOEk7Qe8ONZ94Q3p14kn_wQRf1y2akb1WmU3p4Xi-qpJQmRbRzCJ-6NeTCGk1ASLDLGOCwnoQAA2BtAhnruXWZLPMuvDueRG3O2hoaRuZh-aPbKKnIAFd5kHZ23oMQXO-j/s320/gl7.jpg"/>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9oWGmAm4AxZzlGGEYj0tjFStPo-W5Kz0YKBwKVMDdE8QQjwezVEzqtihTW9xwZMCKloclE8d6Ftts_eeD0GmZstGAWZB2zH_oQmi42tQ_CDYYq1rzaJwrFzO8efZ2EcaCawP0QRBUUcf1/s320/gl.jpg"/>
</div>
INFORMATION:
Change the URL / image link



FOOTER TEXT


Go to settings, choose widget layout and enter the script below

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis neque iaculis.</p>
INFORMATION:
The text in the footer is wrapped with div (p)



FOOTER RECENT


Go to settings, choose widget layout and enter the script below

<div class="recent_footer">
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=winsposts">
</script>
</div>



SHORTCODE

Drop Caps

Beautify your content with smart dropcaps
Dropcap style 1

<span class="text-dropcap dcap1">M</span>
<span class="text-dropcap dcap2">S</span>
<span class="text-dropcap dcap3">S</span>

LIST STYLE

Style 1
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>


Style 2
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>


Style 3
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>


Style 4
<ul>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ul>


Style 5
<ul class="box-custom box-arrow-li">
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ul>


Style 6
<ul class="box-custom box-multi">
<li><i class="fa fa-coffee"></i> PowerFull Admin Panel</li>
<li><i class="fa fa-diamond"></i> Custom Image Lightbox</li>
<li><i class="fa fa-cloud-upload"></i> Masonry Layout Design</li>
<li><i class="fa fa-code"></i> Multiple layout styles</li>
<li><i class="fa fa-camera-retro"></i> Posts navigation with next and previous post above the fold</li>
<li><i class="fa fa-cart-plus"></i> Attractive related post design</li>
</ul>

GALLERY





<section id="box-gallery">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlOSTb0odGLplFe2YOTo_l3VcJWLcrsH1Tg1HHxoiYAe-2fu42dB-fNF-m5zJpkv9vww-ijD1-GvGX8cJQWwsZfoN381CI3mlENLzZRgX7qlQo0FK2VjYaUZLDVR208E_uqRj8VnfFa7f/s1600/1.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlOSTb0odGLplFe2YOTo_l3VcJWLcrsH1Tg1HHxoiYAe-2fu42dB-fNF-m5zJpkv9vww-ijD1-GvGX8cJQWwsZfoN381CI3mlENLzZRgX7qlQo0FK2VjYaUZLDVR208E_uqRj8VnfFa7f/s1600/1.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJh1YKHFKan6vuH4vhxmFyGCXrMRcd3CumW9CDmfp3GStCG6SpbncAYF0Ev9hyphenhyphenWKl2w0tybcqWGBbx_wqqfqv4QibXV01icdmPWPrEuvEvjXYcwsAQVCyB01TSj_8RPLaykM9-EoUK-6w/s1600/2.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJh1YKHFKan6vuH4vhxmFyGCXrMRcd3CumW9CDmfp3GStCG6SpbncAYF0Ev9hyphenhyphenWKl2w0tybcqWGBbx_wqqfqv4QibXV01icdmPWPrEuvEvjXYcwsAQVCyB01TSj_8RPLaykM9-EoUK-6w/s1600/2.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIeUaY16FMqr3GJAcl6XnVUN1kGInHMkKPOf00bNBGU8zviNDrRWmFbR4ANaytXbRrAQ7GLofdNkNjzEGzBJp3PWUq12Gn3CsIwnLGUu_iDen5fXfmfKWT22jS1kmW9fAtGQIqGUvEEqlr/s1600/3.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIeUaY16FMqr3GJAcl6XnVUN1kGInHMkKPOf00bNBGU8zviNDrRWmFbR4ANaytXbRrAQ7GLofdNkNjzEGzBJp3PWUq12Gn3CsIwnLGUu_iDen5fXfmfKWT22jS1kmW9fAtGQIqGUvEEqlr/s1600/3.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX29dKuQhVaeIr9jzX7uz3UuaKpHbDJf38WFcYCA2T4moPAnSkaB4LNt9YK_lWcdUmorIhcG0lQlPuIQiIlW9kIiYSo6gjBySfnvPQmGjcOiP5t-nv0BOgx3Exe-TxyyiN2J8pqvZADvu/s1600/4.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX29dKuQhVaeIr9jzX7uz3UuaKpHbDJf38WFcYCA2T4moPAnSkaB4LNt9YK_lWcdUmorIhcG0lQlPuIQiIlW9kIiYSo6gjBySfnvPQmGjcOiP5t-nv0BOgx3Exe-TxyyiN2J8pqvZADvu/s1600/4.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjspFYkn7DngsjdOjlJNOKqJTMhIKoTrrD7dSAIMSTWBCDhyphenhyphenP24eufhFAOGcJHB204EaC4_UkWz-eI-kAFasOshQ5H7O6QEs-pTxPZZN38ptpAfvza1J_WgO1xxVTR8AxxifiDU5xGQsU/s1600/5.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjspFYkn7DngsjdOjlJNOKqJTMhIKoTrrD7dSAIMSTWBCDhyphenhyphenP24eufhFAOGcJHB204EaC4_UkWz-eI-kAFasOshQ5H7O6QEs-pTxPZZN38ptpAfvza1J_WgO1xxVTR8AxxifiDU5xGQsU/s1600/5.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rMo-a2ukCKPmVrKS6_6lfGevRj7EEQUQqQ9_BjHaYTi_1Mc7yglteZyGLMiGaYddxbakFZcyVpL5Zh5UMBrzPkne7Yt9YGcIhsWUL0X-1vNaJwUdly6gRZu6g6BMfTk8kNcVo1YCtowg/s1600/6.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rMo-a2ukCKPmVrKS6_6lfGevRj7EEQUQqQ9_BjHaYTi_1Mc7yglteZyGLMiGaYddxbakFZcyVpL5Zh5UMBrzPkne7Yt9YGcIhsWUL0X-1vNaJwUdly6gRZu6g6BMfTk8kNcVo1YCtowg/s1600/6.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MutLmjYb2_JObvvjUSnuaJDH4nO42KKMEgR_cb5mQzUOYGDliwzxQRzeerlY_gqFxdOkdXtyA7E_B2xJqLzlBojD32Dynu_COiJXYgNhOPSa4odQKbesX7mv3UQlyHLZEjKCNnr09S9e/s1600/7.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MutLmjYb2_JObvvjUSnuaJDH4nO42KKMEgR_cb5mQzUOYGDliwzxQRzeerlY_gqFxdOkdXtyA7E_B2xJqLzlBojD32Dynu_COiJXYgNhOPSa4odQKbesX7mv3UQlyHLZEjKCNnr09S9e/s1600/7.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J-jETtFEuYSw6LXuaqWyMEEgjqr3dRjSFbCJlWhO1xYd1lsW4V1YCj1rccP1UaqJaz_vrgp-Ww5yMsQKECSnc_bC5qGQzgMyY3zvvXVUO9vR4XEcCn2qRwz9aN5ieVnX2jFWoNFijTPF/s1600/8.jpg" imageanchor="1">
<img border="0" 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" imageanchor="1">
<img border="0" 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" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Mp5G00PP-wBBRXvT2bUxpe4CC0tohCHbpjg-t7Wezl9z71ZGr5AY-CExXAXDQb_WiKN_4aqeA9PZ7JXB33kYko2u8GBmNhBvmVdq-SNEH5wnyJKAEGxWfTV07cXENgPLTfPYJvEQzXn/s1600/10.jpg" /></a>
</section>


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>



ALERT CLOSE

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


TAB

<div class="box-tabs">
<div class="box-btn">
<span class="babutton">Button 1</span><span class="babutton">Button 2</span><span class="babutton">Button 3</span></div>
<div class="box-tab-content">
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</div>



ACCORDION

<div class="box-accordion">
<span class="babutton">Button 1</span>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<span class="babutton">Button 2</span>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<span class="babutton">Button 3</span>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<span class="babutton">Button 4</span>
<div>
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</div>

TABLE OF CONTENTS

<aside id="toc"><b class="toc"></b></aside>
Place the TOC code above in the desired paragraph (Place it on the POST HTML page)







Documentation WinsPortal

Documentation WinsPortal

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 WinsPortal https://aulianv23.blogspot.com/2019/12/documentation-winsportal.html
( 0 ) 0