Template TipsRyand Responsive Blogger

Template TipsRyand Responsive Blogger

Template TipsRyand Responsive Blogger - Selamat siang, sesuai janji saya digrup facebook kemaren, saya akan membagikan template yang saya gunakan saat ini, template ini hanya hasil modifikasi (Redesign) bukan hasil buatan saya sendiri, alasan saya untuk membagikan template ini adalah dikarenakan saya akan sibuk di dunia nyata dan untuk fitur-fiturnya bisa dilihat dibawah ini.


FeaturesAvailability
ResponsiveTrue Cek
Google Testing Tool ValidatorTrue Cek
SEO FriendlyTrue Cek
Mobile FriendlyTrue Cek
Dynamic HeadingTrue
AdsenseTrue
Valid Schema.orgTrue
High CTRTrue
Personal BlogTrue
2 ColumnTrue
Auto Read More with ThumbnailTrue
Responsive Ad SlotTrue
BreadcrumbsTrue
Footer LinkTrue
Related Posts with ThumbTrue
Search BoxTrue
Responsive Sticky NavigationTrue
Back to Top ButtonTrue
ShortcodesTrue
Unlimited Page NumberedTrue
Recent Post with ThumbnailTrue

Yang berminat dengan template ini bisa comment dibawah dengan format.
Nama :
Url Blog :
Email :

Jika masih terdapat kesalahan dalam template ini maklumin saja karna saya hanya seorang newbie tingkat bawah, untuk yang bermasalah dalam pemasasangan template ini bisa memberitahukan saya di kolom komentar. Dan untuk settingan bisa dilihat disini, dan terimakasih sudah mensupport saya.
SimpleFast Responsive Blogger Template

SimpleFast Responsive Blogger Template

SimpleFast Responsive Blogger Template - Selamat Siang, hari ini saya akan membagikan template blogger terbaru secara optimal dirancang untuk menghasilkan performa maksimal, baik dari segi SEO, layar dan lain-lain Template ini dirancang mini tata letak terdiri dari dua kolom, sederhana dan sangat cepat pemuatan. Heading tag pada template ini juga telah disesuaikan sehingga lebih Friendly Seo

SimpleFast Responsive Blogger Template

Berikut Fitur-fitur
FeaturesAvailability
ResponsiveTrue Cek
Google Testing Tool ValidatorTrue Cek
SEO FriendlyTrue Cek
Mobile FriendlyTrue Cek
Ads ReadyTrue
High CTRTrue
Personal BlogTrue
2 ColumnTrue
Auto Read More with ThumbnailTrue
Responsive Ad SlotTrue
BreadcrumbsTrue
Footer LinkTrue
Simple admin layoutTrue
Related Posts with ThumbTrue
Search BoxTrue
Social Share ButtonTrue
Unlimited Page NumberedTrue
Lifetime Premium SupportPremium
Lifetime Template UpdatesPremium
Remove Credit LinkPremium



Bagi yang berminat dengan versi premium, template ini saya jual dengan harga Rp 50.000. Penerimaan hanya melalui Rekening BRI.

TerimaKasih.
Template MovieMop Responsive

Template MovieMop Responsive

Template MovieMop Responsive - Selamat Pagi, Ingin membuat blog, web atau situs Movie, tentunya jika anda menggunakan blogger, anda harus memilih template yang cocok. Ini adalah template blogspot yang bisa teman-teman pergunakan jika ingin membuat sebuah blog yang berkontenkan film-film box office. Tentunya penggunaan untuk keperluan lainnya juga tidak ada larangannya. Desain template blog ini bisa dikatakan sangat rapi dan sudah responsive bisa dibilang mirip LK21 80%, sehingga pengunjung dari perangkat mobile akan tetap merasa nyaman.


MovieMop adalah template blogspot yang memang dirancang untuk keperluan sinema, promosi film, teater, blog, dan komunitas perfilman. MovieMop ini dibuat dengan menggunakan CSS3 dan HTML5 dan mempunyai beberapa area banner. Ini memungkinkan anda untuk menampilkan Iklan dan mendapatkan penghasilan dari blog anda tanpa merusak tampilan blog seperti yang biasa dilakukan blogger-blogger pemula. Berikut untuk fitur-fiturnya

FeaturesAvailability
ResponsiveTrue Cek
Google Testing Tool ValidatorTrue Cek
Mobile FriendlyTrue Cek
2 ColumnTrue
Responsive Ad SlotTrue
Footer LinkTrue
Related Posts with ThumbTrue
Search BoxTrue
Social Share ButtonTrue
Back to Top ButtonTrue
Auto LoaderTrue

Bagi yang berminat dengan template ini saya jual dengan harga Rp 100.000. Penerimaan hanya melalui Rekening BRI.


TerimaKasih.
Cara Memasang Fungsi Sticky Widget di Blog

Cara Memasang Fungsi Sticky Widget di Blog

Cara Memasang Funsi Sticky Widget di Blog - Pada kesempatan kali Saya akan berbagi Tips tentang Cara Memasang Fungsi Sticky Widget di Blog, funsi dari sticky pada widget ini berguna bagi kalian yang menginginkan sebuah widget pada blog agar bisa melayang mengikuti halaman saat diguliran ke bawah dan akan kembali ke posisi semula saat halaman digulirkan keatas.

Sudah jelaskan bagaimana tampilan Sticky Widget ini? Biasanya Sticky Widget dipasang pada Sidebar bagian bawah. Karena jika dipasang pada sidebar bagian atas, hasilnya akan bertabrakan pada widget-widget lainnya. Sangat berguna jika dipasang widget-widget sosial seperti rekomendasi situs Google +1, Tombol Like / Like Box Facebook, dll. Dan Sticky Widget ini tidak akan mengganggu pandangan pengunjung Blog sobat, tidak seperti halnya Widget Melayang.

Cara Memasang Fungsi Sticky Widget di Blog

Bagaimana, sobat tertarik untuk memasang Sticky Widget ini pada Blog sobat? Untuk sobat yang ingin memasangnya, silakan simak langkah-langkah yang akan saya jelaskan dengan teliti, karena memang menurut saya pembuatnya agak rumit. OK, kita mulai penerapannya.

Cara Memasang Fungsi Sticky Widget di Blog


CARA 1 (sticky widget hanya di sidebar)
1. Buka Blogger > Klik Template > Edit HTML > Salin dan terapkan kode di bawah ini tepat sebelum </body>
Sebagai contoh widget yang akan dibuat sticky adalah widget dengan ID #HTML1
<script type='text/javascript'>
//<![CDATA[
// Sticky
    $(function(){if($("#HTML1").length){var o=$("#HTML1"),t=$("#HTML1").offset().top,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#footer").offset().top-i-70,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:20}):o.css("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>

#HTML1 : ID dari konten atau widget yang akan dibuat sticky
#footer : Tentukan ID untuk membatasi fungsi sticky
position:"fixed",top:20 : Jarak atau margin sticky dari atas

2. Selanjutnya simpan kode di bawah ini sebelum ]]></b:skin> atau </style>
Silakan atur kode di atas sesuai selera.
#HTML1{width:100%;max-width:300px}

Tentukan lebar sesuai dengan lebar sidebar dari template yang sobat gunakan dan jangan lupa untuk mengganti lebar pada media query tertentu, contoh :
@media only screen and (max-width:768px){
#HTML1{width:100%;max-width:100%}
}

3. Simpan template dan lihat hasilnya.

CARA 2 (sticky widget sidebar dan navigation)
1. Buka Blogger > Klik Template > Edit HTML > Salin dan terapkan kode di bawah ini tepat sebelum </body>
Sebagai contoh widget yang akan dibuat Sticky Sidebar dan Site Navigation adalah widget sidebar dengan ID #HTML1 dan Site Navigation dengan ID #menu
<script type='text/javascript'>
//<![CDATA[
// Sticky Site Navigation
$(document).ready(function() {
      var stickyNavTop = $('#menu').offset().top;
      var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
          $('#menu').css({ 'position': 'fixed', 'top':0, 'z-index':999 });
        } else {
          $('#menu').css({ 'position': 'relative' });
        }
      };
      stickyNav();
      $(window).scroll(function() {
        stickyNav();
      });
    });
// Sticky
    $(function(){if($("#HTML1").length){var o=$("#HTML1"),t=$("#HTML1").offset().top,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#footer").offset().top-i-70,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:70}):o.css("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>

#menu : ID dari konten Site Navigation yang akan dibuat sticky
#HTML1 : ID dari konten atau widget Sidebar yang akan dibuat sticky
#footer : Tentukan ID untuk membatasi fungsi sticky
position:"fixed",top:20 : Jarak atau margin sticky dari atas

2. Selanjutnya simpan kode di bawah ini sebelum ]]></b:skin> atau </style>
Silakan atur kode di atas sesuai selera.
#HTML1{width:100%;max-width:300px}

Tentukan lebar sesuai dengan lebar sidebar dari template yang sobat gunakan dan jangan lupa untuk mengganti lebar pada media query tertentu, contoh :
@media only screen and (max-width:768px){
#HTML1{width:100%;max-width:100%}
}

3. Simpan template dan lihat hasilnya.