Latest Posts

Download PRASASTI Blogger Template 2020

Download PRASASTI Blogger Template 2020

Saya memberinama template ini PRSASTI-V20 ini saya desain dengan style Magazine dan Responsive, yang full style gambar namun saya menjadikannya template dengan LOADING SPEED MAKSIMAL meski desain style-nya magazine. Saya mentargetkan speed loading diatas 90% di GMETRIX untuk semua desain yang saya buat, dan Alhamdullilah semua itu bisa dicapai sesuai keinginan pengguna di era kecepatann saat ini.

Template ini banyak menggunakan javascript  tentunya, karena model atau style magazine yang umum menggunakan banyak widget. Namun saya bisa membuat LOADING SPEED TEMPLATE PRASASTI ini menjadi diatas 90% ( A ) atau sesuai keinginan penggunanya. ( cek tabel bawah )

Untuk lebih detailnya Sobat bisa lihat tabel dibawah postingan dan cek ..


Free Version

  • Remove Footer Credits
  • Blog Setup Service
  • No Encrypted Scripts
  • Premium Support
  • For Unlimited Domains
  • Lifetime Template Updates
  • Download Now
    Free Version

Premium Version

Features Availability Type
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Speed Loading True Cek
Dynamic Heading True -
Adsense Ready True -
Valid Schema.org True -
High CTR True -
Personal Blog True -
2 Column 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 -
Whatsapp Share Button True -
Responsive  Menu True -
Shortcodes True -
Unlimited Page Numbered True -
Comments System DISQUS True -

Semoga bermanfaat.. Jangan lupa share ya Sob !!! 

DOWNLOAD G-FRENZY Blogger Template 2020

DOWNLOAD G-FRENZY Blogger Template 2020

Template G-FRENZY 2020 ini saya desain dengan style Magazine dan Responsive, yang full style gambar namun saya menjadikannya template dengan LOADING SPEED MAKSIMAL meski desain style-nya magazine. Saya mentargetkan speed loading diatas 90% di GMETRIX untuk semua desain yang saya buat, dan Alhamdullilah semua itu bisa dicapai sesuai keinginan pengguna di era kecepatann saat ini.

Template ini banyak menggunakan javascript  tentunya, karena model atau style magazine yang umum menggunakan banyak widget. Namun saya bisa membuat LOADING SPEED TEMPLATE GFRENZY ini menjadi diatas 90% ( A ) atau sesuai keinginan penggunanya. ( cek tabel bawah )

Untuk lebih detailnya Sobat bisa lihat tabel dibawah postingan dan cek ..


Free Version

  • Remove Footer Credits
  • Blog Setup Service
  • No Encrypted Scripts
  • Premium Support
  • For Unlimited Domains
  • Lifetime Template Updates
  • Download Now
    Free Version

Premium Version

Features Availability Type
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Speed Loading True Cek
Dynamic Heading True -
Adsense Ready True -
Valid Schema.org True -
High CTR True -
Personal Blog True -
2 Column 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 -
Whatsapp Share Button True -
Responsive  Menu True -
Shortcodes True -
Unlimited Page Numbered True -
Comments System DISQUS True -

Semoga bermanfaat.. Jangan lupa share ya Sob !!! 

DOWNLOAD DGZTISM Super Faster Blogger Template 2020

DOWNLOAD DGZTISM Super Faster Blogger Template 2020

Template ini saya buat dengan desain sederhana dengan meminimalkan kode javascript dan resize gambar agar memaksimalkan loading dari template ini sendiri. JAMAN NOW ! Blog atau Website membutuhkan KECEPATAN LOADING agar meminimalkan terjadinya BOUNCE RATE.

Dan saya memberikan judul template ini dengan DGZTISM dan template ini saya sajikan dalam  dua versi yaitu FREE dan PREMIUM.

Template ini saya buat dengan memaksimalkan kecepatan LOADING tanpa mengurangi tampilan dan kesan elegan sebuah template.

Di dalam template tersedia system komentar DISQUS namun memungkinkan penggunjung dengan mudah memberikan komentarnya dari akun yang sedang mereka gunakan baik twitter,facebook,G+, jika Anda ingin mencobanya silahkan download versi gratis-nya...

Free Version

  • Remove Footer Credits
  • Blog Setup Service
  • No Encrypted Scripts
  • Premium Support
  • For Unlimited Domains
  • Lifetime Template Updates
  • Download Now Free Version

Premium Version

Features Availability Type
Responsive True Cek
Google Testing Tool Validator True Cek
SEO Friendly True
Speed Loading True Cek
Dynamic Heading True -
Adsense Ready True -
Mobile Friendly True Cek
High CTR True -
Personal Blog True -
2 Column 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 -
Whatsapp Share Button True -
Responsive  Menu True -
Shortcodes True -
Unlimited Page Numbered True -
Comments System DISQUS True -

Semoga bermanfaat.. Jangan lupa share ya Sob !!! 

Download ADELWEISS Blogger Template Terbaru

Download ADELWEISS Blogger Template Terbaru 2019

Era KECEPATAN adalah era ADELWEISS Magz Fast and Responsive Blogger Template  adalah template yang saya buat dan baru saya UPDATE di JULI 2019 !

Template ini saya buat dengan memaksimalkan kecepatan LOADING tanpa mengurangi tampilan dan kesan elegan sebuah template.

Template ini tidak banyak menggunakan javascript yang umumnya membebani loading blog, jadi template ini saya buat secara umum memenuhi kebutuhan Blogger dengan tampilan template yang elegan dan kecepatan loading yang maksimal..!

Di dalam template tersedia system komentar DISQUS namun memungkinkan penggunjung dengan mudah memberikan komentarnya dari akun yang sedang mereka gunakan baik twitter,facebook,G+, jika Anda ingin mencobanya silahkan download versi gratis-nya...

Free Version

  • Remove Footer Credits
  • Blog Setup Service
  • No Encrypted Scripts
  • Premium Support
  • For Unlimited Domains
  • Lifetime Template Updates
  • Download Now
    Free Version

Premium Version

Features Availability Type
Responsive True Cek
Google Testing Tool Validator True Cek
SEO Friendly True
Speed Loading True Cek
Dynamic Heading True -
Adsense Ready True -
Valid Schema.org True -
High CTR True -
Personal Blog True -
2 Column 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 -
Whatsapp Share Button True -
Responsive  Menu True -
Shortcodes True -
Unlimited Page Numbered True -
Comments System DISQUS True -

Semoga bermanfaat.. Jangan lupa share ya Sob !!! 

Cara Share Postingan Blog ke Facebook Otomatis

Cara Share Postingan Blog ke Facebook Otomatis

Dulu ada banyak cara share artikel langsung ke Akun Facebook kita, namun saat ini cara cara share artikel melalui pihak ke tiga sudah tidak bisa lagi digunakan. Dan jika menggunakan cara manual tentu akan menghabiskan banyak waktu untuk melakukan itu. Terkadang Facebook-pun akan menganggap spam jika URL artikel yang dilampirkan tidak sesuai dengan kebijakan ( Term of Service ) pihak Facebook.

Cara ini sebenernya sedikit ribet, namun hanya sekali dilakukan dan untuk seterusnya artikel blog akan secara otomatis share ke akun Facebook kita dan cara ini masih UPDATE di 2018 artinya masih WORK ! untuk share artikel Blog secara otomatis. Cara yang kita lakukan adalah membuat artikel share ke Twitter terlebih dahulu kemudian men-setting Twitter agar secara otomatis artikel tersebut share juga langsung ke Akun Facebook kita.

Cara Share Postingan Blog ke Facebook Otomatis

Langkah pertama : Silahkan aktifkan FeedBurner Blog Sobat dengan mendaftarkan feed blog Anda.

Feed blog URL seperti kode berikut: http://NamaBlogAnda/feeds/posts/default

Setelah FeedBurner blog Sobat aktif, silahkan pilih tab Publicize lalu pilih menu Socialize, aktifkan fitur ini lalu hubungkan akun Twitter Sobat. Dengan begitu FeedBurner akan otomatis share update post ke akun Twitter Sobat.

Cara Share Postingan Blog ke Facebook Otomatis


Langkah kedua, kemudian silahkan hubungkan akun Facebook pada akun Twitter agar ketika update post masuk dari FeedBurner ke Twitter, maka Twitter akan otomatis meneruskan postingan ke Facebook.

Silahkan masuk ke Setting akun Twitter Sobat lalu pilih menu Apps dan kemudian hubungkan akun Facebook Sobat.

Cara Share Postingan Blog ke Facebook Otomatis

Selesai... selamat mencoba dan semoga bermanfaat.

Cara Membuat Content Pagination di Blogger seperti Wordpress

Cara Membuat Content Pagination di  Blogger seperti Wordpress

Content Pagination berfungsi membagi sebuah konten menjadi beberapa halaman dengan menampilkan pager angka sesuai banyak halaman yang dibuat ( umumnya tampilan ini banyak digunakan oleh Template berplatform Wordpress ) sehingga memudahkan navigasi pengunjung untuk melihat konten selanjutnya.

Content Pagination yang diterapkan di blogger ini menggunakan Javascript, tanpa memerlukan jquery library sehingga tidak akan banyak mengganggu loading halaman blog. Ketika pengunjung mengklik pager untuk membaca konten selanjutnya, maka selain konten yang berganti juga otomatis mereload halaman sehingga otomatis konten berikut iklan yang ada di halaman juga ikut berganti.

Jika Anda ingin mencobanya, silahkan ikuti langkah-langkahnya di bawah ini.
Silahkan gunakan ( masukkan ) kode berikut ini pada postingan mode HTML untuk membuat postingan dengan content pagination ini.

 <style>
.button-box{margin:30px 0;text-align:center;}
#page1,#page2,#page3,#page4,#page5{display:none}
#page1.current{display:block}
a.button-pager{height:30px;line-height:30px;padding:0 20px; margin:0 5px 0 0;text-align:center;background:#ddd;color:#333;cursor:pointer;display:inline-block;}
a.button-pager.current{background:#333;color:#fff;}
</style>

<div id='topcontent'></div>

<div id="page1" class="current">
Kontent untuk halaman 1 tulis di sini......
</div>

<div id="page2">
Kontent untuk halaman 2 tulis di sini......
</div>

<div id="page3">
Kontent untuk halaman 3 tulis di sini......
</div>

<div id="page4">
Kontent untuk halaman 4 tulis di sini......
</div>

<div id="page5">
Kontent untuk halaman 5 tulis di sini......
</div>

<div class="button-box">
<a class="button-pager current" id="button1" href="?page1#topcontent">1</a>
<a class="button-pager" id="button2" href="?page2#topcontent">2</a>
<a class="button-pager" id="button3" href="?page3#topcontent">3</a>
<a class="button-pager" id="button4" href="?page4#topcontent">4</a>
<a class="button-pager" id="button5" href="?page5#topcontent">5</a>
</div>

<script>
//<![CDATA[
var p1=document.getElementById("page1"),p2=document.getElementById("page2"),p3=document.getElementById("page3"),p4=document.getElementById("page4"),p5=document.getElementById("page5"),b1=document.getElementById("button1"),b2=document.getElementById("button2"),b3=document.getElementById("button3"),b4=document.getElementById("button4"),b5=document.getElementById("button5");window.location.href.search("page1")>0&&(p1.style.display="block",p1.classList.add("current"),b1.classList.add("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page2")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="block",p2.classList.add("current"),b2.classList.add("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page3")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="block",p3.classList.add("current"),b3.classList.add("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page4")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="block",p4.classList.add("current"),b4.classList.add("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page5")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="block",p5.classList.add("current"),b5.classList.add("current"));
//]]>
</script>

Silahkan sesuaikan pembagian konten halaman dan tombolnya sesuai keinginan. Namun Sobat juga bisa menyimpan style CSS dan javascript-nya pada edit HTML agar lebih simple ketika membuat postingannya.

Semoga bermanfaat.

Cara Mebuat Widget Popularpost Keren di Blog Terbaru

Cara Mebuat Widget Popularpost Keren di Blog Terbaru

Widget Popularpost default atau bawaan Blogger umumnya kurang keren atau sering dari kita ingin menggantinya namun tidak tahu apa yang harus dilakukan, terutama bagi newbie yang belum begitu mengenal koding. Widget Popularpost yang umum dibagikan pada template template gratis juga kebanyakan dengan tampilan yang kurang menarik.
Nah…pada kesempatan kali ini CrepictDGZ coba memberikan tips bagaimana cara mengganti Widget Popularpost bawaan template dengan Widget Popularpost seperti pada gambar diatas...

Cara Mebuat Widget Popularpost Keren di Blog Terbaru

1. Sobat harus memperhatikan syarat berikut ini :
Hapus kode CSS Widget Popularpost yang sebelumnya terpasang pada template Sobat sebelum menggantinya dengan Widget Popularpost dari CrepictDGZ.

2. Setelah menghapus, silahkan ganti dengan CSS Widget Popularpost dibawah ini :

/* CSS Popularposts */
.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}
#PopularPosts1{padding:0;}
#PopularPosts1 ul{padding:0;counter-reset:popcount;background: linear-gradient(to right, #2B0C93 0px, #A54098 56%, #F84272 100%) repeat scroll 0% 0% transparent;z-index:999;transition:all .4s ease-in-out;}
#PopularPosts1 ul li{margin:0;padding:15px 10px 15px 45px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s}
#PopularPosts1 ul li:last-child{border-bottom:none}
#PopularPosts1 ul li .item-title{color:#fff;padding:0 10px 0 0;line-height:1.2em;}
#PopularPosts1 ul li:hover{background:rgba(0,0,0,0.06)}
#PopularPosts1 ul li .item-title a{font-size:14px;font-weight:700;color:#fff}
#PopularPosts1 ul li img { width: 318px;height: auto;}
#PopularPosts1 ul li:first-child{border-bottom:none;padding:0}
#PopularPosts1 ul li:first-child .item-thumbnail {margin:0;width:100%;height:180px;overflow:hidden;display:block;}
#PopularPosts1 ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;top:0;text-align:left;padding:15px 20px 15px 45px;background:rgba(45,62,80,.6);z-index:1;transform:translate(0,105px);transition:all .3s}
#PopularPosts1 ul li:hover:first-child .item-title{background:rgba(45,62,80,.6);transform:translate(0,0)}
#PopularPosts1 ul li:first-child .item-title a{font-size:15px;color:#fff}
#PopularPosts1 ul li .item-thumbnail,#PopularPosts1 .item-snippet{display:none}
#PopularPosts1 ul li:first-child .item-snippet{display:block;position:absolute;bottom:0;left:0;right:0;top:0;padding:15px 20px 15px 45px;color:#fff;opacity:0;visibility:hidden;transform:translate(0,180px);font-size:13px;overflow:hidden;text-overflow:ellipsis;height:7.5em;transition:all .3s;text-align:justify;}
#PopularPosts1 ul li:first-child .item-snippet:after{content:&#39;&#39;;text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(44,62,80,0),rgba(44,62,80,1) 50%)}
#PopularPosts1 ul li:hover:first-child .item-snippet{opacity:1;visibility:visible;transform:translate(0,55px);z-index:2;}
#PopularPosts1 ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:5%;top:61%;margin-top:-19px;color:rgba(255,255,255,.65);font-size:24px;line-height:1;z-index:2;text-align:center;font-weight:700;transition:all .3s}
#PopularPosts1 ul li:first-child .item-title:before{top:25%}
#PopularPosts1 ul li:first-child .item-title:before{color:#fff}


3. Simpan kode Javascript dibawah ini sebelum kode</body>

<script type='text/javascript'>
//<![CDATA[
// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img,ul.recent_posts_arlina img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,130)});
//]]>
</script>


4.Pastikan settingan Widget Popularpost seperti dibawah ini

Cara Mebuat Widget Popularpost Keren di Blog Terbaru


5.Simpan Template, dan lihat hasilnya

Tentu sedikit banyak akan ada permasalahan dibalik semua tutorial yang saya berikan, dan jika ada pertanyaan seputar tutorial diatas silahkan isi kolom komentar yang sudah saya sediakan dibawah…

Demikian dan dan semoga bermanfaat..

Tutorial

SEO