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://
Subscribe to:
Posts (Atom)