Cara Mengatur Template Blogger Simple Tech


Simple Tech Blogger Template adalah tema blog berita sederhana yang bersih dengan fitur berkelas dan elemen desain terbaik. Simple Tech dilengkapi dengan berbagai widget yang akan membantu Anda untuk mempublikasikan blog secara lebih profesional. Untuk memudahkan Anda, kami telah menerbitkan dokumentasi terperinci ini, sehingga Anda dapat mengatur blog dengan benar.
Anda dapat memeriksa demo langsung atau mengunduh templat melalui tombol di bawah ini dan juga Harap Baca dokumentasi ini dengan seksama untuk menyiapkan blog Anda.

DEMO        DOWNLOAD


Video Dokumentasi



Top Menu

Di Template Blogger Dashbord Klik
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<!-- primary navigation menu start -->
          <ul class='menubar'>
            <li>
              <a href='/'>
                Home
              </a>
            </li>
            <li>
              <a href='https://simple-tech-soratemplates.blogspot.com/p/about.html'>
                About
              </a>
            </li>
            <li>
              <a href='https://simple-tech-soratemplates.blogspot.com/p/contact_17.html'>
                Contact
              </a>
            </li>
          </ul>

Ganti tautan dengan tautan Anda sendiri.

Top Social

Di Template Blogger Dashbord Klik
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<ul>
                                                                                                    <li><a href='#'><img alt='Dribbble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSao9khzQYzVQKILEKhtjzP7lH1QFD3tlQHvX0iRRK3mNLg19kXTRgE4f6iRk1IAPK8w-YqTdBwuhI0j2rYVQPe3oByvLY2AEXi5QN1p02_ZONKxTVl1fBJHi6uBVKxI7eg9uh92V9Su4/s1600/soc-icon-dribbble.png'/></a></li>
                                                                                                   
                                               
                                                                                                    <li><a href='#'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh24LAJzfKl_pYXd-FvsCFoj0yn1G_5437eu3pYCMjdFw19anusN3VSfHOXFIST_8EUMSdR_AGMJe7rKPyF1_EtgyPfPZKZzKJapFGL60W5IjWqbkyXHLh59hF3Us6JhE0o9Y5mNHeqbGg/s1600/soc-icon-fb.png'/></a></li>
                                               
                                                           

                                                                                                    <li><a href='#'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYYU2la6sBtLgXjHGD4UVJ8YOpFdgRomjZqKCJLGD9pDU2fJbBBWYI9DoAGgCUQqTUAyJkvclM1ILxkLfhSahOxmcKEkeBPIiQRs2E4KxvBOPJSfSZhgkNhz74mnc65EMF3dAcVm1X7w0/s1600/soc-icon-p.png'/></a></li>
                                                                                                   

                                                                                                    <li><a href='#'><img alt='Behance' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38EYcCksXJv0JCSCMLZll5wzLrsI0uL5oo03yfjg93sSBsit1hOzltdyDSGvXOBnu_3APljdVAIVkpD3kUaK_MVZaA-8JxIJE0Ua5yWEVDFJzlT3ehoH4HOnBEoWXBYpfdpbOPhB4Fn8/s1600/soc-icon-be.png'/></a></li>
                                                
                                                
                                                   
                                                                                                    
                                                                                                    <li><a href='#'><img alt='Instagram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzsHOLKkaWshWQA0_X3cdB42Liso3e0xk5NhosDytNHNztHra_Yncr4e9WnbdQ99-tyEofW5IVB805zXPJU-I0xfEorh9kKeooKFmkglM95J6sRx_gE7SuImxGoLaSIXlxHVuW45YrA5g/s1600/soc-icon-instagram.png'/></a></li>
                                                 
                                                   
                                               
                                                                                            </ul>

Ganti tautan sosial dengan tautan sosial Anda sendiri.

Main Menu/Dropdown/Multi Dropdown

Di Template Blogger Dashbord Klik
Klik Edit HTML
(Menu) Gulir ke bawah dan Temukan Kode ini:

<ul class='nav menubar2' id='menu-main' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
          <li>
            <a class='active' href='/' itemprop='url'><span itemprop='name'>
              <i class='fa fa-home'/>
              <div id='act'>
                Home
              </div>
            </span></a>
          </li>
          <li>
            <a href='#'>
              Features
            </a>
            <ul>
              <li>
                <a href='#' itemprop='url'><span itemprop='name'>
                  Multi DropDown
                </span></a>
<ul class='sub-menu'>
<li><a href='#'>DropDown 1</a></li>
<li><a href='#'>DropDown 2</a></li>
</ul>
              </li>
              <li>
                <a href='https://simple-tech-soratemplates.blogspot.com/p/page-markups-and-shortcodes.html' itemprop='url'><span itemprop='name'>
                  ShortCodes
                </span></a>
              </li>
              <li>
                <a href='https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html' itemprop='url'><span itemprop='name'>
                  SiteMap
                </span></a>
              </li>
              <li>
                <a href='https://simple-tech-soratemplates.blogspot.com/soratemplates' itemprop='url'><span itemprop='name'>
                  Error Page
                </span></a>
              </li>
            </ul>
          </li>
          <li>
            <a href='#'>
              Documentation
            </a>
            <ul>
              <li>
                <a href='#' itemprop='url'><span itemprop='name'>
                  Web
               </span></a>
              </li>
              <li>
                <a href='#' itemprop='url'><span itemprop='name'>
                  Video
                </span></a>
              </li>
            </ul>
          </li>
          <li>
            <a href='http://www.soratemplates.com/2014/11/simple-tech-blogger-templates.html' itemprop='url'><span itemprop='name'>
              Download This Template
              </span></a>
          </li>
        </ul>

Ganti tautan dengan tautan Anda sendiri.

Sidebar Subscription Widget

Akses Tema blog Anda> klik Edit Html> dan kemudian temukan pengkodean berikut.

<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=soratemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
              <input name='uri' type='hidden' value='soratemplates'/>
Ubah url berwarna merah dengan id feedburner Anda.

Author Box

Akses Tema blog Anda> klik Edit Html> dan kemudian temukan pengkodean berikut.

<ul>
<li><a href='http://www.dribbble.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4msnbuz8h83pWlljiOXn6JCYYdI_W6bm_FYxyhfdBpruwNQzYYnvhPlLxLILsGrMaveQ9boXePCBVwVk6-ptniyZWlKYdqxPHBi_tPH3uCRvUm92CiLzxeYKTS5Kf6iLhbVNwk2tvhG4/s1600/soc-icon-black-dribbble.png' title='Image'/></a></li>

<li><a href='http://twitter.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UNBi-XI_58Uintiwcd32pzrikvkSwKVn15gp_psCkEuOqU_dSz2KQe1ylwnetsi0U01Hz0IDLVVc0bRLNvR7_FEcfhzfHNiSfVIenYiMG5y5VwXvN0x4coo3CGHhl9l4cyi-gO0mYwY/s1600/soc-icon-black-t.png' title='Image'/></a></li>

<li><a href='http://pinterest.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPS_YOhR3qjc165o-YwP3SRiWmQmpd2UPPQrFWYqwSCahQENf_ULgoFA_bQ3IiCTXy24bzahikzhDKXvB2hL7ZIo8Gr6hhm5BlK2lvf-84__1ZyyaMcfaLP5X9YrmkgtFlcJYxQ9apTQ/s1600/soc-icon-black-p.pn' title='Image'/></a></li>
<li><a href='http://www.behance.net/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZXJ7QHm3YSINPXzeqznnX4ycfCyn6qA9Vrh0defjtmyPVM0n6xBNcgNJltXFFaR8-l1KAK0NN2uOAfhUkm8zluIfmRs44zBeOzYUK13xlvFkQU5ftxdY86rKTAGEY_h70ql27oka4z0M/s1600/soc-icon-black-be.png' title='Image'/></a></li>

<li><a href='http://www.instagram.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfm0Z3pKLmYIYTrbXHd8DTGItQlYunslugBisHqFMTTEQVIqfLO24Z_T8hqGIMR4vV1yW5XR2wEpgHIgTqvLdAVVty8p59A321m4rcIwGLsGP0RF6tGSgBt_Ta4GCN_ppGM6ycc8ghkPQ/s1600/soc-icon-black-instagram.png' title='Image'/></a></li>
</ul>
Ganti tautan sosial dengan tautan sosial Anda sendiri. Hal-hal lainnya berfungsi secara otomatis, Anda hanya perlu mengatur profil penulis Anda;

Footer Social

Di Template Blogger Dashbord Klik
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<ul class='aligncenter'>
              <li class='social-email'><a href='#' target='_blank'><i class='fa fa-envelope'/></a>
                </li>
                <li class='social-facebook'><a href='#' target='_blank'><i class='fa fa-facebook'/></a>
                </li>
                <li class='social-pinterest'><a href='#' target='_blank'><i class='fa fa-pinterest'/></a>
                </li>
                <li class='social-twitter'><a href='#' target='_blank'><i class='fa fa-twitter'/></a>
                </li>
                <li class='social-youtube'><a href='#' target='_blank'><i class='fa fa-youtube'/></a>
                </li>
            </ul>

Ganti tautan sosial dengan tautan sosial Anda sendiri.

Pagination Results

Akses Tema blog Anda> klik Edit Html> dan kemudian temukan pengkodean berikut.

var pageNaviConf = {
                            perPage: 5,
                            numPages: 9,
                            firstText: &quot;First&quot;,
                            lastText: &quot;Last&quot;,
                            nextText: &quot;Next&quot;,
                            prevText: &quot;Prev&quot;

Ubah info dengan nomor persis yang telah Anda atur ke dalam pengaturan posting.

Facebook Page Plugin:

    <center><div class="fb-padding"><div id="fb-root"></div>

    <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) return;

      js = d.createElement(s); js.id = id;

      js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";

      fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));</script>

    <div class="fb-page" data-href="https://www.facebook.com/soratemplates" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>
Ganti tautan dengan tautan Anda sendiri.

Selamat mencoba
,
Cara Mengatur Template Blogger Simple Tech Cara Mengatur Template Blogger Simple Tech Reviewed by admin on 9:08:00 PM Rating: 5

No comments:

DomaiNesia
Den Blangkon. Powered by Blogger.