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
About Me
Blog Archive
-
▼
2013
(27)
-
►
March
(10)
- MXfluity Responsive Blogger Template by MKR
- Sidebar Featured Post dengan CSS dan jQuery
- Memasang Auto Slideshow CoinSlider di Blogger/Blog...
- Membuat Facebook Like Box dan Comment Responsive
- Featured Post Menarik dengan CSS dan jQuery
- CSS3 box-sizing Mempermudah Pembuatan Template
- Membuat Menu Navigasi Responsive dengan jQuery
- 48Family Icon Folder by MKR
- Memasang Slider Responsive (ElasticSlideshow) untu...
- MyTimeLine Responsive Blogger Template by MKR
-
►
February
(6)
- MyExtraNews Responsive Blogger Template by MKR
- Solusi Pengaturan Jumlah Artikel pada Halaman Bera...
- Menampilkan Tanggal dan Waktu saat ini dengan Java...
- Cara Merubah Gambar Anonim Komentar Blogger dengan...
- Memasang Emoticon pada Komentar Blogspot
- Format ukuran gambar pada PicasaWeb Photo/Blogspot
-
►
January
(7)
- Widget Artikel Acak [Random Post] dan Artikel Terb...
- Aware Responsive Blogger Template by MKR
- Widget Komentar Terbaru Blogspot Efek Animasi
- Menyimpan file di Google Code dengan TortoiseSVN (...
- JPStation Responsive Blogger Template by MKR
- Membuat Breaking News di Blogspot
- Artikel Terkait dengan Gambar/Thumbnail
-
►
March
(10)