Pengaturan HostWay

HOMEPAGE SECTION SETTINGS

LOGO

KETERANGAN:
Ukuran gambar 231x255

TOP MENU

<div class='sosmedtop'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-pinterest'/></a>
<a href='#'><i class='fa fa-google-plus'/></a>
<a href='#'><i class='fa fa-youtube'/></a>
</div>

<nav id='menu'>
<ul>
<li><a href='#'><i aria-hidden='true' class='fa fa-user'/> Suport</a></li>
<li><a href='#'><i class='fa fa-envelope'/> Email Us</a></li>
<li><a href='#'><i class='fa fa-phone'/> +1234-567-899</a></li>
</ul>
</nav>

KETERANGAN:
Ganti dengan Url/Link

<div id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<span class='mline1'/>
<span class='mline2'/>
<span class='mline3'/>
</div>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Tours</a>
<i class='fa fa-caret-down'/>
<ul>
<li><a href='#'>Tours 1</a></li>
<li><a href='#'>Tours 2</a></li>
<li><a href='#'>Tours 3</a></li>
</ul>
</li>
<li><a href='#'>Hotel</a></li>
<li><a href='#'>Package</a>
<i class='fa fa-caret-down'/>
<ul>
<li><a href='#'>Package 1</a></li>
<li><a href='#'>Package 2</a></li>
<li><a href='#'>Package 3</a></li>
<li><a href='#'>Package 4</a></li>
</ul>
</li>
<li><a href='#'>Pages</a></li>
<li><a href='#'>Team</a></li>
<li><a href='#'>Gallery</a></li>
  <li class='diskon'><a href='#'>Login / Sign Up</a></li>
</ul>
</div>

KETERANGAN:
Ganti dengan Url/Link

SLIDER IMAGE

<!-- Slider -->
<div class='slider-box'>
<div class='content-slider'>
  <!-- Item -->
  <div class='item'>
    <div class='img-fill'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfiaElzyJ48UzzaJiE0Qad66MSBaLPBUDQ6XjAOCJThpHGPLqo5jobTg0PFfBWnvpGjll-wwwiUOGGnPUSkNsDyJmhd-x2YHhLaJzWn0pOib7RKG6M1HmxWxKSomrvVs7lI6_za3lA0APM/s1600/1.jpg'/>
      <div class='info'>
        <div>
          <h3>GET<span>HOST</span></h3>
          <h5>The World Best Hosting <span>Distribution Center</span></h5>
          <h6><a href='#'>Read More</a></h6>
        </div>
      </div>
    </div>
  </div>
  <!-- // Item -->

  <!-- Item -->
  <div class='item'>
    <div class='img-fill'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKah_rP00bkWXa1GC7OJ4HGZCsGPCvg4qQ_OvBZbUdb4Mis7HcDzJtPcAJIIN-D_WClIPxGWQSx7p18MJ7TVxvThdExmpfze3KU2s2idxU8z1k-R-Q5u3Tw4pwJLUAv0gIbmSD-EyFe4b/s1600/2.jpg'/>
      <div class='info'>
        <div>
          <h3>GET<span>HOST</span></h3>
          <h5>The World Best Hosting <span>Distribution Center</span></h5>
          <h6><a href='#'>Read More</a></h6>
        </div>
      </div>
    </div>
  </div>
  <!-- // Item -->

  <!-- Item -->
  <div class='item'>
    <div class='img-fill'>
      <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaQOLQPMtnErt96b6Yrk0jiHmSoKFsKK6lE4mPe3n68TdBPxUedoxMVLOPVnNqVsMZju4ZO1cZA7S_qxl8Vhx4zAPRDWgxjuKNB5HiFxZE_Y9t-NDd7P18m2aom-2lBAjedlStliQVYXEm/s1600/3.jpg'/>
   <div class='info'>
        <div>
          <h3>GET<span>HOST</span></h3>
          <h5>The World Best Hosting <span>Distribution Center</span></h5>
          <h6><a href='#'>Read More</a></h6>
        </div>
      </div>
    </div>
  </div>
  <!-- // Item -->
</div>

<span class='bottom_row' id='bottom_row'><a href='#box-text'><i aria-hidden='true' class='fa fa-angle-down'/></a></span>
</div>
<div class='clr'/>

KETERANGAN:
Ganti tanda # dengan Url/Link dan lainnya sesuaikan

PIGNATIONS

<!-- Search -->
<div class='pignation-search'>
 <div class='container'>
 <div class='box-left'>
   <h3>Search Your Domain Here</h3>
<span>You can find .com, .org, .net and all other top level domain from here.</span>
</div>
 <div class='box-right'>
<form action='/search' class='searchform cf' method='get'>
  <input id='q' name='q' placeholder='Is it me you’re looking for?' type='text'/>
  <button type='submit'>Search <i aria-hidden='true' class='fa fa-search'/></button>
</form>
</div>
</div>
</div>
<!-- Search -->

KETERANGAN:
Teks di dalamnya sesuaikan

KETERANGANS

<!-- Information 1 -->
<div class='box-info'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip06681gnCZuv-mpPKPiNm2mqKuBvmH5IXcbfHq6DkRJvhHlaRyAReEbMsNckce6U-_5kM5IOx0ZBTPfECxRCVBR2XUtNHm1UGPoSFf7Eh-MmY5InyvRz678-wXq3EcoQqx_fgu9r90Fxh/s1600/icon1.png'/>
			<h1>Diverse Destinations</h1>
			<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
		</div>
<!-- Information End 1 -->

<!-- Information 2 -->
<div class='box-info'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ArTKeMw9nOoQjdKzAWipNv2WJmeQjEtOjZFL0fBCw2pkKH4wll2Q9_V18LY5a3J2Li6osqS3vs7vO2oOyfUiPrlPGPKSh-eS0_kFej65t-bJA057uRKBMpjG-E8biprVb_RQkYfKymG7/s1600/icon2.png'/>
          			<h1>Value for Money</h1>
			<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
		</div>
<!-- Information End 2 -->

<!-- Information 3 -->
<div class='box-info'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZ6JssrrfRhNCvCvYx_F-6MnReJ49bVygZHyGO4gayBMhZiER-jjf0mzbY9QQhGg0K3h-GFYNcgjDq2tjnW9vN89uRnyFK2xI-imGxeZRLfF7ItLz6etB_0mdvEKHZ-oAP4JC3uQmNklc/s1600/icon3.png'/>
          		<h1>Beautiful Places</h1>
			<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
		</div>
<!-- Information End 3 -->

<!-- Information 4 -->
<div class='box-info'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixoQjQyH7hf-sFGg1zSiLQXwzZf0Et9VjJR6tykeRSsD8K7_Ky3bjQa6JtHPgKh6I2hOrocNG8KuF4sAGWa0SLWTQhtxywYUwv6-xT54ZEdj1hd5VKHG-UHeFmKJdywIodHDiysXmoQrKh/s1600/icon4.png'/>
          			<h1>Passionate Travel</h1>
			<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
		</div>
<!-- Information End 4 -->

KETERANGAN:
Sesuaikan teks dan gambar di dalamnya

COMPANY

<div class='box-gallery'>
<div class='container'>
<div class='box-text'>
<h2>Our Company</h2>
<p>Lorem Ipsum is simply dummy the printing and typesetting industry.</p>
</div>
<div class='left'>
  <img alt='HostWay' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsqFaMky24YM1eAQSytXf-bF6A6Lx1T2WvkPfDNMtOUc627-TkBgORaoWra4-aNj2uMzjpq09oxkT5592Wc1i7uxGs6MU87gyXdPe4FvrvlwP7bDCq67P9o980H4mNZ-kgli_Z0xUN5oPs/s1600/a.png'/>
</div>
<div class='right'>
<h3>Lorem text of the printing and typesetting industry.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et doloremagna aliqua. Ut nim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p>
<div class='button_amp'><a href='#'>Read More</a></div>
</div>
</div>
</div>

KETERANGAN:
Tanda # silahkan ganti dengan Url/Link dan lainnya Sesuaikan

WEB SEARCH

<div class='box-wrapper2'>
<div class='container'>
<div class='box-text'>
  <h2>Web Search</h2>
<p>Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s.</p>
</div>
<div class='left'>
<h3>Lorem text of the printing and typesetting industry.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et doloremagna aliqua. Ut nim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p>
<div class='button_amp'><a href='#'>Read More</a></div>
</div>
<div class='right'>
  <img alt='HostWay' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLoiIfubQVSsCSn_1rSXCRggPqmK3Eny9e2ekgteClbfEeAVKZbj7mKBQRQ6w03sSMtwIBBTIavL9VmsXJpKSV4wDDEQEU0wgmj_Nj5HFaMjFykhq_aZ9vJafD0fC-qhQPwvLrp9qKT_N-/s1600/b.png'/>
</div>
</div>
</div>

KETERANGAN:
Tanda # silahkan ganti dengan Url/Link dan lainnya Sesuaikan

FORM

<div class='box-wrapper3'>
<div class='container'>
<div class='box-leftf'>
<h3>Get Your Dream Host From Us</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.ec elit.</span>
</div>

<div class='box-rightt'>
<div class='dream-host'><a href='#'>Purchase Now</a></div>
</div>
</div>
</div>

KETERANGAN:
Tanda # silahkan ganti dengan Url/Link dan lainnya Sesuaikan

LATEST

<div class='box-text'>
<h2>Latest Events</h2>
<p>Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s.</p>
</div>

KETERANGAN:
Sesuaikan

INCLUDE

<div class='box-wrapper4'>
<div class='container'>
<div class='box-text'>
  <span>Include All</span>
  <h2>WHAT WE DO</h2>
</div>

<!-- Information 1 -->
<div class='box-info2'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiODfbJ5dN5teD2SYCCncsY_yeJmTEJGYnEsgwioy7Y7MQspGutzVxPCJri1ttbZR9WH9m-vzohQ2_pepPH0G_OVWSCUxb23LDK1bRQGyQ8XocIBYncRlTuyZ0_Ged69axgl5nlazhoQiqh/s1600/ic.png'/>
			<h1>Data Protection</h1>
			<p>Mirum est notare quam littera g It long established to that a reader</p>
		</div>
<!-- Information End 1 -->

<!-- Information 2 -->
<div class='box-info2'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixTdM0SFFWHHPxsWRKbGh99m2mJ-uCZycMm40AqyELgEbajuHcpmeN9gg02Xswlm9OllPFiYsZSO_Xa6OLTEiVKfY505RusaF1SVHaUQSvJbjVWH5u06XdrGIhAFspYjQELTM6-EXZzAiy/s1600/ic2.png'/>
			<h1>Optimization</h1>
			<p>Mirum est notare quam littera g It long established to that a reader</p>
		</div>
<!-- Information End 2 -->

<!-- Information 3 -->
<div class='box-info2'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEGni78dJya8HfeqUTp2m-t52VJelVxTms11E72-Q8zmB3JKbFCtpO4O5hKoJKhRky_eikXhjcEVU7YXnXM3-g93QZyviYSZGHhFevpdU65BfWgET0i5LZdUKsQk4WkFLpw9Gxswg8W9eV/s1600/ic3.png'/>
			<h1>Data Analysis</h1>
			<p>Mirum est notare quam littera g It long established to that a reader</p>
		</div>
<!-- Information End 3 -->

<!-- Information 4 -->
<div class='box-info2'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzGGYTCnWo83gw3LE7UJxWds10fd1UFWNik223eIHOdWKZPGwvvR0QwysV_c6MmP4I-pkM2927cszAX2j79rGhUT8CyRJEL9L3pYNRtNSQWwM0RY3XhWOr6B4wQ-MM4hnplFCKiKUHCEv/s1600/ic4.png'/>
			<h1>Data Enctyption</h1>
			<p>Mirum est notare quam littera g It long established to that a reader</p>
		</div>
<!-- Information End 4 -->

</div>
</div>

KETERANGAN:
Teks dan Gambar Silahkan di sesuaikan

PRICING

<div class='box-wrapper5'>
<div class='container'>
<div class='box-text' id='box-text'>
  <h2>DIFFERENT HOSTING PLATFORMS</h2>
<p>Each type of hosting service we provide is further optimized</p>
</div>
<div id='price'>
  <!--price tab-->
  <div class='plan'>
<div class='entry-title'>
        <div class='price'>$25<span>pm</span>
        </div>
      </div>
    <div class='plan-inner'>
<div class='pricing-tag pricing-tag--free'>Free</div>
      <div class='pricing-content'>
        <ul>
          <li>BASIC PLAN</li>
          <li>10GB Storage Space</li>
          <li>50GB Bandwidth</li>
          <li>10 Free Sub-Domains</li>
          <li>100 E-mail Accounts</li>
<li>Control Panel &amp; FTP</li>
        </ul>
      </div>
      <div class='btn'>
        <a href='#'>Read More</a>
      </div>
    </div>
  </div>
  <!-- end of price tab-->

  <!--price tab-->
  <div class='plan basic'>
<div class='entry-title'>
        <div class='price'>$50<span>pm</span>
        </div>
      </div>
    <div class='plan-inner'>
<div class='pricing-tag pricing-tag--premium'>Premium</div>
  <div class='pricing-content'>
        <ul>
          <li>BASIC PLAN</li>
          <li>10GB Storage Space</li>
          <li>50GB Bandwidth</li>
          <li>10 Free Sub-Domains</li>
          <li>100 E-mail Accounts</li>
<li>Control Panel &amp; FTP</li>
        </ul>
      </div>
      <div class='btn'>
        <a href='#'>Read More</a>
      </div>
    </div>
  </div>
  <!-- end of price tab-->

  <!--price tab-->
  <div class='plan standard'>
      <div class='entry-title'>
        <div class='price'>$75<span>pm</span>
        </div>
      </div>
    <div class='plan-inner'>
<div class='pricing-tag pricing-tag--standard'>Standard</div>
  <div class='pricing-content'>
        <ul>
          <li>BASIC PLAN</li>
          <li>10GB Storage Space</li>
          <li>50GB Bandwidth</li>
          <li>10 Free Sub-Domains</li>
          <li>100 E-mail Accounts</li>
<li>Control Panel &amp; FTP</li>
        </ul>
      </div>
      <div class='btn'>
        <a href='#'>Read More</a>
      </div>
    </div>
  </div>
  <!-- end of price tab-->

  <!--price tab-->
  <div class='plan ultimite'>
      <div class='entry-title'>
        <div class='price'>$100<span>pm</span>
        </div>
      </div>
    <div class='plan-inner'>
<div class='pricing-tag pricing-tag--ultimite'>ultimite</div>
  <div class='pricing-content'>
        <ul>
          <li>BASIC PLAN</li>
          <li>10GB Storage Space</li>
          <li>50GB Bandwidth</li>
          <li>10 Free Sub-Domains</li>
          <li>100 E-mail Accounts</li>
<li>Control Panel &amp; FTP</li>
        </ul>
      </div>
      <div class='btn'>
        <a href='#'>Read More</a>
      </div>
    </div>
  </div>
  <!-- end of price tab-->
</div>
</div>
</div>

KETERANGAN:

Tanda # silahkan ganti dengan Url/Link dan lainnya Sesuaikan

SLIDER TESTIMONIAL

<div class='box-wrapper6'>
<div class='container'>
<div class='box-text'>
<h2>TESTIMONIALS</h2>
</div>
<div class='testimonial-slider'>
<figure class='snip1157'>
  <blockquote>Calvin: You know sometimes when I&#39;m talking, my words can&#39;t keep up with my thoughts... I wonder why we think faster than we speak. Hobbes: Probably so we can think twice
  </blockquote>
  <img alt='sq-sample3' src='http://sbtechnosoft.com/hostway/images/tes-img1.jpg'/>
  <div class='author'>
    <h5>Markovic Milan <span>/ General director</span></h5>
<h4>Mauris volutpat nulla a enim efficitur elementum poritor at </h4>
  </div>
</figure>
<figure class='snip1157'>
  <blockquote>Thank you. before I begin, I&#39;d like everyone to notice that my report is in a professional, clear plastic binder...When a report looks this good, you know it&#39;ll get an A. That&#39;s a tip kids. Write it down.
  </blockquote>
  <img alt='sq-sample27' src='http://sbtechnosoft.com/hostway/images/tes-img2.jpg'/>
  <div class='author'>
    <h5>Markovic Milan<span>/ General director</span></h5>
<h4>Mauris volutpat nulla a enim efficitur elementum poritor at </h4>
  </div>
</figure>
<figure class='snip1157'>
  <blockquote>My behaviour is addictive functioning in a disease process of toxic co-dependency. I need holistic healing and wellness before I&#39;ll accept any responsibility for my actions.
  </blockquote>
  <img alt='sq-sample17' src='http://sbtechnosoft.com/hostway/images/tes-img3.jpg'/>
  <div class='author'>
    <h5>Markovic Milan<span>/ General director</span></h5>
<h4>Mauris volutpat nulla a enim efficitur elementum poritor at </h4>
  </div>
</figure>

</div>

<div class='testimonial-img'>
  <img alt='HostWay' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5ZaNptY9RXp1mzJSNfLOOeksKIGVcGHp1-falFZFWQDIURuEasDjezBDcK9UPftv5632jtX0DfwVsYNY96GAZgpAWWMrAa0qCEe18d9OVBD5WspJWbbSWd04cDhz7l-9AojTUZDPD64U/s1600/testimonials-img.png'/>
</div>
</div>
</div>

KETERANGAN:
Silahkan sesuaikan

BANTUAN

<div class='box-wrapper8'>
<div class='container'>
<div class='box-lefts'>
  <h3>Perlu <strong>Bantuan</strong> Hubungi Kami:</h3>
</div>

<div class='box-rights'>
<div class='dream-hosts'><a href='#'>Hubungi Sekarang</a></div>
</div>
</div>
</div>

KETERANGAN:
Ganti tanda # dengan Url/Link

CREDIT LOGO

<div class='first-left'><a href='/'><img src='http://sbtechnosoft.com/hostway/images/footer-logo-two.png'/></a></div>

KETERANGAN:
Ganti url logo di dalamnya dengan Url logo blog Anda

RECENT FOOTER

<script src="/feeds/posts/default?max-results=5&amp;alt=json-in-script&amp;callback=recentpostslist"></script>

KETERANGAN:
Angka 5 adalah jumlah post yang ditampilkan, silahkan sesuaikan

SOCIAL FOOTER

<div class='lastright'>
<div class='credit_media'>
<a class='facebookBtn icon_media' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook-f'/></a>
<a class='twitterBtn icon_media' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='linkedintn icon_media' href='#' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/></a>
<a class='googleplusBtn icon_media' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='youtubeBtn icon_media' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube'/></a>
</div>
</div>

KETERANGAN:
Ganti tanda # dengan Url/Link Profil

PENGATURAN BAGIAN POSTINGAN

COMMENT DISQUS

<script type='text/javascript'>
//<![CDATA[
var disqus_shortname="azzam-1";
var disqus_url = disqus_blogger_current_url;

(function () {
    "use strict";
    var get_comment_block = function () {
        var block = document.getElementById('comments');
        if (!block) {
            block = document.getElementById('disqus-blogger-comment-block');
        }
        return block;
    };
    var comment_block = get_comment_block();
    if (!!comment_block) {
        var disqus_div = document.createElement('div');
        disqus_div.id = 'disqus_thread';
        comment_block.innerHTML = '';
        comment_block.appendChild(disqus_div);
        comment_block.style.display = 'block';
        var dsq = document.createElement('script');
        dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.body).appendChild(dsq);
    }
})();

!function(e,n,t){var o,c=e.getElementsByTagName(n)[0];e.getElementById(t)||(o=e.createElement(n),o.id=t,o.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3",c.parentNode.insertBefore(o,c))}(document,"script","facebook-jssdk");

    var divs = ["disqus-box", "facebook-box"];
    var visibleDivId = null;
    function toggleVisibility(divId) {
      if(visibleDivId === divId) {
        visibleDivId = null;
      } else {
        visibleDivId = divId;
      }
      hideNonVisibleDivs();
    }
    function hideNonVisibleDivs() {
      var i, divId, div;
      for(i = 0; i < divs.length; i++) {
        divId = divs[i];
        div = document.getElementById(divId);
        if(visibleDivId === divId) {
          div.style.display = "block";
        } else {
          div.style.display = "none";
        }
      }
    }

$(".commentbtn").click(function (e) {
$(this).addClass("btncurrent").siblings().removeClass("btncurrent");
});
//]]>
</script>

KETERANGAN:
Ganti Shortname Disqus azzam-1 dengan shortname Disqus Anda

POST TIME LINE

<ul class="post-timeline">
<li>
<time class="post-time" datetime="09:30">30 min09:30
</time>
<div class="line-icon">
1
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTy-b2H1wTLah1pGT95ohFPi6jBhvDLdppmKvWJ83djcI0hZY6Y8tjvfNXGeX-qJWghMBQDbs17MPKZ-_Mh0EIAoXKXmHMlXrrn99o9kOndgGskZt49IrNxsojYFpWoumb5uwhz6lLxfLG/s1600/1.jpg" />
</div>
<h4>
Augue invidunt has</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="11:30">2 hours11:30
</time>
<div class="line-icon">
2
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHUfw4hWhljTuHawmfSINyUr_QYIsg0jlR0zlfogZJu0liRr6Go3uCGj0ba6qY5S9iAfcX4_l7OdKYcx1Ld6EwD2woygV_1wEH_B93pruEgBJ5Zt927ErDV0FnQTsn-pyE25LDYmkVkpW/s1600/2.jpg" />
</div>
<h4>
An eirmod doctus admodum</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="13:30">1 hour13:30
</time>
<div class="line-icon">
3
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzDTY-2Rm7lUH1nq0LqcNHMBkJdU20ymPzAS28ZXxbsirau220kpMpJlAFHGExkbUXqlDhT9hYY4bY7wvzSnXujJSR62WUdN6WPYV5HL8CQ35IFC5QEubuKPJmKgHjnCaJJCf5DoqZ32p/s1600/3.jpg" />
</div>
<h4>
Eos aeque fuisset</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="14:30">2 hours14:30
</time>
<div class="line-icon">
4
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIvzGPQrFCt5pBu1c0Fa6HyNJVGmlqSl7P2NAqLWHUQByPBAyWVQmHYon2lAhPqIEr4juu5ZsyR9VB6qlCkZxmJgNnv8wPZc98CgycB46yww7cxDc6cvXQuUATITv5Q_m2xH7kdVF-QFE/s1600/4.jpg" />
</div>
<h4>
No affert timeam mea</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
</ul>

KETERANGAN:
Sesuaikan

SIDEBAR PRICE

<div id="box-price">
<div id="travel-price">
<h2>
Price</h2>
<div class="price">
<h3>
$578</h3>
</div>

KETERANGAN:
Adalah harga silahkan sesuaikan
Untuk widget ini, letakkan di halaman post HTML bukan pada Compose

SIDEBAR INFO

<div class="box-code"><h3 class="box-code-title">Get a Question?</h3><div class="box-code-content"><p>Do not hesitage to give us a call. We are an expert team and we are happy to talk to you.</p><p><i class="fa fa-phone"></i> <span>+62-8124-1105-658</span></p><p><i class="fa fa-envelope-o" style="font-size: 17px ;color: #ffcf2a ;margin-right: 10px ;"></i> <span style="font-size: 14px; color: #fff; font-weight: 600;">travel@goomsite.net</span></p></div></div>
</div>

KETERANGAN:
Adjust it

SIDEBAR Facilities Services

<div class="devider-rooms-detail">
<li><i class="far fa-check-square"></i> Double Bed</li>
<li><i class="far fa-check-square"></i> Privacy Beach</li>
<li><i class="far fa-check-square"></i> Breakfast Include</li>
<li><i class="far fa-check-square"></i> Private Balcony</li>
<li><i class="far fa-check-square"></i> Free Wi-Fi</li>
<li><i class="far fa-check-square"></i> 4 Persons</li>
</div>

KETERANGAN:
Adjust it

SIDEBAR GOOGLE FORM

<div class="dataform">
<span style="font-size: large;">
Professionally designed themes that work across all devices</span>.
<iframe id="iframe_uexxnchh" name="iframe_uexxnchh" onload="if(typeof sent_uexxnchh!='undefined'){window.location='http://success.goomsite.net/';}"></iframe>
<br />
<form action="https://docs.google.com/forms/d/1-4lcPqtCKo014Um6VTNKVNZf5drjFQ99dBpJ8PVhi9w/formResponse" id="ss-form" method="POST" onsubmit="sent_uexxnchh=true" target="iframe_uexxnchh">

<div class="styled-input">
<div class="styled-input-in">
<label>Name<span style="color:#ffcf2a;">*</span></label>
<input aria-label="Name" dir="auto" id="i.desc.1273213442" name="entry.1737440414" required="required" type="text" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>

<div class="styled-input">
<div class="styled-input-in">
<label>Email <span style="color:#ffcf2a;">*</span></label>
<input aria-label="email" dir="auto" id="i.desc.1349265833" name="entry.25388406" required="required" type="Email" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>

<div class="styled-input">
<div class="styled-input-in">
<label>Address <span style="color:#ffcf2a;">*</span></label>
<input aria-label="Address" dir="auto" id="i.desc.1332511248" name="entry.1063412485" required="required" type="Address" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>

<div class="styled-input">
<div class="styled-input-in">
<label>Phone<span style="color:#ffcf2a;">*</span></label>
<input aria-label="Phone" dir="auto" id="i.desc.6180708" name="entry.955621245" required="required" type="Phone" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>

<div class="styled-input wide">
<div class="styled-input-in">
<label>Message</label>
<textarea aria-label="Message" aria-required="true" cols="0" dir="auto" id="i.desc.186491945" name="entry.1213061265" required="required" rows="8"></textarea>
<span class="span1"></span><span class="span2"></span>
</div>
</div>

<input name="draftResponse" type="hidden" value="[,,&quot;5551902092149518152&quot;]" />
<input name="pageHistory" type="hidden" value="0" />
<input name="fbzx" type="hidden" value="5551902092149518152" />
<button class="btn btn-default" name="submit" type="submit">Submit</button>
</form>
</div>

KETERANGAN:
Google Form, For how to see here https://doc.goomsite.net/2017/11/google-forms-contact.html

COMMENT DISQUS

// Comments
function toggleVisibility(e){visibleDivId=visibleDivId===e?null:e,hideNonVisibleDivs()}function hideNonVisibleDivs(){var e,i,s;for(e=0;e<divs.length;e++)i=divs[e],s=document.getElementById(i),visibleDivId===i?s.style.display="block":s.style.display="none"}var disqus_shortname="azzam-1",disqus_url=disqus_blogger_current_url;!function(){"use strict";var e=function(){var e=document.getElementById("comments");return e||(e=document.getElementById("disqus-blogger-comment-block")),e},i=e();if(i){var s=document.createElement("div");s.id="disqus_thread",i.innerHTML="",i.appendChild(s),i.style.display="block";var n=document.createElement("script");n.async=!0,n.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.body).appendChild(n)}}();var divs=["blogger-box","disqus-bo

KETERANGAN:
Replace Shortname azzam-1 with your Disqus shortname

SHORTCODE

DROPCAP

<div class='dropcap'>D</div>

QOUTE

<blockquote class="tr_bq">
Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</blockquote>

ACCORDING

<div class="accordion">
  <input id="toggle1" type="radio" class="accordion-toggle" name="toggle" />
  <label for="toggle1">Accordion 1</label>
  <section>
    <p>
    Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
    </p>
    <p>
    Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
    </p>
  </section>
</div>

<div class="accordion">
  <input id="toggle2" type="radio" class="accordion-toggle" name="toggle" />
  <label for="toggle2">Accordion 2</label>
  <section>
    <p>
    Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
    </p>
    <p>
    Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
    </p>
  </section>
</div>

<div class="accordion">
  <input id="toggle3" type="radio" class="accordion-toggle" name="toggle" />
  <label for="toggle3">Accordion 3</label>
  <section>
    <p>
    Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
    </p>
    <p>
    Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
    </p>
  </section>
</div>

<div class="accordion">
  <input id="toggle4" type="radio" class="accordion-toggle" name="toggle" />
  <label for="toggle4">Accordion 4</label>
  <section>
    <p>
    Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
    </p>
    <p>
    Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
    </p>
  </section>
</div>

MESSAGE BOX

<div class="box info">
<div class="box-inner-block">
<span class="dropbox"><br /></span>
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
   </div>
</div>

<div class="box warning  ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
   </div>
</div>

<div class="box error  ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
   </div>
</div>

<div class="box download  ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
   </div>
</div>

<div class="box note  ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
   </div>
</div>

<div class="box shadow  ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
    <span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.</div>
</div>

BUTTON

<a class="shortc-button small red " href="/">Small</a>
<a class="shortc-button small orange " href="/">Small</a>
<a class="shortc-button small blue " href="/">Small</a>
<a class="shortc-button small green " href="/">Small</a>
<a class="shortc-button small black " href="/">Small</a>
<a class="shortc-button small gray " href="/">Small</a>
<a class="shortc-button small white " href="/">Small</a>
<a class="shortc-button small pink " href="/">Small</a>
<a class="shortc-button small purple  " href="/">Small</a>

<a class="shortc-button medium red " href="/">Medium</a>
<a class="shortc-button medium orange " href="/">Medium</a>
<a class="shortc-button medium blue " href="/">Medium</a>
<a class="shortc-button medium green " href="/">Medium</a>
<a class="shortc-button medium black " href="/">Medium</a>
<a class="shortc-button medium gray " href="/">Medium</a>
<a class="shortc-button medium white " href="/">Medium</a>
<a class="shortc-button medium pink " href="/">Medium</a>
<a class="shortc-button medium purple  " href="/">Medium</a>

<a class="shortc-button big red " href="/">Large</a>
<a class="shortc-button big orange " href="/">Large</a>
<a class="shortc-button big blue " href="/">Large</a>
<a class="shortc-button big green " href="/">Large</a>
<a class="shortc-button big black " href="/">Large</a>
<a class="shortc-button big gray " href="/">Large</a>
<a class="shortc-button big white " href="/">Large</a>
<a class="shortc-button big pink " href="/">Large</a>
<a class="shortc-button big purple  " href="/">Large</a>

TWO COLUM

<div class="box-art">
<div class="box-article">
Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim hendrerit varius. Curabitur aliquam augue vitae elit semper iaculis. Maecenas ut feugiat dui. Aliquam vestibulum sed turpis et molestie. Praesent blandit, elit ac hendrerit vehicula, lorem libero feugiat nunc, vitae auctor est ante id sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vitae ligula quis lorem dictum mollis.&nbsp;
</div>

<div class="box-article">
Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat metus sagittis ut. Ut rhoncus mauris vel pretium pretium. Sed non tempus justo, at volutpat orci. Quisque tristique neque eget erat varius, id interdum purus scelerisque. Nullam nunc ipsum, ullamcorper et ante quis, dapibus dapibus dolor. Nulla eget velit interdum, gravida ex blandit, commodo est. Fusce imperdiet dui sagittis tellus posuere aliquam. Aliquam erat volutpat.
</div>
</div>

AULIAN V2

Pengaturan HostWay

Pesan via WhatsApp!

Pengiriman Fleksibel

Metode Pembayaran Lengkap

Toko WA+

Hubungi Kami