Sunday, May 5, 2013

Sevida Premium Responsive Blogger Template




Bagi desainer template blogger mungkin banyak yang sudah tahu tentang themeforest. Yah Themeforest merupakan tempat anda dapat menemukan theme/template dari berbagai macam platform baik itu Wordpress,Jombla,Drupal,Prestoshop,Blogger dan masih banyak lainnya. Disinilah banyak para desainer handal yang menjual themes/template yang mereka buat.
Dengan jumlah user yang sudah terdaftar mencapai

Thursday, May 2, 2013

Memasang Google+ Comment di MKR Blogger Template




Setelah menluncurkan editor HTML yang baru dengan tambahan fungsi yang menurutku sangat membantu, Google juga meluncurkan tambahan fitur baru pada blogger sendiri yaitu Komentar Google+ untuk blogger.
Berbeda dengan thread comment bawaan dari blogger, fitur komentar baru ini menggunakan iframe untuk menampilkannya. Hal ini seperti pada komentar facebook ataupun discus yang juga menggunakan

Friday, April 26, 2013

Merubah Widget Popular Post Menjadi Slideshow Coinslider




Artikel terpopuler (Popular Post) merupakan salah satu widget bawaan dari blogger. Widget ini dapat menampilkan gambar, judul serta deskripsi dari artikel dan biasanya diletakkan pada bagian sidebar. Nah tahukah kalian widget popular post ini dapat dirubah menjadi slider. Untuk membuatnya menjadi slider kita harus mengetahui struktur HTML yang menyusun slider yang akan dibuat.
Jika sudah

Wednesday, April 10, 2013

Google mengupdate Blogger Template HTML Editor




Bagi kalian yang gemar dalam mengutak-atik template blogger ini merupakan berita yang bagus bagi kalian. Baru-baru ini google mengupdate/meningkatkan fungsi dari HTML editor yang ada pada bagian template.
Seperti apa yang ditulis pada Blogger Buzz bahwa peningkatan fungsi ini untuk kalian para pengembang web (pembuat template) ataupun yang senang dalam merubah-rubah tampilan blog dengan

Sunday, March 31, 2013

MXfluity Responsive Blogger Template by MKR




Membuat template menggunakan masonry/isotope tidaklah terlalu sulit. Tetapi ketika ingin menyatukannya dengan script load more/infinity scroll barulah sering terjadi masalah. Dari beberapa uji coba yang saya lakukan akhirnya saya dapat menyatukan keduanya seperti yang pada template kali ini.
Template yang saya beri nama MXfluity ini menggunakan isotope untuk mengatur tata letak elemennya

Tuesday, March 26, 2013

Sidebar Featured Post dengan CSS dan jQuery




Sebelumnya saya pernah membagikan featured post seperti ini, tapi untuk ditempatkan pada bagian atas posting. Sedangkan pada featured post ini untuk diletakkan pada bagian sidebar.
Script yang saya gunakan pada sedikit berbeda agar dapat digunakan pada sidebar. Karena biasanya bila diletakkan pada sidebar tidak hanya untuk artikel terbaru tapi juga untuk label-label tertentu.
Bagi anda yang

Thursday, March 21, 2013

Memasang Auto Slideshow CoinSlider di Blogger/Blogspot




Coinslider merupakan slideshow yang dibuat dengan jQuery yang memiliki efek transisi yang menarik. Efek transisi yang ada pada slideshow ini yaitu swirl, rain, straight. Karena efeknya yang tidak terlalu banyak sehingga slideshow ini hanya memiliki ukuran (12kb).
Melihat struktur HTML untuk membuat slideshow ini tidak terlalu rumit. Sehingga saya mencoba membuatnya dalam versi autoslideshow (

Saturday, March 9, 2013

Membuat Facebook Like Box dan Comment Responsive




Facebook merupakan social media yang memiliki jumlah pengguna yang sangat banyak. Di Indonesia saja 47% dari pengguna internet memiliki akun facebook. Selain social media facebook juga memberikan banyak tools bagi pengguna blog. Diantaranya fasilita seperti facebook like box, facebook button, facebook comment.
Nah bagi anda pengguna facebook dan juga memasang facebook like box atau pun

Featured Post Menarik dengan CSS dan jQuery




Desain yang menarik pada sebuah blog dapat membuat pembaca nyaman dalam menikmati bacaan yang anda sajikan. Banyak blogger menambahkan fitur-fitur bagi blog mereka. Fitur yang biasanya ada yaitu fitur featured post.
Nah kali ini saya akan membagikan featured post yang memiliki tampilan yang berbeda dari biasanya. Tampilan dari featured ini menggunakan CSS pseudo nth-child untuk mengatur lebar

Friday, March 8, 2013

CSS3 box-sizing Mempermudah Pembuatan Template




box-sizing merupakan CSS3 yang sering saya gunakan dalam membuat template blogspot/blogger. Karena menurut saya CSS3 ini dapat membantu dalam mengatur ukuran dari lebar area/tag div sehingga jika dilakukan penambahan padding maka lebar dari kotak div tidak berubah.
box-sizing atribut yang sering saya gunakan yaitu border-box. Box-sizing dengan atribut border-box kompatibel untuk IE8+, Firefox

Wednesday, March 6, 2013

Membuat Menu Navigasi Responsive dengan jQuery




Menu merupakan hal yang wajib ada pada website/blog untuk dapat mempermudah pembaca dalam mendapatkan artikel mereka inginkan. Baik itu diisikan dengan sebuah link yang hanya menuju ke satu artikel ataupun menuju kategori tertentu. Menu ada yang diletakkan dibagian atas atau bawah artikel serta ada juga di sidebar.
Seiring dengan perkembangan teknologi dan dengan bermunculannya smartphone/

Tuesday, March 5, 2013

48Family Icon Folder by MKR



Wah sudah lama rasanya tidak menuliskan tentang JKT48. Walaupun artikel kali ini bukan sepenuhnya tentang JKT48, tapi lebih pada keseluruhan sister dari AKB48. Yah kali ini saya akan membagikan icon folder dari logo AKB48 dan saudari-saudarinya.
Mungkin sudah banyak website/blog diluar yang membagikan icon folder seperti ini. Jadi mungkin ini bukan sesuatu yang istimewa. Tapi bagi anda yang

Memasang Slider Responsive (ElasticSlideshow) untuk Blogger




Featured post yang pada umumnya diletakkan pada halaman beranda bermacam macan model atau tampilannya. Diantaranya ada yang berbentuk carausel dan slideshow. Nah kali ini saya akan memberikan script untuk menampilkan featured post/slider yang responsive menggunakan Elasticslideshow.
Elasticslideshow ini dibuat oleh louis_remi pada tahun 2011 dengan nama smartresize dan merupakan script slider

Sunday, March 3, 2013

MyTimeLine Responsive Blogger Template by MKR




Beberapa hari yang lalu saya membagikan template dengan menggunakan fitur yang baru. Nah template yang saya buat kali ini masih menggunakan fitur yang hampir sama dengan MyExtraNews Responsive Blogger Template by MKRTemplate kali ini bisa dikatakan mirip dengan template responsive blogger yang sebelumnya yaitu ExtraNews atau mungkin juga bisa dikatakan versi ke..." href="http://

Thursday, February 28, 2013

MyExtraNews Responsive Blogger Template by MKR




Template kali ini bisa dikatakan mirip dengan template responsive blogger yang sebelumnya yaitu ExtraNews atau mungkin juga bisa dikatakan versi kedua dari Extra News Responsive Blogger Template by MKRExtra News merupakan template blogger responsif yang di adaptasi dari themes wordpress yang di buat oleh ThemeWich. Pada versi blogger ini terdapat 8 pilihan warna, dan dengan banyak fitur

Wednesday, February 20, 2013

Solusi Pengaturan Jumlah Artikel pada Halaman Beranda Blogspot




Biasanya halaman beranda atau home jumlah atikel/postingan yang tampil tidak dapat diatur/jumlahnya tetap walaupun di bagian pengaturan postingan sudah di set. Misalnya dibagian pengaturan sudah diatur jumlah yang tampil di beranda (home) 10 tapi yang muncul hanya 6 atau 3.
Masalah seperti itu sering terjadi di blog yang menggunakan auto readmore. Karena kebanyakan template yang saya buat

Sunday, February 17, 2013

Menampilkan Tanggal dan Waktu saat ini dengan Javascript




Sesuai dengan judul dari artikel ini, kali ini saya akan membagikan script untuk menampilkan tanggal dan waktu saat ini. Tanggal dan waktu ini dapat ditampilkan dengan menggunakan Javascript atau jQuery. Dan script ini dapat digunakan untuk membuat waktu/jam digital.
Berikut ini script-scriptnya.
Tanggal saat ini:
Tanpa Nama Hari

Blog Archive