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.
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.
Video Dokumentasi
Top Menu
Di Template Blogger Dashbord Klik
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:
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:
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:
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('http://feedburner.google.com/fb/a/mailverify?uri=soratemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>Ubah url berwarna merah dengan id feedburner Anda.
<input name='uri' type='hidden' value='soratemplates'/>
Author Box
Akses Tema blog Anda> klik Edit Html> dan kemudian temukan pengkodean berikut.
<ul>Ganti tautan sosial dengan tautan sosial Anda sendiri. Hal-hal lainnya berfungsi secara otomatis, Anda hanya perlu mengatur profil penulis Anda;
<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>
Footer Social
Di Template Blogger Dashbord Klik
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:
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: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
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>Ganti tautan dengan tautan Anda sendiri.
<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>
Selamat mencoba
,
Cara Mengatur Template Blogger Simple Tech
Reviewed by admin
on
9:08:00 PM
Rating:
No comments: