Laba-Laba Blog

Javascript Image Preloading

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 24 Sep 2014 02:48:00 +0000

Laba-Laba Blog - Sesuai dengan namanya, Javascript Image Preloading ini memang didesign dengan memanfaatkan kode atau elemen DIV di dalam javascriptnya, yang difungsikan untuk membentuk konfigurasi penataan dan tampilan gambar / image serta teks. Dengan memanfaatkan fungsi seperti ini, ketika sebuah blog dibuka, maka akan ditampilkan gambar / image atau teks yang memberi pertanda bahwa blog sedang dalam proses loading / membuka.

1. Login ke blogger
2. Lalu masuk ke Rancangan => Edit HTML
3. Copy paste kode di bawah ini lalu pasangkan di atas kode </head>

<script type='text/javascript'>
var ld= (document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
  if (ns4)
   ld = document.loading;
   else if (ns6)
 ld = document.getElementById("loading").style;
   else if (ie4)
 ld = document.all.loading.style;
function init(){
  if(ns4){ld.visibility="hidden";}
   else if (ns6||ie4) ld.display="none";
}

</script>

4. Setelah itu cari kode </body> lalu ganti kode berikut

<body onLoad='init()'>
<div id='loading' style='position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10;'>
<img alt='Loading' src='http://i1216.photobucket.com/albums/dd361/Garyu70/Blog/CircleGreenBlackLoader.gif'/></div>

5. Selesai

Ontohod V1 Responsive Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Tue, 23 Sep 2014 23:12:00 +0000

Laba-Laba Blog - Sudah hampir satu bulan saya tidak memposting artikel sama sekali, terakhir saya memposting tentang berita, pada pagi hari ini saya akan memposting kembali mumpung saya masih di rumah. Saya akan memberikan template gratis namun template ini bukan hasil dari karya saya namun hasil karya Ruly Jenar Nakula. Nama ontohod diambil dari teater Si Kabayan dan Ontohod sebutan si abah buat kabayan.

Fitur-Fitur Template

Fully Responsive
Fast Loading
Thereaded Comments
Simple Design

Tidak banyak fitur tambahan pada template ini karena untuk selebihnya anda bisa modifikasi sesuai selera dengan catatan tidak menghapus link kredit.

Resource: http://the-anarchyta.blogspot.com/2014/09/ontohod-v1-responsive-template.html

Indonesia Selenggarakan Kejuaraan Dunia Arung Jeram 2015

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 13:45:00 +0000

Indonesia akan menyelenggarakan Kejuaraan Dunia Arung Jeram (World Rafting Championship) R6 (enam pedayung) pada 28 November-12 Desember 2015 di Sungai Citarik, Sukabumi, Bogor.

"Kejuaraan ini akan diikuti 60 negara dan sekitar seribu orang akan ambil bagian di dalamnya," kata Ketua Harian Pengurus Besar Federasi Arung Jeram Indonesia (PB FAJI) Amalia Yunita di Jakarta, Rabu.

Terpilihnya Indonesia menjadi tuan rumah, menurut Amalia, merupakan kebanggaan karena diperlukan waktu yang tidak sebentar, dari tahun 2012 hingga awal 2013, dan ada penilaian khusus dari International Rafting Federation (IRF).

"Indonesia menyingkirkan kandidat kuat lain untuk menjadi tuan rumah, yaitu Australia dan Brazil," ujar perempuan yang juga menjabat sebagai "judge assesor" di IRF itu.

Indonesia akan mengikutsertakan seluruh tim atlet arung jeram dari kelompok umur yunior (usia 16-19 tahun), youth (19-23 tahun), dan open (semua umur). Sementara partisipasi kelompok umur master (50 tahun ke atas) masih menunggu kepastian.

Amalia mengatakan momentum ini harus dimanfaatkan untuk menunjukkan kepada dunia bahwa Indonesia bisa berprestasi dalam olahraga arung jeram dan menunjukkan kepada dunia bahwa objek pariwisata Indonesia bukan hanya keindahan laut, namun juga sungai.

Untuk menyukseskan kompetisi bertaraf internasional ini, katanya, PB FAJI mengharapkan dukungan dari semua pihak.

"Dukungan dari pemerintah pusat, pemerintah daerah, pihak swasta, masyarakat Jawa Barat, dan masyarakat Indonesia akan sangat berguna untuk kelancaran acara ini," tambah dia.

Selama keikutsertaan di kejuaraan dunia, Indonesia pernah meraih prestasi menjadi 'runner up' pada nomor lomba 'sprint' ketika kejuaraan itu dilaksanakan di Belanda tahun 2008.

Ketum PBNU Kritik Keberadaan Tim Transisi Jokowi

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 13:42:00 +0000

Ketua Umum Pengurus Besar Nahdlatul Ulama (PBNU) Said Aqil Siradj menilai pembentukan tim transisi presiden dan wakil presiden terpilih Joko Widodo-Jusuf Kalla, tidak etis. Tim transisi dinilai tidak menghormati Presiden Susilo Bambang Yudhoyono (SBY) yang saat ini masih menjabat.

"Tidak etis tim transisi itu, presiden kan masih SBY sampai Oktober (2014). Hormati beliau ini jangan sampai merasa terganggu sebagai presiden, mengusik ketenangannya," kata Said di kantor PBNU, Jakarta, Jumat (8/8/2014).

Menurut Said, tim transisi sebaiknya hanya diketahui oleh internal pihak Jokowi-JK. Ia juga meminta Jokowi-JK sabar menunggu putusan sengketa Pemilu Presiden 2014 di Mahkamah Konstitusi (MK).

"Dianggap nyamuk apa presiden? Dia (Presiden SBY) masih bekerja," lanjut Said.

Sebelumnya, presiden SBY juga mengomentari terbentuknya tim transisi dalam video yang diunggah di youtube. Ia memuji inisiatif tersebut. Hanya saja, Kepala Negara mengatakan, dirinya baru akan membantu mempersiapkan pemerintahan baru setelah Mahkamah Konstitusi mengeluarkan putusan terkait sengketa hasil Pemilu Presiden 2014.

"Rasanya tidak baik dan tidak etis ketika MK tengah bersidang, belum mengambil putusan apa pun, lantas saya atau menteri-menteri di kabinet saya diminta merencanakan masa transisi pemerintahan," ungkap Presiden.

Seperti diberitakan, Jokowi dan Jusuf Kalla kini tengah mempersiapkan masa transisi. Jokowi bahkan baru saja meresmikan Rumah Transisi Jokowi-JK di Jalan Situbondo, Menteng, Jakarta Pusat. Dia juga mengangkat Rini Soemarno, orang dekat Presiden kelima RI Megawati Soekarnoputri sebagai kepala di Rumah Transisi itu.

Rini dibantu oleh Anies Baswedan, Andi Widjajanto, Hasto Kristyanto, dan Akbar Faizal yang selama ini kerap mendampingi Jokowi dalam berkampanye. Tugas tim transisi adalah memetakan persoalan dan menyusun program bagi pemerintahan Jokowi.

Super Hero Asli Indonesia Hadapi Era Digital

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 03:56:00 +0000

Di tahun 90-an, layar kaca Indonesia ramai menayangkan tokoh-tokoh superhero yang jadi idola anak-anak Indonesia pada masa itu. Pasti masih ingat sama Satria Baja Hitam, Ultraman, Power Rangers, dan tokoh superhero cewek kayak Sailor Moon kan?

Indonesia pun ikutan unjuk gigi dengan memunculkan tokoh-tokoh superhero kayak Saras 008, juga Panji Manusia Milllenium. Semuanya nggak kalah nge-hits sama tokoh superhero buatan negara tetangga dan pupuler di kalangan dunia perfilman anak Indonesia.

Namun sayangnya, belakangan ini image superhero yang melekat pada anak-anak Indonesia justru identik dengan tokoh-tokoh Marvel kayak Superman, Batman, Spiderman, dan tokoh fiksi lain berakhiran -man lainnya.

Padahal sejak tahun 1950-an, para komikus Indonesia sudah membuat karakter superhero asli Indonesia seperti 17 superhero berikut ini.

Salah satu yang paling terkenal adalah Gundala, superhero berkekuatan petir yang diciptakan pada tahun 1969 oleh Hasmi. Sayangnya, karakter ini seakan tenggelam dan terlupakan serta tidak lagi diperhatikan. Sementara negara lain seperti Jepang dan Malaysia sudah menyadari pentingnya intellectual property atau kekayaan intelektual sebagai salah satu aset bangsa.

Ada beberapa upaya dari pemerhati dan pegiat di bidang komik, animasi, dan film Indonesia untuk mendukung para superhero lokal ini. Siapa mereka dan apa yang mereka lakukan?

Pesan Oezil ke Benzema Usai Perpanjang Kontrak di Madrid

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 03:34:00 +0000

Karim Benzema sepakat memperpanjang kontrak 5 tahun di Real Madrid. Kesepakatan ini disambut antusias oleh mantan rekan setimnya di Madrid yang kini membela Arsenal, Mesut Oezil.

"Benzema 5 tahun lagi di Real Madrid! Saya berharap dalam waktu dekat bisa melawanmu di kompetisi, teman," tulis pemain internasional Jerman tersebut di akun twiter pribadi miliknya.

Diberitakan sebelumnya, Madrid telah mengumumkan perpanjangan kontrak striker internasional Prancis itu hingga 2019. Pengumuman ini sekaligus memupus spekulasi tentang masa depan bomber berdarah Aljazair itu.

Sebelumnya, sempat mencuat isu jika dia berpikir untuk hengkang, apalagi kontrak terdahulu segera usai di musim depan. Sejauh ini, Benzema telah menyumbang 72 gol dari 159 kali penampilan bersama El Real.

Benzema bergabung dengan Madrid sejak 2009. Sedangkan Oezil baru bergabung ke Madrid setahun berselang. Tapi, Oezil pada musim panas 2013 lalu memutuskan pindah ke Arsenal yang berbasis di London.

MU Telah Bangkit, Wenger Lihat Persaingan Semakin Ketat

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 03:30:00 +0000

Pelatih Arsenal, Arsene Wenger, coba melihat persaingan di Premier League musim 2014-2015 akan berjalan semakin ketat. Sebab, Manchester United dinilainya telah bangkit dan kembali jalur yang sebenarnya.

Sejak diasuh oleh Louis van Gaal, MU memang tampil lebih baik dibandingkan saat era David Moyes pada musim lalu. Sepanjang laga pramusim, Wayne Rooney cs sukses mengemas kemenangan dan meraih gelar juara di International Champions Cup 2014.

Maka dari itu, Wenger yakin bila Setan Merah takkan mengulangi kesalahan di musim lalu hingga harus finis di tempat ke-7. Pelatih asal Prancis ini, memprediksi setidaknya bakal ada 6 tim yang akan berjuang memperebutkan gelar juara Premier League.

”Ya, persaingan bisa lebih ketat. Manchester United pasti akan datang kembali ke permainan aslinya, jadi jika enam tim berjuang untuk menjadi juara itu berarti setiap pertandingan akan menjadi sangat penting,” kata Wenger, seperti diberitakan Sportsmole, Jumat 8 Agustus 2014.

”Ini berarti, bahkan bisa lebih penting untuk tidak kehilangan poin melawan tim yang tidak bersaing dalam memperebutkan trofi,” sambungnya.

Ketatnya persaingan memang sudah terlihat di musim lalu, di mana Manchester City berhasil keluar sebagai juara dengan hanya unggul 2 poin saja di atas Liverpool. Sementara itu, Chelsea dan The Gunners juga harus sikut-sikutan demi meraih posisi 4 besar.

”Ketika Anda melihat Premier League musim lalu, satu atau dua pertandingan, menang atau kalah tidak ada yang bisa memprediksi. Saya pikir ada empat tim dalam jalur juara musim lalu, dan mungkin ada lima atau enam tim musim ini,” tuturnya.

Pemain Juventus Sebut Indonesia Kandang Kedua

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 03:26:00 +0000

Sambutan meriah yang didapatkan para pemain Juventus dari suporter setianya di Indonesia membuat mereka takjub. Bahkan, salah satu punggawa Juve, Claudio Marchisio, mengakui kalau ini layaknya kandang kedua Bianconeri.

"Indonesia ... Kandang kedua kami," tulis Marchisio di akun Twitter sembari mem-posting gambar Juventini yang membentangkan spanduk dukungan.

Hal senada juga diungkapkan oleh gelandang asal Ghana, Kwadwo Asamoah. Menurutnya, atmosfer yang diciptakan suporter di Stadion Utama Gelora Bung Karno (SUGBK) sangat luar biasa.

"Atmosfer di stadion malam ini sulit dipercaya! Terima kasih Indonesia," kicau mantan punggawa Udinese tersebut.

Sementara itu, bomber Fernando Llorente yang mencetak hattrick ke gawang ISL Stars sengaja mendedikasikan torehannya itu kepada pendukung setia di tanah air.

"Pertandingan yang hebat. Tiga gol saya dedikasikan bagi suporter fantastis Indonesia. Forza Juve," tulis pemain asal Spanyol itu.

Juventus sukses membungkan ISL Stars dengan skor 8-1. Sempat tertinggal oleh gol kilat Srdan Lopicic, 'Si Nyonya Tua' berhasil membalikkan keunggulan melalui sumbangan Llorente (3 gol), Andrea Pirlo, Sebastian Giovinco, Kingsley Coman, Simone Pepe dan Carlos Tevez.

5 Miliarder yang Hidup Super Hemat

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 08 Aug 2014 03:21:00 +0000

Posisi seseorang sebagai pemimpin perusahaan besar tentu identik dengan kekayaan dan fasilitas yang super mewah. Fasilitas mewah dan gaji super besar tentu wajar untuk perusahaan yang mereka pimpin.

Namun, seperti yang dilansir Businessinsider, ternyata ada beberapa dari chief executive officer (CEO) super kaya ini yang hidup hemat, hanya mengendarai mobil tua bahkan tidak punya banyak baju di rumahnya.

Berikut adalah beberapa CEO tersebut:

1. David Cheriton, pengajar di Universitas Stanford

Kekayaan: US$3 miliar.

Cheriton adalah pengajar di Universitas Stanford. Ia salah satu penemu Arista Network yang termasuk investor pertama Google setelah Larry Page dan Serget Brin memamerkan demo mereka pada 1998.

Cheriton mengaku tidak suka dengan perilaku boros yang dilakukan para CEO.

"Ada yang salah dengan orang yang membangun rumah dengan 13 kamar mandi di dalamnya atau semacamnya," katanya dalam sebuah wawancara.

Hingga kini, Cheriton masih mengendarai mobil Volkswagen Vanagon tahun 1986, hidup di rumah yang sama selama 30 tahun, memotong sendiri rambutnya hingga menggunakan kembali hasil rebusan tehnya.

2. Charlie Ergen, CEO Dish Network

Kekayaan: US$16,3 miliar.

Ergen sudah sangat terkenal dengan sifat hematnya. Bahkan hingga sepuluh tahun lalu dia bersikeras menandatangani semua cek yang keluar dari perusahaannya.

Dia juga membawa satu pak sandwich dan minuman ringan sebelum pergi bekerja setiap hari. Dan hingga saat ini pun dia masih berbagi kamar dengan temannya ketika bepergian.

"Ibu saya dibesarkan dalam depresi," katanya kepada Financial Times.

3. Pierre Omidyar, penemu dan pimpinan eBay

Kekayaan: US$8,1 miliar.

Omidyar menjadi miliuner ketika eBay masuk bursa saham pada 1998. Tapi, ia menilai menghabiskan seluruh uangnya bukanlah hal yang menyenangkan.

"Kami seperti melewati tingkatan orang kaya biasa dan langsung menjadi luar biasa kaya," katanya kepada Forbes.

Ia melanjutkan, "Kami tidak hanya bisa membeli satu mobil mahal, tapi bisa membeli semuanya. Namun, ketika Anda membeli semuanya, Anda akan sadar bahwa tidak ada yang begitu memuaskan," ujarnya.

4. David Karp, CEO Tumblr

Perkiraan kekayaan: US$200 juta.

Karp merupakan salah satu remaja Inggris yang sukses membangun bisnisnya. Tumblr saat ini paling tidak bernilai US$1,1 miliar.

Walaupun demikian, Karp tetap memilih gaya hidup yang simpel. Ia punya apartemen di Williamsburg, Brooklyn, seluas 1.700 kaki persegi. Dilaporkan, ia menghabiskan US$1,6 juta untuk ruangan tersebut. Namun, ia membiarkan ruangan tersebut setengah kosong.

"Saya tidak punya buku-buku dan tidak punya baju banyak. Saya selalu heran kenapa orang mengisi rumahnya dengan barang-barang," katanya kepada Forbes.

5. Azim Premji, CEO Wipro Limited

Kekayaan: US$15,4 miliar.

Sebagai pemimpin perusahaan raksasa Wipro, Premji dikenal sebagai salah satu warga India terkaya, namun ia tetap benci mengeluarkan uang.

Premji secara rutin bepergian dan selalu menggunakan mobil otomatisnya dari bandara ke kantor Wipro. Premji juga terkenal sering memonitor tisu toilet dan berbagai fasilitas Wipro lainnya.

Bahkan, ia kerap memperingatkan karyawannya untuk mematikan lampu kantor sebelum mereka meninggalkannya.

The FISEO Magz Blogger Template V.2

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 23 Jul 2014 00:46:00 +0000

Laba-Laba Blog - The FISEO Magz Blogger Template sudah mengalami 2 kali pembaharuan atau pengupdatetan, yang pertama itu kalau tidak salah saya sudah mempostingnya dan yang kedua ini saya akan membahasnya. The FISEO template sudah dipublikasikan hari Selasa (24/6) yang secara langsung dipublikasikan oleh pemiliknya yakni The Anarchyta. Template ini dapat anda unduh atau download secara cuma-cuma (gratis).

Fitur Template

Responsive Design
Valid HTML 5 Homepage
Valid HTML 5 Post Page
Valid CSS 3
SEO of Page 100% ala CHKME
Threadead Comment
Auto Read More No JS
Breadcrumbs Terindex Google
Related Post
Fast Loading
Clean Design
Ads Ready
Dll

Resource : http://the-anarchyta.blogspot.com/2014/06/the-fiseo-magz-blogger-template-v2_24.html

Hamas tewaskan 13 tentara Israel

noreply@blogger.com (Muhammad Agiel Kamali) — Tue, 22 Jul 2014 03:04:00 +0000

Jakarta - Perdana Menteri Israel Benjamin Netanyahu terkejut karena Hamas memberanikan perlawanan dalam serangan darat. Ada 13 tentara Israel yang tewas, sedangkan tentara zionis ini hanya bisa membunuh warga sipil yang tidak bersenjata.

Sampai Senin (21/7) ada 472 warga sipil Palestina yang tewas akibat serangan Israel yang membabi-buta. Namun, Israel tidak bisa menghentikan perlawanan Hamas.

Juru bicara Dinas Urusan Darurat Gaza, Ashraf al-Qudra melaporkan, gempuran terbaru Israel di Gaza pada Senin (21/7) dini hari merenggut 34 nyawa. Menurut Qudra, sedikitnya dua warga Palestina tewas akibat serangan udara di wilayah Gaza City bagian timur.

Jasad seorang warga Palestina juga ditemukan terkubur di bawah reruntuhan rumah di Khan Yunis, yang hancur akibat gempuran Israel. Demikian seperti dilansir AFP, Senin (21/7).

Terus Bertambah

Qudra menyatakan, jumlah korban terus bertambah setelah total 72 warga Palestina tewas hanya dalam satu hari, yakni pada Minggu (20/7) kemarin. Mereka tewas akibat gempuran Israel di wilayah Shejaiya, antara Gaza City dengan perbatasan Israel.

Menurut Qudra, sebanyak 80 persen korban tewas di Shejaiya merupakan pria lanjut usia, wanita dan juga anak-anak. Sedikitnya 400 orang lainnya luka-luka.

Semenjak Israel memulai Operation Protective Edge pada 8 Juli lalu, militan Palestina atau Hamas telah meluncurkan 1.414 roket dan mortir ke wilayah Israel. Sebanyak 377 roket diantaranya berhasil dihancurkan oleh sistem pertahanan udara Iron Dome milik negara Yahudi tersebut.

Buzz To Responsive Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Mon, 21 Jul 2014 09:32:00 +0000

Laba-Laba Blog - Menjelang berbuka puasa saya menyempatkan diri untuk memposting artikel lagi, postingan saya kali ini mengenai template blogger. Template ini mungkin belum begitu populer dan template ini sudah dipublikasikan oleh The Anarchyta, template ini hasil karya +Sutarni Toto mungkin ada beberapa para pengguna blogger yang masih asing mendengarnya. Seperti judul artikelnya, template ini sudah responsive dan tentunya sudah comment hack V.3 yakni hasil karya +Kang Ismet.

Fitur-Fitur Template

Meta Tag, Title Tag SEO Friendly
Tag PRE (Post and Comment)
Blockquote
Responsive
Banner Ads Responsive
Jquery Callback "Recent Post"
Post Button
Comment Hack V.3
Author Rich Snippet

Sumber : http://the-anarchyta.blogspot.com/2014/07/buzz-to-responsive-blogger-template.html

Menampilkan Pesan Pada Jam Tertentu

noreply@blogger.com (Muhammad Agiel Kamali) — Sun, 20 Jul 2014 09:18:00 +0000

Laba-Laba Blog - Sudah hampir 1 bulan lebih saya selaku admin tidak memposting artikel sama sekali, sebelum saya berbicara panjang saya ingin mengucapkan Selamat Menunaikan Ibadah Puasa. Baru saja hari kamis kemarin saya pulang dari sekolah saya dalam rangka liburan, pada sore hari ini saya menyempatkan diri untuk membuka blogger serta menulis artikel atau menyebarluaskan artikel. Artikel yang akan saya bahas ini ada sangkut pautnya dengan dunia blogger. Apakah sebelumnya anda pernah mendengar countdown timer message?.

Countdown timer message adalah sebuah pesan yang hanya muncul pada waktu-waktu tertentu saja, countdown ini sebelumnya sudah dibahas oleh The Anarchyta, kemudian saya akan menyebarluaskan artikel miliknya. Countdown ini baru saja dipublikasikan pada tanggal 7 Juli 2014 dan sudah banyak yang merespon tentang gadget ini, gadget ini sangat cocok untuk dipasang pada blogger anda karena kapasitas gadget ini tidak memberatkan blogger atau website anda. Berikut, ikutilah langkah-langkah di bawah ini.

1. Masuk ke blogger.
2. Dari dasbor => tata letak => edit html => HTML/JavaScript.
3. Salin script di bawah ini kemudian simpan di HTML/JavaScript.

<script type='text/javascript'>
 var now = new Date();
 var hours = now.getHours();
    // Jam 4 Sore - 6 Sore
 if (hours >= 16 && hours <= 18){
document.write("Selamat menantikan berbuka Puasa");
   // Jam 7 Malam - 9 Malam
 } else if (hours >= 19 && hours <= 21){
document.write("Selamat menjalankan Sholat Tarawih");
    // Jam 10 Malam - 2 Dini Hari
 } else if (hours >= 22 || hours <= 2){
document.write("Kok belum tidur? udah malam bro..");
    // Jam 2 Dini Hari - 4 Dini Hari
 } else if (hours >= 2 && hours <= 4){
document.write("Sahur! Sahur! Sahur!");
    // Jam 5 Pagi - 8 Pagi
 } else if (hours >= 5 && hours <= 8){
document.write("Selamat pagi, semoga puasanya Lancar..");
    // Jam 9 Pagi - 3 Sore
 } else if (hours >= 9 && hours <= 15){
document.write("Selamat menunaikan ibadah puasa, semoga amal ibadah kita di terima di sisi Allah SWT.");
 }
</script>

4. Simpan.
Sumber : http://the-anarchyta.blogspot.com/2014/07/menampilkan-pesan-pada-jam-tertentu.html

EBook: Cara Membuat Template Blogger

noreply@blogger.com (Muhammad Agiel Kamali) — Thu, 05 Jun 2014 23:59:00 +0000

Laba-Laba Blog - Sudah lama sekali saya tidak memposting artikel dan sudah jarang mencolek-colek blogger, hehehe dan pada pagi hari ini saya akan memulainya kembali dengan me-share sebuah postingan yang sangat-sangat bermanfaat untuk anda maupun saya pribadi.

Bagi anda pecinta atau pengguna blogger pasti sudah tau dong dengan template, pada era ini sudah banyak sekali para pengguna blogger yang mulai berinovasi untuk membuat sebuah template sendiri tanpa menggunakan template hasil karya orang lain, kami yakin bahwa blogger anda menggunakan template hasil karya orang lain bukan hasil karya sendiri tapi tidak apa-apa. Sudah banyak para pengguna blogger yang mulai beranjak naik di search engine gara-gara template, sebut saja Mas Sugeng, hasil template karyanya sudah dapat menghasilkan pundi-pundi uang serta ia gara-gara template sudah dikenal banyak orang di seluruh Indonesia. Memang kami akui bahwa membuat template yang sederhana tidak mudah serta tidak simple untuk pembuatannya, apalagi kalau anda membuat Responsive Template yang dapat memakan waktu yang cukup lama.

Pada pagi ini kami akan memberikan solusi untuk memudahkan anda membuat template blogger sendiri tanpa menggunakan template hasil karya orang lain, EBook yang sedang kami bahas ini memiliki bahasa yang sangat mudah untuk dipahami serta berisi 22 halaman dan EBook ini sangat cocok untuk anda para pemula pengguna blogger.

Download

Resource : http://the-anarchyta.blogspot.com/2014/06/e-book-cara-membuat-template-blogger.html

Iklan Gambar ala Google Adsense

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 21 May 2014 23:44:00 +0000

Laba-Laba Blog - Pada era ini banyak sekali iklan adsense yang terpasang di blogger atau website dan sudah banyak yang memodifikasinya salah satunya The Anarchyta, pada saat ini ia sudah memodifikasi iklan adsense namun dalam bentuk gambar dan tidak kalah kerennya dengan iklan adsense hasil modifikasi Kang Ismet dan widget ini sudah direspon banyak oleh para pengguna blogger serta sudah direspon oleh pengunjung setia blogger The Anarchyta :). Berikut, ikutilah langkah-langkah di bawah ini.

1. Masuk ke blogger
2. Setelah dari blogger, silahkan anda menuju ke tata letak
3. Kemudian, pilih tambahkan serta pilih ke widget HTML/JavaScript
4. Simpan kode ini pada HTML/JavaScript

<script type="text/javascript">
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan += 1;
if (pasang_iklan == 1) {
    url = "http://muhammadagielk.blogspot.com";
    alt = "Laba-Laba Blog";
    title = "Laba-Laba Blog";
    banner = "http://4.bp.blogspot.com/-mYwieyawg84/U3ybJtGe92I/AAAAAAAABFQ/kKXwtDOACys/s1600/dian-anarchyta.png";
    width = "300";
    height = "250";
}
if (pasang_iklan == 2) {
    url = "http://muhammadagielk.blogspot.com";
    alt = "Laba-Laba Blog";
    title = "Laba-Laba Blog";
    banner = "http://1.bp.blogspot.com/--hDKmIUbjEY/U3ybPr1KjAI/AAAAAAAABFg/nHFx087tiX4/s1600/Origin-BTemplate.png";
    width = "300";
    height = "250";
}
if (pasang_iklan == 3) {
    url = "http://muhammadagielk.blogspot.com";
    alt = "Laba-Laba Blog";
    title = "Laba-Laba Blog";
    banner = "http://3.bp.blogspot.com/-sRTcKjWzSfs/U3ybMb0wdAI/AAAAAAAABFY/zkCb_uJJ9h8/s1600/fiseo-mag.png";
    width = "300";
    height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
</script>

5. Simpan
Resource : http://the-anarchyta.blogspot.com/2014/05/iklan-gambar-ala-google-adsense.html

Memasang Menu Navigasi Lamp

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 21 May 2014 10:20:00 +0000

Laba-Laba Blog - Menu navigasi sangat penting untuk sebuah website atau blogger, sebagai contoh untuk menu navigasi salah satunya yang terdapat pada blogger ini dan menu navigasi dapat mempermudah pengunjung untuk berjelajah secara mendalam blogger kita, menu navigasi yang terdapat pada blogger salah satunya memberi kesan yang rapih. Pada tahun ini banyak sekali model-model menu navigasi salah satunya yang sedang kami bahas ini, berikut ikutilah langkah-langkah di bawah ini.

1. Masuk ke blogger
2. Dari dasbor, kemudian anda menuju ke template lalu ke edit html
3. Simpan kode CSS di bawah ini, di atas </style>

nav ul{
  position:relative;
  list-style:none;
}
nav ul li{
  float:left;
}
nav ul li a{
  padding:25px 15px;
  background:#eee;
  color:#333;
  display:block;
  font-family: 'PT Sans', sans-serif;
  text-decoration:none;
}
.lamp{
  position:absolute;
  height:4px;
  background:#333;
  transition:all .3s linear;
}
.selected.active a,.active a{
  background:#00bfff !important;
  transition:all .3s linear;
  color:#fff;

}

4. Kemudian, tambahkan kode Jquery di bawah ini dan simpan di atas </head> atau </body>

<script type='text/javascript'>
//<![CDATA[
$('.selected').addClass('active');
var currentleft=$('.selected').position().left+"px";
var currentwidth=$('.selected').css('width');
$('.lamp').css({"left":currentleft,"width":currentwidth});
$('nav ul li').mouseenter(function(){
  $('nav ul li').removeClass('active');
  $(this).addClass('active');
var currentleft=$('.active').position().left+"px";
var currentwidth=$('.active').css('width');
$('.lamp').css({"left":currentleft,"width":currentwidth});
  });
$('nav ul li').mouseout(function(){
  $('nav ul li').removeClass('active');
  $('.selected').addClass('active');
  var currentleft=$('.selected').position().left;
var currentwidth=$('.selected').css('width');
$('.lamp').css({"left":currentleft,"width":currentwidth});
});
//]]>

</script>

5. Tahap terakhir, silahkan anda simpan kode HTML ini dimana saja setelah </head> biasanya setelah header wrapper

<nav>
  <ul>
    <li><a href='#'>Home</a></li>
    <li class='selected'><a href='#'>Articles</a></li>
    <li><a href='#'>Portfolio</a></li>
    <li><a href='#'>About Us</a></li>
    <li><a href='#'>Contact Us</a></li>
  <li class='lamp'></li>
  </ul>
</nav>

6. Simpan
Resource : http://aisukablog.blogspot.com/2014/05/memasang-menu-navigasi-lava-lamp.html

The FISEO Magz Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Tue, 20 May 2014 12:37:00 +0000

Laba-Laba Blog - Hampir 2 hari saya selaku admin tidak mempublikasikan sebuah artikel karena saya sedang ada suatu urusan yang harus diselesaikan dan terpaksa saya tidak menyetuh lagi dengan blogger, namun hari ini aktivitas saya kembali seperti semula yakni memberikan artikel-artikel yang bermanfaat untuk kemajuan saya pribadi maupun untuk kemajuan anda serta website yang anda kelola.

The FISEO Magz Blogger Template adalah sebuah template blogger yang sudah dilengkapi Valid HTML 5, Valid CSS 3, SEO Ready serta SEO 100% dan masih banyak lagi, template ini merupakan karya asli dari The Anarchyta atau lebih tepatnya buatan dari Mas Jenny dan template ini baru 12 jam dishare di blogger dan sudah banyak yang merespon serta mendukung adanya template ini dan yang paling penting template ini sudah tersedia fast loading.

Fitur Template

Responsive Design
Valid HTML 5 Home Page
Valid HTML 5 Posting
Valid CSS 3
SEO 100%
Threaded Comment
Auto Read More No JS
Breadcrumbs Terindex Google
Related Post
Custom Error ala Metro UI
Dll

Untuk membuat template ini tetap Valid HTML 5 dan SEO 100%, anda harus menghapus kode di bawah ini pada edit HTML

<b:include name='quickedit'/>

Resource : http://the-anarchyta.blogspot.com/2014/05/the-fiseo-magz-blogger-template.html

Flow Anarchyta Responsive Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Sat, 17 May 2014 00:09:00 +0000

Laba-Laba Blog - Siapa yang tidak mengenal template yang satu ini? template ini karya dari seorang Web Master yakni karya dari The Anarchyta, karyanya sangat diterima oleh para pengguna blogger serta sangat direspon. Template ini masih dipakai oleh ia dan template ini tiada duanya oleh template Kang Ismet. Template ini sudah Valid HTML 5 serta sudah Valid CSS 3.

Fitur Template

Fast Loading
Responsive Design
Valid HTML 5 Home Page
Valid HTML 5 Posting
Valid CSS 3
SEO 100%
Dll

Custom

Pada form search widget, anda masukan HTML berikut ini.

<div id='search'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' onfocus="if(this.value==this.defaultValue)this.value=''" value="Search articel...." onblur="if(this.value=='')this.value=this.defaultValue;" name='q' type='text'/>
</form>
</div>

Untuk membuat blog agar tetap Valid HTML 5 dan SEO 100%, setelah anda menambahkan widget kemudian anda hapus kode di bawah ini.

<b:include name='quickedit'/>

Resource : http://the-anarchyta.blogspot.com/2014/02/flow-anarchyta-responsive-blogger.html

Membuat Tampilan Video Youtube Seperti TV

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 16 May 2014 12:09:00 +0000

Laba-Laba Blog - Siapa yang tidak mengenal TV? pasti sudah mengenal serta sudah memilikinya, sekarang ini sudah banyak sekali jenis-jenis tv dan sudah banyak berbagai macam bentuk tv salah satunya adalah LCD. Dan pada saat ini tv sudah merambat ke blogger dan sudah merambat ke postingan blogger, banyak sekali para pengguna blogger yang memasang widget seperti ini salah satunya adalah Mas Yadi. Memasang widget seperti ini memberikan kesan elegan serta kesan yang rapih. Berikut, ikutilah langkah-langkah di bawah ini.

1. Masuk ke blogger.
2. Dari dasbor, kemudian anda menuju ke template serta edit html.
3. Simpan kode CSS ini di atas ]]></b:skin>.

.Player-video-tv {
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz30m9GnMsl4VVvgli3CZWmLPs2gRyGwbypsZpxS3uWj8phKkGiS_FDfvKErRxdsKNaCipea4u63ngt09vpO_bDWgLucuqdUST_YKEweogYt5oid8SARvUVOwnNswasyDN5fqPr4Cw23g/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;
  height:458px;
  width:580px;
  padding-top:35px;
  margin-left:30px;
}

*) Bila anda ingin mengganti bentuk TV-nya, silahkan anda ganti kode CSS yang telah kami beri tanda warna merah.

4. Simpan.

Cara Pemasangan

Silahkan anda simpan kode ini pada HTML postingan (bukan compose).

<div class="Player-video-tv">
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>

Resource : http://ahmadsuyadi.blogspot.com/2014/02/membuat-tampilan-video-youtube-di-blog.html

Coret Kalimat Kotor dalam Komentar

noreply@blogger.com (Muhammad Agiel Kamali) — Fri, 16 May 2014 11:36:00 +0000

Laba-Laba Blog - Pada zaman sekarang ini banyak sekali masyarakat di daerah kita yang berkata-kata kotor serta tidak beretika. Tidak hanya orang dewasa saja yang berkata-kata kotor, sampai-sampai anak kecil saja sudah mulai ikut-ikutan berkata-kata yang kotor.

Sekarang ini, ada beberapa para pengguna blogger yang melakukan hal yang sama namun melakukannya pada komentar blogger dan menurut kami itu merupakan tindakan yang kurang baik untuk dilakukan oleh para pengguna blogger. Bagaimana agar kita dapat mencegah kata-kata kotor yang terdapat pada komentar blog? berikut, ikutilah langkah-langkah di bawah ini.

1. Masuk ke blogger.
2. Dari dasbor, kemudian anda menuju ke template serta edit html.
3. Simpan kode ini di atas kode </body>

<script type="text/javascript">
//<![CDATA[
function blockNotAllowed(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        var regex = /(^| |>)(kata1|kata2|kata3|kata4)(<| |$)/g,
            html = content[i].innerHTML;
        content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br>Kata-kata yang ditandai tidak boleh ada di dalam komentar.' : html;
    }
}
blockNotAllowed('comment-holder', 'p');
//]]>
</script>

4. Simpan.
Resource : http://the-anarchyta.blogspot.com/2014/04/coret-kalimat-kotor-di-komentar.html

Super SEO Responsive Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 14 May 2014 23:18:00 +0000

Laba-Laba Blog - Hampir seharian kami mempublikasikan kepada anda tentang Responsive Template, kali ini kami akan mempublikasikannya kembali namun template ini karya dari Kang Ismet kemudian di redesign oleh Mas Yadi. Template ini sudah Responsive, namun template ini belum Valid HTML 5, Valid CSS 3 serta belum SEO 100%. Mohon maaf yang sebesar-besarnya kepada anda yang ingin mendownload template ini karena kami tidak dapat menyediakan link untuk mendownloadnya :(

Demo

Fitur Template

Responsive Design
2 Navigasi
Social Networking
Auto Read More with Thumbnail
Breadcrumbs
Related Post
Bookmark Ready
Ads 468 X 60
2 Column
Threaded Comment

Tata Letak

Resource : http://ahmadsuyadi.blogspot.com/2014/04/download-template-super-seo-responsive.html

Bluesmulus Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 14 May 2014 07:52:00 +0000

Laba-Laba Blog - Jeda beberapa jam kami mempublikasikan template hasil karya mas Andes dan pada siang hari ini kami kembali untuk mempublikasikan hasil karyanya yang ke-2. Template ini diberi nama oleh mas Andes yakni Bluesmulus dan nama itu merupakan nama paling cocok untuk template ini. Template ini dirilis sudah 5 bulan yang lalu atau lebih tepatnya pada bulan Desember dan tentunya template ini sudah direspon banyak oleh para pengguna blogger serta template ini sudah mulai digandrumi dan sudah banyak yang me-redesignnya. Template ini paling cocok diberi label Premium Template karena template memang keren dan tiada duanya.

Fitur Template

Valid HTML 5
Valid CSS 3
SEO 100%
Auto Post Slide Show
Auto Post Featured Carousel
Custom Error 404 Page
Post by Tag Label
Dll

BMA Lovers Responsive Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Wed, 14 May 2014 03:30:00 +0000

Laba-Laba Blog - Apa kepanjangan dari BMA? BMA itu merupakan singkatan dari Blog Mas Andes. Pasti anda sudah mengenal ia, karena ia seorang master template yang memang sudah tidak diragukan lagi. Dan salah satu hasil karyanya merupakan template yang sedang kami bahas ini dan template ini sudah direspon banyak orang serta sudah diterima pada kalangan pengguna blogger.

Template ini hampir sama dengan template yang sekarang ia gunakan, namun template ini lebih unggul dari pada template yang sedang ia pakai. Dan tentunya template ini sudah Valid HTML 5 serta sudah SEO 100%. Sejak dipublikasikannya template ini, template ini sudah dipakai lebih dari 50 orang dan sudah ada 1 orang yang me-redesignnya. Bagaimana? bila anda tertarik dengan template ini, berikut screenshot serta link untuk mengunduh templatenya.

Fitur Template

Responsive
Valid HTML 5
Fast Loading
SEO 100%
Lightbox Contact Form
Dinamis Post Meta
JSON Search Result
404 Error Custom
Comment Spam Detected
Dll

Resource : http://mas-andes.blogspot.com/2014/03/bma-lovers-responsive-blogger-template.html

Sliding Social Buttons Widget

noreply@blogger.com (Muhammad Agiel Kamali) — Tue, 13 May 2014 11:46:00 +0000

Laba-Laba Blog - Banyak sekali cara agar jejaring sosial kita menjadi tenar, salah satunya adalah memasangkan jejaring sosial tersebut pada blogger. Jejaring sosial yang terdapat pada blogger yaitu Facebook, Twitter, RSS dan juga Google Plus. Widget ini merupakan buatan oleh seorang master blogger yakni The Anarchyta.

Widget yang sedang kami bahas ini memiliki efek slider serta efek hover pada setiap jejaring sosialnya. Widget ini memiliki efek keren dan tentunya elegan serta widget ini dapat menarik pengunjung agar berkunjung ke jejaring sosial kita miliki. Memasang widget ini sangat mudah dan tidak memakan waktu yang lama.

1. Masuk ke blogger.
2. Dari dasbor, kemudian anda pilih ke tata letak.
3. Setelah anda sudah berada di tata letak, kemudian anda pilih tambahkan dan yang terakhir anda pilih HTML/JavaScript.
4. Simpan kode di bawah ini pada HTML/JavaScript.

/* Sliding Social Buttons Widget - the-anarchyta.blogspot.com */

.abt-box {
    font: 25px/24px normal 'Denk One', sans-serif;
    display: inline-block;
    position: relative;
    width: 95%;
    max-width: 280px;
    margin: 0 auto 15px auto;
    padding: 16px;
    background-color: rgba(238, 238, 238, 0.1);
    box-shadow: 8px 8px 0 0px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.abt-social {
    width: 95%;
    max-width: 280px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.abt-social a {
    text-decoration: none !important;
}

.abt-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.abt-social ul li {
    display: inline;
    margin: 0;
    padding: 0;
    text-indent: 0
}

.abt-social ul li a.facebook {
    border-left: 65px solid rgba(59, 89, 152, 1);
    color: rgba(59, 89, 152, 1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.facebook p {
    margin: 2px 20px 0 -70px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.facebook:hover {
    background: rgba(59, 89, 152, 1);
    border-left: 0px solid rgba(59, 89, 152, 0.1);
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.facebook:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

.abt-social ul li a.twitter {
    border-left: 65px solid rgba(64, 153, 255, 1);
    color: rgba(64, 153, 255, 1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.twitter p {
    margin: 2px 20px 0 -70px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.twitter:hover {
    background: rgba(64, 153, 255, 1);
    border-left: 0px solid rgba(64, 153, 255, 1);
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.twitter:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

.abt-social ul li a.gplus {
    border-left: 65px solid rgba(219, 74, 57, 1);
    color: rgba(219, 74, 57, 1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.gplus p {
    margin: 2px 20px 0 -70px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.gplus:hover {
    background: rgba(219, 74, 57, 1);
    border-left: 0px solid rgba(219, 74, 57, 1);
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.gplus:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

.abt-social ul li a.pinterest {
    border-left: 65px solid rgba(174, 45, 39, 1);
    color: rgba(174, 45, 39, 1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.pinterest p {
    margin: 2px 20px 0 -70px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.pinterest:hover {
    background: rgba(174, 45, 39, 1);
    border-left: 0px solid rgba(174, 45, 39, 1);
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.pinterest:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

.abt-social ul li a.rss {
    border-left: 65px solid rgba(255, 102, 0, 1);
    color: rgba(255, 102, 0, 1);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.rss p {
    margin: 2px 20px 0 -70px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.rss:hover {
    background: rgba(255, 102, 0, 1);
    border-left: 0px solid rgba(255, 102, 0, 1);
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.abt-social ul li a.rss:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

<div class="abt-social">
    <ul>
        <li><a class="abt-box facebook" href="#"><p>+15K</p>Facebook </a></li>
        <li><a class="abt-box twitter" href="#"><p>+15K</p>Twitter</a></li>
        <li><a class="abt-box gplus" href="#"><p>+15K&nbsp;</p>Google+</a></li>
        <li><a class="abt-box pinterest" href="#"><p>+15&nbsp;</p>Pinterest</a></li>
        <li><a class="abt-box rss" href="#"><p>+15K</p>RSS</a></li>
    </ul>
</div>

5. Simpan.
Resource : http://the-anarchyta.blogspot.com/2014/01/sliding-social-buttons-widget.html

Simple Grid Responsive V2 Blogger Template

noreply@blogger.com (Muhammad Agiel Kamali) — Tue, 13 May 2014 03:17:00 +0000

Laba-Laba Blog - Siapa yang tidak kenal dengan template ini? template ini merupakan template yang simple, namun sudah Valid HTML 5 dan sudah Valid CSS 3. Template ini merupakan buatan Noval dan kemudian dikembangkan lagi serta dimodifikasi oleh +Kiki Dee, template ini sudah 2 kali mengalami modifikasi dan template ini baru dipublikasikan pada 04 Mei 2014. Template ini sudah dipakai oleh sista Kiki Dee dan template yang sedang kami bahas ini sudah laku dan sudah populer di search engine.

Download

Fitur Template

Responsive
Valid HTML 5
Valid CSS 3
SEO 100%
Simple
Grid and List Layout
2 Column Home Page
Red, Black and White Base Theme
Responsive Ads
Breadcrumbs
Related Post with Thumbnail
Search Box
Share Button
Threaded Comment
Dll

Resource : http://aisukablog.blogspot.com/2014/05/simple-grid-responsive-versi-2.html