• About
  • Contact Us
  • Disclaimer
  • Sitemap
  • Facebook
  • twitter
  • Instagram
  • Youtube

Berbagai Sumber

  • Belajar HTML
  • Belajar CSS
  • Belajar JAVASCRIPT
  • Belajar PHP

Label

  • Tips dan Trik
  • Tutorial
  • Web Design

ADS

Banner Header

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Bisakah kita menampilkan artikel terbaru berdasarkan label blog? Setelah sebelumnya kita telah membahas cara membuat widget artikel terbaru di blog, pada kesempatan ini kita akan membahas cara membuat widget artikel terbaru berdasarkan label.

Bagi Anda yang ingin memasang widget tersebut pada blog, silahkan simak dan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.

<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>
Baca Selengkapnya »
Label: Tips dan Trik

Cara Mengatasi Error saat Ganti Template Blogger


Menyembunyikan CSS Reset Stylesheet Blogger Agar Valid HTML5 - Salah satu penyebab error terbesar pada validasi HTML5 ini adalah adanya CSS Reset Stylesheet di blog. Uniknya, anda tidak akan menemukan kode tersebut di Edit HTML template blog anda. Selain itu, kode tersebut juga yang menyebabkan loading blog berat. Jadi jika anda peduli dengan blog anda, anda perlu menghilangkan kode tersebut.

Baca juga : Menyembunyikan Javascript Widget Blogger Guna Mempercepat Loading Blog
Tapi, seperti yang saya bilang di awal bahwa kode tersebut tidak akan anda temukan di Edit HTML, otomatis anda tidak bisa menghilangkan dengan menghapus kodenya begitu saja. Anda harus menyembunyikannya. Seperti yang sudah pernah dibahas di Blog Kompi Ajaib dengan tutorialnya yang berjudul Trik Menyembunyikan CSS Reset Stylesheet Blogger. Dan untuk menemukan kode CSS Reset Stylesheet ini, anda dapat melihatnya di halaman 'page source' blog anda atasnya kelompok CSS. Kurang lebih, kodenya seperti berikut ini.
Ciri-cirinya, jika kode di atas belum disembunyikan adalah akan terbentuk link aktif berwarna biru. Hal itu menandakan kode tersebut masih aktif dan terbaca oleh browser. Jika kode di atas sudah tersembunyi, kode di atas seluruhnya akan berwarna hitam. Jadi, sebelum melakukan cara ini, silahkan lihat halaman 'page source' blog anda terlebih dahulu untuk memastikan sudah disembunyikan apa belum.

Tapi, pada masa sekarang, sebagian besar para pembuat template sudah menyembunyikan kode ini. Sehingga, anda tidak perlu lagi untuk melakukan trik ini bagi yang sudah. Cara ini ditujukan bagi yang belum saja.
Untuk menyembunyikannya, silahkan perhatikan susunan CSS template blog anda. Secara keseluruhan, akan terlihat seperti di bawah ini.
Baca Selengkapnya »
Label: Tutorial

Tuitorial web design


Sebelum memulai, saya ingin menginformasikan kepada Anda bahwa sebenarnya template blog dengan platform Blogger sudah tersedia banyak sekali di internet.

Kalau tidak percaya, coba saja lakukan pencarian dengan kata kunci "template blogger" di Google.

Anda akan menemukan ribuan template blogger dengan desain dan fitur yang berbeda satu sama lain, yang bisa Anda dapatkan baik secara gratis maupun berbayar.

Jika sudah ada sekian banyak template blog yang bertebaran di internet dan bahkan dapat diperoleh secara gratis, lalu mengapa harus susah-susah belajar membuat template blog sendiri? Bukankah akan lebih praktis jika kita menggunakan template yang sudah ada saja?

Benar sekali bahwa menggunakan template blog buatan orang lain memang merupakan langkah yang cepat dan praktis. Kita juga tidak perlu susah-susah belajar coding yang tentu sangat menyita waktu.

Tetapi sobat Blogger, saya ingin sedikit cerita pengalaman saya yang sudah mengenal Blogger sejak tahun 2008. Dibandingkan menggunakan template blog orang lain, saya lebih nyaman dan lebih konsisten melakukan update posting ketika menggunakan template blog yang saya buat sendiri.

Pada awal mengenal Blogger, saya juga hanya bisa menggunakan template blog buatan orang lain.

Seiring berjalannya waktu, saya sangat senang melakukan modifikasi desain dan fitur template blog orang lain untuk memenuhi kriteria blog yang saya butuhkan.

Hingga akhirnya sampai saat ini bisa dibilang saya telah berhasil membuat template blog sendiri mulai dari nol.

Jika dihitung mulai sejak awal pertama kali saya mengenal Blogger, sudah hampir 9 tahun saya menjadi seorang Blogger. Selama 9 tahun itu pula saya belajar memodifikasi template blogger secara otodidak (sendiri) dengan sumber tutorial saya cari di Google.

Belajar secara otodidak memang akan memberikan Anda pengalaman yang luar biasa, tetapi mungkin akan menghabiskan lebih banyak waktu. Belajar kepada seseorang yang memiliki keahlian dan pengalaman akan membuat Anda paham dengan lebih efektif.

Pada kesempatan ini, izinkan saya untuk membagikan pengalaman selama 9 tahun belajar memodifikasi template blogger saya ini dalam bentuk panduan membuat template blog Blogger sendiri dari awal.

Merupakan suatu kebanggaan tersendiri bagi saya ketika Anda telah berhasil membuat template blog Blogger karya Anda sendiri karena mengikuti panduan yang saya tulis ini.


Cara Membuat Template Blog Blogger Sendiri Mulai Dari Nol


Template blog merupakan jantung sebuah blog. Ia mengatur desain dan fitur yang dimiliki sebuah blog. Dalam panduan ini, kita akan belajar membuat template blog dengan kriteria minimal sebagai berikut :

  • Memiliki desain yang mudah diatur
  • Mudah menambah dan mengurangi fitur
  • Ringan, fast loading
  • Tampilan responsive pada berbagai ukuran layar
  • Valid HTML5
  • SEO Friendly

Template blog memiliki struktur yang kompleks, sehingga untuk dapat memahami tiap bagian dengan baik, saya telah membagi panduan membuat template blog sendiri ini menjadi beberapa serial.

Jika Anda benar-benar pemula dalam dunia Blogger, saya sarankan Anda untuk melanjutkan membaca artikel ini sampai selesai dulu, baru kemudian mulai melanjutkan membaca serial berikut :

No Serial Pemahaman
1. Pemahaman Dasar 5%
2. Membuat Blog Ringan, Valid HTML5, dan SEO Friendly 10%
3. Struktur Dasar Template Blog 20%
4. Menu Navigasi 30%
5. Desain Header 40%
6. Desain Posting 50%
7. Desain Kolom Komentar 60%
8. Desain Sidebar 70%
9. Desain Footer 80%
10. Kustomisasi Font 90%
11. Responsive Template 100%

Sekilas Tentang Blogger


Blogger merupakan sebuah layanan blog-publishing yang dirintis oleh Pyra Labs pada tahun 1999, dan dibeli oleh Google pada tahun 2003.

Semua blog dengan platform Blogger secara default dihosting pada subdomain blogspot.com, namun bisa di-upgrade menjadi top level domain (seperti www.duarupa.com).

Server penyimpanan data berupa gambar, video, dan script dihosting pada server Google, dan dapat langsung diunggah melalui Blogger. Data yang dihosting pada server luar atau pribadi tetap dapat dimuat dan ditampilkan pada blog dengan platform Blogger.

Untuk melihat source code (kode sumber) template blog Blogger dapat dilakukan dengan masuk ke Template Editor. Caranya pada Dashboard Blogger, pilih Theme, kemudian pilih Edit HTML.
Baca Selengkapnya »
Label: Web Design
Langganan: Komentar (Atom)

Copyright ©:Ajis Moslem