Hari ini kita akan belajar cara membuat posting blog blogger Lebar penuh, menggeser sidebar dari kanan ke kiri dan sebaliknya. Ini adalah tutorial yang sangat maju dan Anda tidak dapat menemukannya di tempat lain di internet.
Setelah mengikuti tutorial ini Anda akan mendapatkan kebebasan untuk memilih ketiga opsi ini dan Anda dapat beralih ke gaya apa pun tanpa pengetahuan pengkodean apa pun, Anda dapat mengaktifkan gaya apa pun dengan menambahkan shortcode di posting atau editor halaman Anda, di bawah ini kami telah menyediakan demo live untuk Lebar penuh, Sidebar Kiri, dan pos blog Sidebar Kanan. Selamat menikmati !!
( Adding HTML Script )
Now this is the most essential part of the tutorial and you have to do it very carefully. In the template, search for the </body> tag and just above it paste the following HTML Coding.
<script type="text/javascript">
/*<![CDATA[*/
// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
var s = "[full_width]";
var o = "[left_sidebar]";
var u = "[right_sidebar]";
$(".post *").replaceText(s, "<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;max-width:100%!important;float:none!important;border-right:0!important;border-left:0!important}.item #sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-left:0!important;margin-right:0!important}}</style>");
$(".post-body *").replaceText(o, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:left!important;padding-left:0!important;}}</style>");
$(".post-body *").replaceText(u, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:right!important;padding-left:0!important;}}</style>");
/*]]>*/
</script>
Sekarang Simpan template Anda dan pergi ke halaman untuk menambahkan sitemap.
Catatan: - widget berfungsi pada jquery sehingga Anda harus menginstal plugin jquery jika Anda belum menginstalnya ..
Langkah-2 (Menambahkan Shortcode) - Paling Penting !!
Sekarang ini adalah bagian paling penting dari tutorial dan Anda harus melakukannya dengan sangat hati-hati. Buka dasbor blogger Anda> Posting / Halaman> Edit yang sudah ada atau tambahkan baru.
Pada konten posting / halaman, tambahkan kode berikut di area konten.
Full Width Post;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [full_width] di area konten halaman.
Bilah Sisi Kiri;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [left_sidebar] di area konten halaman.
Bilah Sisi Kanan;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [right_sidebar] di area konten halaman.
Sekarang klik mempublikasikan tombol dan periksa halaman yang diterbitkan untuk melihat widget sitemap yang baru ditambahkan. ;)
Catatan: - Widget ini terutama bekerja dengan templat yang dibuat oleh Soratemplates, tetapi jika masih tidak berfungsi di situs Anda, Jangan panik hanya dengan mengomentari alamat blog Anda.
Catatan *: - Beberapa ttemplates yang dibuat oleh soratemplates sudah memiliki fitur ini.
Kesimpulan
Selamat !! Anda telah berhasil. sekarang Anda telah belajar bahwa Make Your Blog Full Width, meninggalkan Sidebar dan Sidebar Kanan Dengan Shortcode. Kunjungi blog Anda dan periksa widget mengagumkan yang sedang beraksi, semoga Anda menyukai tutorial ini, jika Anda menikmati, silakan bagikan dengan teman-teman Anda, kami bekerja keras untuk mengembangkan lebih banyak lagi widget keren seperti itu, ikuti terus Kami. Selamat tinggal !! (Selamat tinggal dalam bahasa Inggris !! hahaha).
Setelah mengikuti tutorial ini Anda akan mendapatkan kebebasan untuk memilih ketiga opsi ini dan Anda dapat beralih ke gaya apa pun tanpa pengetahuan pengkodean apa pun, Anda dapat mengaktifkan gaya apa pun dengan menambahkan shortcode di posting atau editor halaman Anda, di bawah ini kami telah menyediakan demo live untuk Lebar penuh, Sidebar Kiri, dan pos blog Sidebar Kanan. Selamat menikmati !!
( Adding HTML Script )
Now this is the most essential part of the tutorial and you have to do it very carefully. In the template, search for the </body> tag and just above it paste the following HTML Coding.
<script type="text/javascript">
/*<![CDATA[*/
// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
var s = "[full_width]";
var o = "[left_sidebar]";
var u = "[right_sidebar]";
$(".post *").replaceText(s, "<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;max-width:100%!important;float:none!important;border-right:0!important;border-left:0!important}.item #sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-left:0!important;margin-right:0!important}}</style>");
$(".post-body *").replaceText(o, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:left!important;padding-left:0!important;}}</style>");
$(".post-body *").replaceText(u, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:right!important;padding-left:0!important;}}</style>");
/*]]>*/
</script>
Sekarang Simpan template Anda dan pergi ke halaman untuk menambahkan sitemap.
Catatan: - widget berfungsi pada jquery sehingga Anda harus menginstal plugin jquery jika Anda belum menginstalnya ..
Langkah-2 (Menambahkan Shortcode) - Paling Penting !!
Sekarang ini adalah bagian paling penting dari tutorial dan Anda harus melakukannya dengan sangat hati-hati. Buka dasbor blogger Anda> Posting / Halaman> Edit yang sudah ada atau tambahkan baru.
Pada konten posting / halaman, tambahkan kode berikut di area konten.
Full Width Post;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [full_width] di area konten halaman.
Bilah Sisi Kiri;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [left_sidebar] di area konten halaman.
Bilah Sisi Kanan;
Buka Halaman atau Posting> Halaman Baru atau Posting
Pada konten halaman baru / konten posting setelah menambahkan halaman / judul posting, tambahkan kode [right_sidebar] di area konten halaman.
Sekarang klik mempublikasikan tombol dan periksa halaman yang diterbitkan untuk melihat widget sitemap yang baru ditambahkan. ;)
Catatan: - Widget ini terutama bekerja dengan templat yang dibuat oleh Soratemplates, tetapi jika masih tidak berfungsi di situs Anda, Jangan panik hanya dengan mengomentari alamat blog Anda.
Catatan *: - Beberapa ttemplates yang dibuat oleh soratemplates sudah memiliki fitur ini.
Kesimpulan
Selamat !! Anda telah berhasil. sekarang Anda telah belajar bahwa Make Your Blog Full Width, meninggalkan Sidebar dan Sidebar Kanan Dengan Shortcode. Kunjungi blog Anda dan periksa widget mengagumkan yang sedang beraksi, semoga Anda menyukai tutorial ini, jika Anda menikmati, silakan bagikan dengan teman-teman Anda, kami bekerja keras untuk mengembangkan lebih banyak lagi widget keren seperti itu, ikuti terus Kami. Selamat tinggal !! (Selamat tinggal dalam bahasa Inggris !! hahaha).
Advertisement