Hidayatimur.com: Blogging

Hidayatimur.com

Metaltaila.co Adalah Blog Berbagi Template Premium


Mungkin sudah terlalu lama publish theme untuk personal, kali ini saya akan publish theme safelink boostrap 2 dan paling baru di versinya.

Dengan memiliki fitur fast load dan responsive. Theme safelink kali ini juga dibekali dengan anti bom klik dan mendukung HTTPs.

Dengan fitur-fitur ini mungkin anda harus mencoba theme ini karna mungkin akan sangat bermanfaat bagi anda yang memiliki blog download dan membuat safelink sendiri.


Fitur Safelink Boostrap 2 New Version 
  • Responsive
  • Google Testing Tool Validator
  • Mobile Friendly
  • SEO Friendly
  • CryptoJS
  • Bootstrap 4
  • Responsive
  • Fast Load (A|A GTMetrix and Pagespeed Insight)
  • Support All Device
  • Top Menu Navigation
  • Random Post
  • Auto Safelink
  • Anti Adblock
  • Support HTTPS
  • Anti Bom Click
  • And Much More...




Safelink Boostrap 2 New Version Template Blogger - Responsive



SEO Frendly di Pencarian Google

Template ini bisa saya bilang ramah dengan mesin pencari Google, sebab template ini didesain dengan kode struktur yang simple, bersih dan juga mudah dibaca index Google.

Responsive di Semua Layar

Alasan saat ini, tema sebuah website jualan online / blog harus memiliki yang namanya tampilan responsive. Sebab Google sudah mengumumkan bahwa tampilan yang responsive dan mobile frendly lebih mendapatkan perhatian kusus dari Google di halaman mesin pencarian, dari pada tema blog yang tidak responsive.

Pengaturan template sangat mudah, bahkan Anda tidak perlu melakukan masuk kebagian mode HTML untuk mengatur bagian-bagian tertentu.
Anda cukup mengakses halaman tata letak untuk menggubah / mengatur bagian tampilan, Karena kode template ini menggunakan kode widget layout version 2 maka untuk pengaturan antar muka bisa dilakukan dengan cara membuka Template > Sesuaikan > Gagdet

Support Desainer Tema

Fiktur ini sangat membantu untuk kamu yang ingin / mengedit warna template sesuka hati tanpa harus memiliki keahlian coding, Jadi fiktur ini ditunjukan kusus buat kamu yang tidak ingin rebit dalam menggubah warna tema.

Fitur Vio Tokopedia 
  • Responsive
  • Mobile Friendly
  • Seo Optimized
  • Schema Markup
  • Rating Produk
  • Slider Images
  • Footer wigdet
  • 5 Coloms Produk / Post
  • Mobile Frendly
  • Support Desainer Theme
  • 100% Responsive
  • SEO Friendly
  • Dropdown Menu
  • Widget Whatsapp
  • Breadcrumbs
  • Contact US
  • Back to Top Button


VioToko Tokopedia Template Blogger - Download Free


Setelah saya mempublikasikan detikcoy,  kali ini saya akan sama juga tentang template Tribunnexs.

Sama-sama magazine dan cloning dari template besar yaitu tribunnews.com.

Template ini memiliki 2 kolom , Dengan style Grid,  dan juga memiliki kotak notifikasi.

Telah ter-optimasi dengan baik dan sangat responsive lalu mendukung mobile friendly.

Fitur Tribunnexs 
  • Responsive
  • Mobile Friendly
  • SEO Friendly  
  • Personal Blog
  • 2 Column
  • Light Base Sky Blue Color
  • Related Posts with Thumb
  • Search Box
  • Subscription Box
  • Social Share Button
  • Back to Top Button
  • Grid Style
  • Page Numbered
  • Recent Post Slider
  • Menu Navigation
  • Notification Box
  • More...




Tribunnexs Responsive Template Blogger - New Version


Setelah beberapa mencari template kesana kesini akhirnya mendapat template premium ini. Detikcoy adalah salah satu template dengan magazine style dan salinan/duplikat dari template detik.com

Di dalam template ini sudah banyak widget atau tata letak yang dimana anda dapat memasukan script iklan ditempat yang sangat terselip seperti aslinya.

Template ini juga dibuat tanpa Css ataupun Javascript. Yang tandanya template ini sudah ter-optimasi dengan baik, disini anda dapat memilih warna secara tidak terbatas. 

Fitur Detikcoy
  • Responsive
  • Material Design
  • Vanilla JavaScript without jQuery
  • Without any CSS / JavaScript Framework
  • Easy To Customize
  • Unlimited Color Themes
  • SEO Optimized
  • Mobile Friendly
  • JSON SCHEMA
  • Vaild structured data
  • HTML5 / CSS3 valid code
  • Responsive Design
  • Accessibility Optimized
  • Cross-Browser Compatibility Chrome, FireFox, Safari, Opera Mini, Edge, IE10, IE11
  • Ads Ready (In Feeds, Before / After Post, Top Ads, Bottom Ads, Sticky Ads)
  • RTL Support (arabic)
  • Translation Ready (manual)
  • Google Translate widget (RTL / LTR support)
  • RTL / LTR Mode
  • Night Mode
  • Fullscreen Mode
  • Loader Animation
  • Scroll Indicator (can disable or enable)
  • Toolbar / Top App Bar (2 type hide toolbar on scroll down only posts / pages, can disable or enable)
  • Skip main content
  • Toggle Notification (notification at Dialog / Modal)
  • Drawer Menu (Modal Drawer, Dismissible Drawer)
  • Dropdown Menu
  • Footer Menu
  • Back to top
  • Header (showing only feeds pages)
  • Scroll Down
  • Searchbar (3 types on Header and Toolbar)
  • Grid Feeds
  • Shuffle Posts (can disable or enable)
  • Blog Paging (Pagination / Loadmore)
  • Featured Widget
  • Widget Slider
  • Random Post at Snackbar
  • Related Post
  • Subscribe Box
  • Sidebar (showing only on article pages)
  • Sidebar Tabs (Popular Post, Labels, Archive)
  • Sticky Sidebar Widget - Only one widget (recommend used to Ads)
  • 3 types of comments system, can display only one (Blogger, Disqus, Facebook)
  • Breadcrumbs
  • Meta Post


Detikcoy Premium Template Blogger - New Update


Dalam sebuah dunia blogger kita tidak asing lagi jika mendengar tentang widget atau tampilan,  terlebih lagi widget popular post.

Popular post widget menjadi daya tarik dalam sebuh blog karna dapat mempermudah pengunjung yang datang ke blog.

Karna popular post ini sangat penting dan berguna salah satu nya menjadi persyaratan untuk mendaftarkan blog ke google adsense.

Google adsense akan menerima blog atau situs yang memiliki navigasi jelas dan popular post menjadi salah satunya

Selain itu popular post dapat menambah dan mempercantik tampilan blog terutama jika widget popular post ini sangat mirip web ternama yaitu jalantikus.com

Di artikel ini saya tidak akan panjang lebar dan langsung saja.

Ikuti tutorialnya dibawah ini!

1. silahkan masuk ke HTML editor di blog sobat masing-masing.
2. lalu letakan kode CSS dibawah ini, diatas kode </head>

<style type='text/css'> 
/* Popular Post */
.PopularPosts ul{list-style:none;margin:0 auto;padding:0;} .PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;} .PopularPosts ul li {margin:0 0 5px;padding:0;position:relative;line-height:1.4em!important;list-style:none;text-align:left!important;font-size:15px !important;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);border-radius: 4px;border: 1px solid #eee;} .PopularPosts ul li a:hover {color:#f80538!important} .PopularPosts li a{color:#000 !important;font-weight:500 !important;list-style:none} .PopularPosts .item-thumbnail {display: flex;align-items: center;justify-content: center;width:72px;height:66px;margin: 6px 20px 7px 3px;overflow:hidden;float:left;border-radius:4px;} .PopularPosts ul li img {width:auto;height:72px;transition:all .3s ease-in-out;border-radius:4px;overflow:hidden;display:block} .PopularPosts .item-snippet{display:none} .PopularPosts .item-title {padding:0 0 5px} .PopularPosts .widget-content ul li:before{color: #fff;counter-increment: count;content: counter(count);position: absolute;left:57px;text-align: center;top:20px;z-index: 51;transition: all .4s;height:25px;min-width:25px;font-size: 14px;line-height:25px;background:#f80538;font-weight:600;border-radius:99em;border:2px solid #fff;text-align: center;padding:0;overflow:hidden;} .PopularPosts ul{counter-reset:count;} @media screen and (max-width:414px){ .PopularPosts ul li {font-size:15px!important} } </style>


3. jika sudah ada kode CSS popular post di template sobat, tinggal replace saja dengan yang diatas.
4. save template!

nah, sekarang lihat hasilnya, popular post ini mirip dengan jalan tikus.

Cara membuat Widget Popular Post Seperti Jalantikus.com

Subscribe Our Newsletter