Template Pro Gratis Download Versi Terbaru dan Mudah Cara Membuatnya
Versi terbaru untuk template SimplexEnews, yang tetap beberapa kesalahan terjadi Mudah untuk menginstal dan menyesuaikan melalui widget di Elemen Halaman.
Download disini: Download file template ini dengan Disqus | Unduh file template ini tanpa Disqus
Berikut adalah langkah-langkah untuk menginstal template ini.
1, Download template ini
2, file template Buka dalam editor kata
3, Untuk membuat menu navigasi
cari kode ini
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='http://simplexenews1.blogspot.com/'>Home</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/world'>World</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/US'>US</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/business'>Business</a>
<ul>
<li><a href=''>Category</a>
<ul>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
<li><a href='http://simplexenews1.blogspot.com/search/label/entertainment'>Entertainment</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/Sports'>Sports</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/tech'>Technology</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/editor'>Editor's picks</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/story'>Top Stories</a>
<ul>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
</ul>
</div>
Berikut adalah langkah-langkah untuk menginstal template ini.
1, Download template ini
2, file template Buka dalam editor kata
3, Untuk membuat menu navigasi
cari kode ini
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='http://simplexenews1.blogspot.com/'>Home</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/world'>World</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/US'>US</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/business'>Business</a>
<ul>
<li><a href=''>Category</a>
<ul>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
<li><a href='http://simplexenews1.blogspot.com/search/label/entertainment'>Entertainment</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/Sports'>Sports</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/tech'>Technology</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/editor'>Editor's picks</a></li>
<li><a href='http://simplexenews1.blogspot.com/search/label/story'>Top Stories</a>
<ul>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
<li><a href=''>Category</a></li>
</ul>
</li>
</ul>
</div>
dan mengedit teks dalam huruf tebal dengan nama dan url kategori Anda. Link ke setiap kategori memiliki struktur
http://your blog.blogspot.com / search / label / kategori-nama
4, ini adalah kode dari kotak kredit pada akhir setiap posting:
<div class='clear' id='entry-author'>
<div id='author-avatar'>
<img alt='' height='60' src='http://0.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G' width='60'/>
</div> <!--end .author-avatar-->
<div id='author-description'>
<h3>About author</h3>
Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel placerat purus convallis.
</div> <!--end .author-description-->
</div> <!--end .entry-author-->
<div id='author-avatar'>
<img alt='' height='60' src='http://0.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G' width='60'/>
</div> <!--end .author-avatar-->
<div id='author-description'>
<h3>About author</h3>
Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel placerat purus convallis.
</div> <!--end .author-description-->
</div> <!--end .entry-author-->
Mengedit teks dalam huruf tebal dengan teks yang Anda inginkan (Anda bisa mengubahnya, menambahkan link ke profil Anda, menerjemahkan ke bahasa Anda)
5, Jika Anda memilih file template dengan sistem komentar Disqus, cari kode ini
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
dan kode ini:
<b:includable id='comments' var='post'>
<div id='disqus_thread'/>
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
// var disqus_identifier = 'unique_dynamic_id_1234';
// var disqus_url = 'http://example.com/permalink-to-page.html';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
</b:includable>
<div id='disqus_thread'/>
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
// var disqus_identifier = 'unique_dynamic_id_1234';
// var disqus_url = 'http://example.com/permalink-to-page.html';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
</b:includable>
dan kode ini
<div class='dsq-widget' id='recentcomments'><script type="text/javascript" src="http://simplexenews.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=200"></script></div>
mengubah teks 'simplexenews' (ditandai dengan huruf tebal) ke shortname Disqus Anda. Langkah ini diperlukan karena jika Anda tidak mengubah teks ini, artinya Anda menggunakan akun Disqus saya, sehingga saya dapat menghapus komentar Anda
Sekarang, simpan template dan meng-upload ke blogger.
6, Untuk menambahkan logo ke template ini
klik edit link di widget logo
dan menambahkan link ke logo Anda dalam konten widget
7, Untuk menambahkan account jaringan sosial Anda
klik pada link 'sunting' di widget Jaringan Sosial
dan menambahkan link ke account jaringan sosial Anda.
8, 'topads', 'Midads', 'ads2' adalah widget untuk iklan.
Anda dapat klik pada link 'edit' widget ini
dan menambahkan kode iklan ke konten widget. begini
9, Untuk menampilkan posting di bawah kategori di slider:
klik pada link 'sunting' di widget 'Slider Looped'
menambahkan judul yang ingin ditampilkan dalam judul widget, dan menambahkan nama kategori ke konten widget.
Dalam gambar di atas, saya ingin menunjukkan tulisan dalam kategori 'fitur' dalam slider, jadi saya menambahkan 'fitur' nama kategori ke konten widget dan menambahkan 'fitur' judul menjadi judul widget.
10, Lakukan hal yang sama dengan widget lainnya. Klik link 'edit' di widget, menambahkan nama kategori ke konten widget dan menambahkan judul yang ingin ditampilkan dalam judul widget. Posting terbaru di kategori ini akan ditampilkan di mana widget yang Anda pilih adalah.
Sebagai contoh, saya ingin menunjukkan posting di bawah kategori 'AS' dalam posisi widget 'Dua col-benar'
Pertama, saya klik pada link 'sunting' di 'Dua col-benar'
dialog muncul, kemudian, saya menambahkan nama kategori 'AS' ke konten widget, dan menambahkan judul saya ingin menunjukkan 'AS' ke dalam judul widget.
Setelah itu, klik Simpan.
Jika kategori 'AS' ada di blog saya, dan ada setidaknya satu posting di bawah kategori 'AS', maka akan ditampilkan dalam posisi 'Dua col-benar'
11, Lakukan hal yang sama dengan korsel
Sebagai contoh, saya ingin menunjukkan tulisan di bawah 'headline' kategori dalam posisi carousel widget
Pertama, saya klik pada link 'sunting' di 'Carousel'
dialog muncul.
Lalu, saya menambahkan 'headline' nama kategori ke konten widget, dan menambahkan judul saya ingin menunjukkan 'headline' ke dalam judul widget.
Setelah itu, klik Simpan.
Posting dalam kategori 'judul' akan ditampilkan di carousel widget
12, Untuk menambahkan video
klik pada link edit di widget video
menambahkan video kode embed ke konten widget
13, Untuk menambahkan foto ke Flickr widget
klik pada link edit di Flickr widget
add id Flickr ke dalam konten widget
14, Untuk menambah Kategori, Blogroll
Anda dapat klik pada link edit di widget ini, misalnya untuk widget Kategori
menambahkan link yang Anda inginkan
15, Untuk menambahkan sebuah forum untuk blog, membuat halaman baru, nama itu 'forum' dan paste forum diembed kode ke konten halaman (dalam mode Edit HTML)
kemudian pergi ke Dashboard -> Pergi ke Desain -> Edit HTML, mencari 'http://simplexenews1.blogspot.com/p/forum.html' teks
dan menggantinya dengan link ke halaman 'forum' Anda baru saja dibuat. Ada 3 tempat perlu mengubah secara total. Setelah itu, simpan perubahan.
Berikut adalah tempat perlu mengubah 'http://simplexenews1.blogspot.com/p/forum.html' dengan link ke halaman forum Anda:
1 tempat: 2 dan 3
Itu semua Simpan template dan. Anda akan melihat halaman forum penuh-lebar.
16, Lightbox efek telah terintegrasi dalam template ini
Untuk menggunakan efek Lightbox di posting Anda, saat mengedit posting, klik Edit HTML.
Untuk menambahkan efek lightbox untuk satu gambar, penggunaan rel = "lightbox" title = "image Caption Anda" sebagai gambar di atas
Untuk menambahkan efek lightbox untuk beberapa gambar, penggunaan rel = "lightbox [albumname]" title = "Keterangan Gambar Anda"
jika Anda ingin menambahkan gambar lain untuk album ini, meng-upload gambar kedua dan penggunaan rel = "lightbox [albumname]" title = "Keterangan untuk gambar Kedua albumname"
dalam hal ini, lightbox akan bekerja seperti sebuah galeri dengan link berikutnya dan sebelumnya dan Anda dapat menggunakan keyboard untuk menavigasi melalui album
17, Jika Anda ingin menambah / mengurangi jumlah posting di setiap kategori, pergi ke Desain -> Edit HTML -> diperiksa Perluas template widget, dan menemukan variabel dalam file template:
numposts = 6;
numposts1 = 3;
numposts2 = 6;
numposts3 = 4;
numposts5 = 5;
numposts6 = 10;
mencoba untuk mengubah nilai-nilai untuk apa yang Anda butuhkan.
Itu semua untuk template ini. Anda dapat menambahkan / menghapus widget atau mengubah posisi di Elemen Halaman.
Jangan ragu untuk meninggalkan saya komentar....................
0 komentar:
Post a Comment