Template Pak Tani 21 Untuk Blog Film

Paktani 21 template blog film

Lagi saya akan menawarkan sebuah template hasil project saya secara premium, template yang sangat cocok untuk kawan yang punya blog untuk sharing khusus film/anime, template ini memiliki tampilan yang sama dengan template sebelumnya, hanya saja ada fitur tambahan yaitu video streaming yang di adopsi dari youtube.

Demo Paktani


Ada beberapa fitur yang sobat akan dapatkan didalam template ini, diantaranya ;

  1. Meta Tag
  2. Unlimited Page Navigation
  3. No Encrypted Script
  4. No Credit (On page-skin or footer link)
  5. Dropdown Menu Ready
  6. Grid Style
  7. Ads Ready
  8. Valid HTML5 (validator.w3.org) - cek
  9. Seo (based on Chkme) - cek
  10. Responsive (based on responsinator) - cek
  11. Google Rich Snippet & Schema.org Passed (based on Google Rich Snippet) - cek
  12. Slideshow
  13. Disqus Comment Ready
  14. Label Recent Posts 
  15. Breadcrumbs (Indexed on Google)
  16. 1 Colum on homepage & static page, 2 colums on post page 
  17. 404 Page Ready
  18. Share To Social Media
  19. Related Posts
  20. Subscribe Form
  21. No suspicious script or redirect link script
  22. Auto nofollow for external link
  23. Lazy Load 
  24. Streaming Video Style
Ya itu sedikit fitur dalam template ini, untuk demonya bisa klik link berikut,

Harga yang saya tawarkan sangat standar, yaitu Rp50.000,via transfer (no.rek akan dikirim saat transaksi)anda akan mendapatkan free update (jika ada). Untuk guide-nya akan saya bagikan secara pribadi, jika tertarik silahkan hubungi saya melalui email.
bfenomenal@gmail.com
Sekian dan terima kasih.

Template Paktani Untuk Blog Film

Paktani XXI Template

Kali ini saya akan membagikan sebuah template hasil project subuh saya secara GRATIS, template yang sangat cocok untuk kawan yang punya blog untuk sharing khusus film/anime. Ada beberapa fitur yang sobat akan dapatkan didalam template ini, diantaranya ;
  1. Meta Tag
  2. Unlimited Page Navigation
  3. No Encrypted Script
  4. No Credit (On page-skin or footer link) - Premium Only
  5. Dropdown Menu Ready
  6. Grid Style
  7. Ads Ready
  8. Valid HTML5 (validator.w3.org) - cek
  9. Seo (based on Chkme) - cek
  10. Responsive (based on responsinator) - cek
  11. Google Rich Snippet & Schema.org Passed (based on Google Rich Snippet) - cek
  12. Slideshow
  13. Disqus Comment Ready
  14. Label Recent Posts 
  15. Breadcrumbs (Indexed on Google)
  16. 1 Colum on homepage & static page, 2 colums on post page 
  17. 404 Page Ready
  18. Share To Social Media
  19. Related Posts
  20. Subscribe Form
  21. Auto nofollow for external link
  22. Lazy Load
Ya itu sedikit fitur dalam template ini, untuk demonya dan download bisa klik link berikut,


Cek untuk versi premium Disini untuk fitur yang lebih lengkap lagi.
Sekian dan terima kasih.
Kalo gak mau pake link kredit, saya sudah sediakan premiumnya gan aman dari link kredit

Pakai Credit Link ? Gengsi !

Blogger

Seperti itulah segelintir Blogger yang saya temui selama ini. Saya memulai ngeblog dari tahun 2013, saat itu saya masih kelas 1/2 SMP, saya mempunyai ketertarikan pada blog namun tidak mengerti sama sekali apa itu koding apa itu CSS/HTML, yang saya tau cuma nulis dan publikasi. (Sangat  pemula sekali).

Semakin lama saya bermain bersama Blogger, entah kenapa saya mulai tertarik untuk mempercantik tampilan blog saya, saya pun mencarinya di Google dan taraaa! saya baru mengetahui ternyata Blogger itu punya template, kebetulan template yang pertama kali saya gunakan adalah template yang berasal dari maskolis, saya terkesima dengan template buatan Maskolis yang terkenal dengan "Johny"nya =D, setelah sekian lama saya pake kok saya risih dengan link yang ada di footer yang berisi "Template by Creating Website published by Mastemplate", wah saya pun mulai coba membuka tempat sakral Blogger, yaitu kode HTMLnya, WOW saya seperti membaca aksara Jawa dan tidak ngerti apa-apa itu kode fungsinya apa, oke kemudian saya pun mulai scroll kebawah dan akhirnya menemukan sebaris kode yang sepertinya mengarah ke link footer template saya, saya pun mengubahnya menjadi link menuju ke FP Facebook saya, hahahah tanpa merasa bersalah saya setelah mengubah link tersebut.

Semakin lama saya semakin tertarik untuk mengenal kode HTML&CSS, saya pun mulai mencari referensi belajar, searching.... saya pun menemukan banyak blogger dan pandangan saya tidak jauh dari tampilan blog yang unik dan memukau, tidak lupa juga saya melihat kebawah, Wah! luar biasa templatenya udah di modifikasi sekeren ini tapi link asli sang pembuat template tidak dihapus. Seakan habis diceramahi Naruto, saya pun mulai sadar tentang pentingnya sebuah apresiasi, dan hal itu dapat dilakukan dengan tetap mencantumkan nama sang kreator.

Namun sekarang saya banyak menemukan hal yang aneh terjadi di tengah Blogger, mereka mengeluh dengan si pembuat template yang melarang menghapus link kreditnya

Anti Kredit Link
Lah, kan udah dishare gratis malah protes. (orang kaya gini memang berat gan).

Pengalaman, saya coba membuat sebuah template dan waktu yang saya habiskan adalah 1 minggu dan itu sampe larut, membuat tampilannya presisi dalam segala  jenis perangkat itu rumit dan butuh ketelitian. Itu juga yang dirasakan oleh pembuat template blogger, "udah cape-cape buat template gratis, eh malah ngamuk-ngamuk gara-gara dilarang hapus kredit".

Buanglah gengsi untuk dihargai, sekian dan terima kasih

Download Blive Template Seo dan Responsive

Responsive Template

Kali ini saya akan share sebuah template yang dalam hitungan saya ini seo dan responsive (tentunya dengan menggunakan testernya masing-masing), untuk masalah seo, saya tidak mencapai 100% itu dikarenakan konten dalam blog tersebut bermasalah dan belum saya perbaiki karena sibuk desain template (FIXED). Ini adalah template kedua yang saya buat sendiri dan yang pertama saya publikasikan, template ini bukan modifikasi namun murni dari awal, dan saya harap ini layak :D, saya juga berterima kasih kepada semua yang sudah membantu.
Cek Seo
Cek Responsive
Cek Mobile Friendly untuk id-mufcnews.blogspot.com

Oke silahkan cek link berikut :


Saya menggunakan Framework Bootstrap dalam template ini, jadi ada fitur-fitur yang dapat kawan gunakan, yang anda bisa lihat disini http://getbootstrap.com/components/.
Disana kamu dapat melihat berbagai contoh penggunaan komponen-komponen bootstrap.

Meta Tag

Jangan lupa untuk mengubah Meta Tag yang berada didalam baris 17 - 90, silahkan diisi sesuai dengan fungsi meta tag masing-masing, jika masih kesulitan, silahkan tanyakan dibawah.

Menu Navigasi Hamburger

Menu hamburger yang saya maksud adalah menu yang berada di pojok kiri header, untuk mengubah isi menu silahkan ubah kode yang berwarna merah berikut.
<div class='navup'>
<div class='text-left' style='float:left'>
  <button id='tombol1'><span class='fa fa-bars'/></button>
<div class='collapse' id='buka'>
        <ul class='daftartaut list-unstyled'>
            <li><a href='#'>About</a></li>
            <li><a href='#'>Contact</a></li>
            <li><a href='#'>Faq</a></li>
            <li><a href='#'>Partner</a></li>
        </ul>
</div>
  </div>

Deskripsi 

Deskripsi bisa anda ubah melalui kode berikut.
<span class='desk'>Brayen-Man Home Coming</span>

Menu Navigasi Dropdown

Menu ini memiliki fitur multi dropdown, saya sudah berikan demonya dalam link hosting-/bundling, untuk mengubahnya silahkan ubah kode yang saya tandai dibawah ini.
<nav class='menu1' id='menu1' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
        <a class='responsive-menu' href='#' id='resp-menu'><i class='fa fa-bars'/> Menu</a>   
            <ul class='menu'>
              <li><a href='/'>HOME</a></li>   
                <li><a href='http://id-mufcnews.blogspot.co.id/p/blog-page_16.html'>STATIC PAGE</a></li>
                <li><a href='http://id-mufcnews.blogspot.co.id/404'>ERROR 404</a></li>
                <li><a href='#'>HOSTING</a>
                    <ul class='sub-menu'>
                        <li><a href='#'>250 mb</a></li>
                        <li><a href='#'>Bundling</a>
                            <ul>
                                <li><a href='#'>Website + 1000mb</a></li>
                                <li><a href='#'>Website + 1500mb</a></li>
                                <li><a href='#'>Website + Unlimited + .com</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href='#'>OTHER</a>
                    <ul class='sub-menu'>
                        <li><a href='#'>Contact Us</a></li>
                        <li><a href='#'>Affiliate</a></li>
                        <li><a href='#'>Job</a></li>
                    </ul>
                </li>
            </ul>
    </nav>

Link Footer

Tepatnya, daftar link ini berada diatas footer, saya menggunakan Grid System-nya Bootstrap, System Grid Bootstrap secara full memiliki 12 kolom dan kamu cuma bisa menggunakan kurang/pas12 kolom namun tidak bisa lebih, sebagai bayangan saya menggunakan ruang 4 kolom untuk form Subscribe, 2 kolom untuk Daftar Link 1, 2 kolom untuk Daftar link 2, dan 4 kolom untuk recent posts, jika dihitung saya menggunakan semua ruang kolom yaitu 12, saya harap anda punya sedikit bayangan atau lebih lengkapnya silahkan kunjungi http://getbootstrap.com/css/#grid.  
Untuk mengubahnya sama seperti contoh diatas, kamu bisa mengubah link yang berada didalam  <div class='bloginfo'>..</div>.

Untuk yang merasa gengsi untuk menggunakan link footer, anda bisa membeli premium dengan menghubungi saya di form contact dibawah

Selesai, untuk menghargai sebuah karya saya harap credit link tidak diganggu, atau anda bisa baca tulisan diatas. Sekian, semoga bermanfaat.

Buat Template Sendiri Dari 0

Template
Kali ini saya akan berbagi pengalaman tentang pembuatan  template blogger yang mandiri, maksudnya eksklusif karena kita bikin sendiri. Saya awalnya iseng-iseng saja ingin membuat sebuah template atau lebih dikenal dengan theme untuk bisa diterapkan website self-hosted, tapi semakin lama saya makin tertarik dengan template ini, saya pun berpikir "Lagian saya gak punya ide/rencana untuk build website self-hosted mending pasang di blog", saya pun memilih untuk memasangnya di blog, dengan sedikit penyesuaian upload file script & css untuk di hosting, karena saya membuat template secara offline menggunakan sebuah aplikasi yang namanya Sublime Text 3.Aplikasi ini enak banget, pluginnya lengkap, dengan adanya plugin induk untuk memasang plugin atau yang lebih dikenal dengan package control, kawan dapat memasang banyak plugin secara bebas. Aplikasi ini juga sangat efisien, dimana disana tersedia plugin yang namanya emmet, plugin ini sangat meringankan waktu untuk membuat template, contohnya jika saya ingin  membuat sebuah kerangka untuk HTML 5, saya tinggal mengetik HTML:5 lalu tab, jengjeng kerangka terbentuk. Saya sangat merekomendasikan aplikasi ini untuk kawan-kawan.

html

html

Pembentukan Kerangka

Membuat kerangka blog ini harus kamu perhatikan juga tentunya, dan juga ini menurut saya menjadi dasar pembentukan template. Kamu harus tau, kamu mau buat template dengan berapa kolom, 1/2/3, dan juga penempatan atau pemasangan elemen seperti header, sidebar,  ataupun footer, saran saya buatlah sesuai fungsi blog. Dalam project ini saya hanya membuatnya secara sederhana dengan tampilan 1 kolom dengan hanya bagian penting yang akan saya desain. contohnya saya hanya mendesain tampilan homepage dan static page saja, jika seperti post-page saya abaikan karena saya sepertinya tidak saya tidak menggunakannya.  
Kenapa saya tidak menggunakan post-page ?
Nah ini, seperti yang sudah saya sampaikan diatas, buatlah sesuai fungsi dan kebutuhan, template ini rencananya akan saya gunakan untuk blog yang bertipe galeri atau apalah itu, jadi saya tidak membutuhkan post-page, karena saya akan menampilkannya di halaman depan tanpa harus masuk post-page untuk melihat gambar.
Untuk demonya, silahkan klik link dibawah


Penggunaan Framework Bootstrap

Untuk pembentukan template saya dibantu oleh bootstrap, Bootsrap menurut saya sangatlah efektif jika ingin menghemat waktu untuk membuat elemen yang responsif dan cepat, dan juga elemen class yang banyak sudah siap sedia didalam cssnya bootstrap yang ..../boostrap.min.css, dan jangan lupa juga dengan javascript yang sudah disediakan bootstrap, karena beberapa elemen responsif tidak akan jalan jika ini tidak dipasang seperti contohnya seperti menu navbar versi mobile yang menggunakan sistem yang saya gak tau namanya ini :D, pokoknya dia menggunakan sistem navigasi buka tutup gitulah. Berbagai fitur yang sangat membantu dari bootstrap, pencatuman bootstrap sangat direkomendasikan untuk blog sobat, 

Mengenal Lebih Dalam Kode Pembangun

Nah ini dia perbedaannya kamu desain template yang sudah ada dengan kamu membuat sendiri templatenya, kamu akan jauh lebih mengenal templatemu, penempatan serta seluk beluk blog udah dikenal jadi kalau mau desain lagi anda sudah tidak kerepotan mencari id ini mencari class ini dan js yang aneh-aneh ditanam di template.
Saya mulai tertarik untuk lebih mengenal javascript, karena mau tidak mau javascript gak lepas dari penulisan si builder template, jika kamu suka dengan effect-effect cantik di blog seperti effect dropdown menu yang suka memantul, membuat sebuah effect pada saat klik link tertentu dengan menggunakan event, kamu wajib tau atau sedikit tau tentang javascript, untuk penggunaan JSnya bisa tolong google carikan.

Coba-coba aja gan buat template sendiri siapa tau jadi, kalo udah jadi dijamin bakal senyum-senyum sendiri karena akan ada pertanyaan dalam batin "lah kok jadi yah ?", terutama bagi saya yang newbie hahahaha. 
BTW, saya butuh saran untuk template saya gan untuk lebih mengembangkannya lagi :D.
Oke sekian artikel saya, terima kasih.

Template Zoni 29myage Responsive Template

Kali ini saya ingin berbagi template hasil modifikasi saya, template ini berasal dari Johny Wuss Maskolis, template yang saya desain sedemikian rupa dan sederhana ini terinspirasi template lama milik Kompi Ajaib walaupun gak mirip heheheh, tetapi saya sangat berterima kasih kepada Kompi ajaib.
Ok, berikut ini akan saya jelaskan tentang template ini.

screenshot


Author : Maskolis
Published : By Mastemplate
Name : Zoni 29myage

Pada template ini sudah saya pasang sebuah author box yang berasal dari Kompi Ajaib, dan jadi jika anda ingin mengganti gaya penulisan bahasa dan fotonya, sobat cari kode berikut.
<div class='CBauthorbox'>
<div class='CBauthoravatar'>
  <a href='http://my-topsite.blogspot.com/p/about-me.html' target='_blank'><img alt='About Author' src='URL FOTO ANDA' title='About Me'/></a>
<div class='CBauthorlabel'><a expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='G+'><data:post.author/></a></div>
</div>
<div class='CBauthorcontent'>
<p class='bio'>
Selamat datang di blog saya yang sangat sederhana ini, saya menulis apa yang saya ketahui, saya harap sobat betah berada di Blog saya, dan jika sobat ingin berlangganan dari Cara Blogger, sobat bisa mengisi Email sobat dibawah..</p>
<ul class='CBsocial'>
<li class='rssicon'>
<a href='#' target='_blank' title='Rss'>Rss</a>
</li><li class='twicon'>
<a href='#' target='_blank' title='Twitter'>Twitter</a>
</li><li class='fbicon'>
<a href='#' target='_blank' title='Facebook'>FaceBook</a>
</li><li class='bicon'>
<a href='#' target='_blank' title='Follow This Blog'>Follow This Blog</a>
</li>
</ul></div>
<div class='CBemailform'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Carablogger-id&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='Carablogger-id'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email....&quot;;}' onfocus='if (this.value == &quot;Enter your email....&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small></form>
</div>
</div>

Untuk penjelasan lebih detil, sobat bisa masuk kesini Kompi Ajaib.
dan Untuk mengganti Menunya, sobat bisa ganti kode berikut.
<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/' title='Homepage'>Home</a></li>
<li><a href='#' title='Tips and Trick Blogger'>Tips dan Trik Blogger</a></li>
<li><a href='#' title='Template Blogger'>Template</a></li>
<li><a href='#' title='Best Blogger'>Best Blogger</a></li>
<li><a href='#' title='Blogger Dan Hacker'>Blogger Dan Hacker</a></li>
<li><a href='#' title='About Game'>Permainan</a></li>
</ul>
 </div>
Silahkan sobat ganti link tersebut dengan link yang ingin sobat masukan.
Karena sudah malam, cukup disini dulu penjelasannya, jika ada pertanyaan, silahkan berkomentar dibawah.

Template Blogger Store


Template Blogger Store :
Author : Java Template
Publisher : Zoomtemplate

Design
  • 4 kolom
  • Slidershow
  • Right Sidebar
  • Warna Putih
  • 2 Submenu Atas Header (Dropdown) dan Bawah Header (Dropdown)
  • Cocok untuk Toko Online