jQueryindo Blogger Template

jQueryindo Blogger Template, merupakan template hasil cloning dari situs Arlinadesign.com dan akan Saya bagikan secara Premium.

Mengapa Premium. Karna template ini sangat rumit dalam penyusunan yang saya lakukan.
Sobat akan mendapatkan layanan bantuan pemasangan template premium saya hingga selesai dan akan mendapatkan diskon pada template - template Premium yang akan saya bagikan kedepannya.

Harga
Untuk harga sangat terjangkau, yaitu $ 4 USD, setara dengan Rp 50.000 lebih kurang.

Template ini memiliki fitur yang cukup menarik seperti responsive, SEO Friendly, dan lainnya.

Features	Availability
Responsive	True
SEO	True
Custom Threaded Comment	True
2 Column	True
Light Base Theme Color	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Sidebar Tab Widget	True
Recent Post Widget	True
Recent Comment Widget	True
Custom 404 Page	True
Smooth Scroll back To Top	True
Better Print Page Layout	True
Well Documentation	True

  Demo

Buy

Demikian yang dapat saya sampaikan mengenai jQueryindo Blogger Template, semoga bermanfaat. Pastikan Anda terus mengunjungi jQueryINDO untuk mendapatan informasi panduan blogger serta SEO. Jika anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email melalui form berlangganan pada bagian bawah Blog ini, dan sebelum Anda beranjak dari halaman ini, saya sangat senang sekali jika Anda bersedia memberi Like, Share serta memberi G+1 pada artikel ini agar sahabat blogger lainnya juga mengetahui informasi ini. Saya ucapkan terimakasih sebelumnya, semoga bermanfaat dan sukses selalu untuk Anda.

Metuwah Template Blogger

Metuwah Template Resposive

Metuwah Template merupakan template yang pertama Saya yang akan saya bagikan, sebenarnya ada beberapa template yang sudah saya buat namun akan saya bagikan kepada Anda dilain waktu. Template ini memiliki fitur yang cukup menarik seperti responsive, SEO Friendly, dan lainnya.

Features	Availability
Responsive	True
SEO	True
Custom Threaded Comment	True
2 Column	True
Light Base Theme Color	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Sidebar Tab Widget	True
Recent Post Widget	True
Recent Comment Widget	True
Custom 404 Page	Service
Smooth Scroll back To Top	True
Better Print Page Layout	True
Well Documentation	True

  Demo

Demikian yang dapat saya sampaikan mengenai Metuwah Template Blogger, semoga bermanfaat. Pastikan Anda terus mengunjungi jQueryINDO untuk mendapatan informasi panduan blogger serta SEO. Jika anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email melalui form berlangganan pada bagian bawah Blog ini, dan sebelum Anda beranjak dari halaman ini, saya sangat senang sekali jika Anda bersedia memberi Like, Share serta memberi G+1 pada artikel ini agar sahabat blogger lainnya juga mengetahui informasi ini. Saya ucapkan terimakasih sebelumnya, semoga bermanfaat dan sukses selalu untuk Anda.

5 Cuplikan jQuery yang Sangat Berguna

Lima cuplikan  jQuery yang sangat berguna dan masih banyak digunakan hingga sekarang ini.
Bagi Anda seorang blogger atau webmaster pasti yang namanya jQuery tidak asing lagi bagi merekadan merupakan hal yang sering kita temui di hampir semua WebSite. sedikit tentang jQuery atau sering di sebut sebagai Library JavaScript merupakan alat yang memungkinkan pengembang web untuk menambah fungsionalitas tambahan ke situs Web mereka. Baca selengkapnya.....

Kembali ke pokok pembahasan yaitu lima cuplikan  jQuery yang sangat berguna dan masih banyak digunakan hingga sekarang ini.

1. Back to Top Button

$('a.top').click(function(){

$(document.body).animate({scrollTop : 0},800);

return false;
});

Back to Top Button merupakan hal yang sering kita temukan pada sebuah website, digunakan untuk membuat para pengunjung mudah untuk kembali atau melompat ke halaman atas website apabila sudah berada di bagian tengah maupun bawah website. Item yang lagi trendi ini cara pemasangannya sangat mudah sekali. Anda hanya perlu mengcopy kode diatas tadi dan menambah kode HTML pemanggil yang serupa (dengan <a class="top") untuk membuat tombol yang sebenarnya: <a class="top" href="#"> back to top </a> atau bisa juga menggunakan Logo maupun Icon.

2. Enabling/Disabling Input Fields

$('input[type="submit"]').attr("disabled", true);

$(‘input[type="submit"]').removeAttr("disabled”);

Kode diatas berguna untuk tidak ingin pengguna untuk dapat masukan pada bidang tertentu atau pada bagian isi formulir (mengblock, mengblock setelah mengisi beberapa info prasyarat). Baris atas kode akan menonaktifkan elemen input, dan garis bawah akan memungkinkan elemen imput.

3. Zebra Striping

$('li:odd').css('background', ‘#e7e7e7’);

Zebra striping adalah pilihan gaya umum yang sering terlihat di daftar nama atau tabel. Kode di atas akan menambah zebra striping untuk daftar.

4. Prevent Link Functionality

$(“a.disable").on("click", function(e){

  e.preventDefault();

});

Potongan kode di atas adalah untuk mengintrol fungsi dari clik. yang akan Anda nonaktifkan dan tidak akan bekerja sama sekali ketika pengguna mengklik itu. Pastikan Anda menentukan atau menghubungkan sebuah link dengan hati-hati, jika tidak, bisa-bisa  menonaktifkan semua link Anda.

5. Toggle Classes

$(“.main”).toggleClass(“selected”);

Potongan kode ini sangat berguna untuk mengubah gaya, penampilan, dan bahkan mungkin fungsi dari elemen HTML dengan menambahkan atau menghapus tag tertentu, Oleh karna itu besar kemungkinan sebagai hasil dari pemicu klik viewer.

Demikian yang dapat saya sampaikan mengenai 5 Cuplikan jQuery yang Sangat Berguna, semoga bermanfaat. Pastikan Anda terus mengunjungi jQueryINDO untuk mendapatan informasi panduan blogger serta SEO. Jika anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email melalui form berlangganan pada bagian bawah Blog ini, dan sebelum Anda beranjak dari halaman ini, saya sangat senang sekali jika Anda bersedia memberi Like, Share serta memberi G+1 pada artikel ini agar sahabat blogger lainnya juga mengetahui informasi ini. Saya ucapkan terimakasih sebelumnya, semoga bermanfaat dan sukses selalu untuk Anda.

Memasang Data Struktur WebSite Schema Kedalam Template

Pada Kesempatan Kaliini saya akan membahas tentang Struktur Schema WebSite, cara serta manfaatnya. Saat bicara soal Struktur Data Web (baik HTML ataupun Schema) bukan berarti hanya dengan menerapkannya dengan benar Web kalian bisa langsung di posisi teratas. Penerapan struktur data hanya untuk membantu Google mempermudah melakukan Crawl ke situs kita. Jadi soal content dan link itu di bagian (part) yang berbeda dari serial SEO.

Sebelum memulai sebaiknya Anda check terlebih dahulu apakah Blog Anda telah disertakan Scrip Struktur WebSite ini dengan cara menuju ke link : https://search.google.com/structured-data/testing-tool ⇒ Masukan URL blog Anda ⇒ Jalankan Pengujian. Pada bagian yang akan muncul silahkan anda lihat pada bagian kanan apakah terdeteksi Stuktur WebSite, gambar seperti dibawah ini.

Jika ada berarti Anda tidak perlu memasangnya lagi, jika tidak ada silahkan simak baik-baik tatacara memasang Schema WebSite pada temlate.

Langkah Pemasangan
1. Buka:  Blogger⇒Template⇒ Edit HTML. Letakkan Kode dibawah ini tepat diatas  <Meta Conten

<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "https://jqueryindo.blogspot.com/", "potentialAction": { "@type": "SearchAction", "target": "https://jqueryindo.blogspot.com/?q={search_term}", "query-input": "required name=search_term" } }</script>

Perhatikan Gambar dibawah ini bagi yabg kurang mengerti.

Ganti Url https://jqueryindo.blogspot.com/ dengan Url Blog kalian.

Sekarang silahkan buka https://search.google.com/structured-data/testing-tool kembali dan lihat hasilnya.

Demikian yang dapat saya sampaikan mengenai Memasang Data Stuktur WebSite Kedalam Template, semoga bermanfaat. Pastikan Anda terus mengunjungi jQueryINDO untuk mendapatan informasi panduan blogger serta SEO. Jika anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email melalui form berlangganan pada bagian bawah Blog ini, dan sebelum Anda beranjak dari halaman ini, saya sangat senang sekali jika Anda bersedia memberi Like, Share serta memberi G+1 pada artikel ini agar sahabat blogger lainnya juga mengetahui informasi ini. Saya ucapkan terimakasih sebelumnya, semoga bermanfaat dan sukses selalu untuk Anda.

Memasang Share Button Premium SumoMe Pada Blog

Share Buttot atau tombol berbagi merupakan salah satu hal penting yang harus dimiliki pada sebuah Blog atau para media pencipta konten. Fitur share ini menjadi cara untuk berbagi hal-hal dengan teman-teman Anda dengan mudah dan sekaligus dapat menjadi cara terbaik untuk menggandakan lalu lintas situs.

Dengan dengan adanya Share Button, hal tersebut bisa kita manfaatkan juga untuk menambah traffic sebuah situs website maupun blog. Dalam artikel ini, saya akan menunjukkan bagaimana cara untuk menambahkan tombol Share Share Button Premium SumoMe Pada Blog.

Untuk menambahkan tombol share di situs Blogger Anda, hal pertama yang perlu Anda lakukan adalah dengan mengbackup seluruh data template terlebih dahulu agar dapat menghindari hal yang tidak diinginkan, Kemudian Anda perlu mengunjungi Situs » https://sumome.com » Singup » untuk melakukan mengkonfigurasi plugin.

Singup
Cara Singup sangat mudah Anda hanya perlu mengisi beberapa data seperti URL blog, Email, dan Password. Lihat seperti gambar di bawah ini.

Pemasangan
Setelah melewati langkah diatas maka akan Anda akan diberikan Sebuah Kode Scrip yang harus dipasang kedalam HTML Template, namun Anda tidk perlu mengambilnya, karna saya akan membagikan Kode Premium Sumemo Share Button yang saya gunakan.
Untuk pemasangan Anda perlu mengunjungi  Blogger » Template » Edit HTML. Letakan Kode Premium Share Button dibawah ini diatas </head>

Kode untuk Tampilah diluar dan didalam Postingan

<script async='async' data-sumo-site-id='a36755e2a6737d72245ec434822f0017d433681d43ba03f2304df8fde1b871fe' src='//load.sumome.com/'/>

Kode untuk tampilan didalam postingan saja seperti yang saya gunakan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' data-sumo-site-id='a36755e2a6737d72245ec434822f0017d433681d43ba03f2304df8fde1b871fe' src='//load.sumome.com/'/>
</b:if>

Simpan Template Anda dan lihat hasilnya.

Demikian yang dapat saya sampaikan mengenai Memasang Share Button Premium SumoMe Pada Blog, semoga bermanfaat. Pastikan Anda terus mengunjungi jQueryINDO untuk mendapatan informasi panduan blogger serta SEO. Jika anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email melalui form berlangganan pada bagian bawah Blog ini, dan sebelum Anda beranjak dari halaman ini, saya sangat senang sekali jika Anda bersedia memberi Like, Share serta memberi G+1 pada artikel ini agar sahabat blogger lainnya juga mengetahui informasi ini. Saya ucapkan terimakasih sebelumnya, semoga bermanfaat dan sukses selalu untuk Anda.