Ikuti Blog ini

Diberdayakan oleh Blogger.

Harga Crypto Terkini (IDR)

  • Bitcoin (BTC): Loading...
  • Ethereum (ETH): Loading...
  • BNB: Loading...
  • Solana (SOL): Loading...

Statistik Deafile

  • &data;

    Artikel
  • &data;

    Komentar
  • &data;

    Kunjungan
Tutorial

Temukan beragam tutorial bagaimana sesuatu dipasangkan.

Bekerja Sama

Akan sangat menyenangkan bila kita bisa bekerja sama.

Kirim Artikel

Punya karya tulis menarik? Silahkan klik link diatas untuk mengirim Artikel.

Berlangganan Artikel

Lewat e-mail, kamu akan dapatkan update artikel blog ini

Tampilkan postingan dengan label Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Blogging. Tampilkan semua postingan

Tiba - Tiba Halaman Blog Menggunakan Password

    Deafile Bedah Blog, Alhamdulillah masih bisa berbagi ilmu kepada semua. Hmm, kayanya sudah lama saya tidak membuka blog ini. Yaa dikarenakan banyak faktor yang menyebabkan hal itu terjadi ;) . Tetapi yaa sudahlah, pada kesempatan kali ini saya akan sedikit berbagi pengalaman mengenai suatu hal yang baru - baru ini saya alami. Cukup terkejut saya, ketika pertama kali buka beranda blog saya yang sudah lama tidak saya urus ini. Kenapa muncul form untuk memasukkan Username & Password.?? Wiiiing pikiran saya langsung kabur kemana - mana. Di Bajak kah blog saya.?? Di Banned kah saya oleh Mbah Google.?? Yahh hal semacam itu sempat terlintas dalam otak saya. Maklum udah lama gak buka blog lagi, jadi gak tau what's going on.. (*Haasek, mengasah english vokal saya sedikit- sedikit boleh kan om.??)     Yaa sudah, mari kita ke inti permasalahan. Yaa kemarin setiap kali blog saya dibuka maka akan muncul form autorisasi (*Nihh PrintScreennya om)




    Setelah bertanya sana - sini ternyata ada kode Javascript yang sudah tidak aktif lagi (*Menurut teman blogger yang satu ini)




    Nahh dari situ saya langsung menuju ke Edit HTML untuk mencari kode JavaScript mana yang sudah tidak aktif. Berhubung saya sudah lama tidak membuka blog, maka ilmu - ilmu blog tersebut seakan luntur dari ingatan saya. Alhasil. . . Butuh waktu lama bagi saya untuk menemukan kode yang sudah tidak aktif tersebut. Setelah menelusuri satu per satu kode di Edit HTML ternyata kode tersebut tidak ada di situ. Dari situ saya sudah mulai putus asa. Istirahat sejenak dan menyeduh secangkir kopi sambil mencari jalan keluarnya.
    (*Ahaaa, Kenapa gak saya lihat dulu itu formnya berasal darimana.?) Maksudnya berasal darimana itu, di form kan tertulis " A username and password are being requested by http://bla bla bla bla.."


    Dengan penuh semangat, langsung saya mencari alamat tersebut di Edit HTML. Namun hasilnya masih nihil alias NOL BESAR atau gak ada hasilnya. Kemana lagi saya harus mencari kode yang berasal dari http:// bla bla bla bla.. ini.?? Ohh yaa, kan masih ada satu tempat lagi dimana kode - kode semacam itu berkumpul. Yapp, itu ada di Tata Letak dan berada di dalam widget yang sudah ditambahkan. Binggo.. akhirnya saya menemukannya. Ini dia "http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" Terdapat di Tata Letak dan berada di dalam widget yang sudah saya tambahkan. Ternyata pemilik asli kode tersebut sudah merubah privasinya, sehingga membutuhkan username dan password untuk membaca kode tersebut. Ada banyak hal yang menjadi pelajaran bagi saya.

Pertama: Lihat terlebih dahulu darimana sumbernya masalah tersebut muncul.
Kedua: Pikirkan dimana kode - kode tersebut dapat diletakkan..
Ketiga: Perbaiki hal tersebut..
Keempat: Jika tidak bisa diperbaiki maka musnahkanlahh..
Kelima: Mencari kode baru yang masih bisa digunakan bersama..

Yahh, itulah pengalaman yang baru saja saya alami, semoga dapat membantu teman blogger semua yang sedang mengalami hal yang sama dengan saya saat ini. Sekarang saatnya blogwalkiiiiiiiiiing.. :D

Validasi Markup Otomatis

     Validasi markup, adalah sebuah cara untuk mengoreksi kesalahan penempatan deretan kode HTML atau PHP dari sebuah blog ataupun website, Itu menurut saya. Manfaat dari validasi markup ini salah satunya dapat meningkatkan PageRank blog atau website yang dimiliki. Silahkan menuju Validator.w3.org untuk mengoreksi kesalahan penempatan kode pada blog atau website kamu. Kemudian masukan alamat blog atau website yang kamu punya. Setelah itu lihat seberapa banyak kesalahan yang terjadi.












     Template blog saya memiliki 311 Kesalahan, dan 231 peringatan. Sungguh tugas yang sangat merepotkan jika harus dilakukan koreksi secara manual. Sebenarnya di Validator.w3.org sudah didukung oleh HTML-Tidy, fitur ini berfungsi untuk mengoreksi kesalahan secara otomatis dan menghasilkan kode-kode HTML atau PHP yang sudah divalidasi. Namun ketika saya mencoba kode yang dihasilkan dari HTML-Tidy, ternyata tidak bisa disimpan. Entah kenapa hal ini terjadi, kalau ada yang sudah berhasil. Beri tau saya yaa..

Tips Memaksimalkan Google Translate

     Ketika saya blogwalking mengunjungi blog teman - teman, ternyata sekarang ini banyak sekali yang menggunakan bahasa inggris. Termasuk blog saya yang www.deafile.co.cc, mengapa demikian.? Karena sebenarnya didunia blogger, kita disarankan menggunakan bahasa inggris seperti halnya didunia nyata. Sehingga blog kita bersifat global dan memiliki kemungkinan lebih besar untuk memiliki banyak pengunjung. Selain itu, peraturan yang dibuat oleh pihak Google jelas - jelas mengutamakan bahasa inggris. Jika penasaran, silahkan baca disini dan lihat nomor 3 khususnya di point ke 3.2. Selain itu di dalam aplikasi Google Adsense pun blog yang menggunakan bahasa inggris lah yang diutamakan.

     Saat ini program translate bahasa yang dimiliki oleh Google pun sangat baik sekali. Sehingga tidak heran jika makin banyak saja yang menggunakan bahasa inggris sebagai bahasa utama di blog yang mereka miliki. Untuk para blogger yang ingin menggunakan bahasa inggris sebagai bahasa utama dalam blog, jangan ragu untuk memulainya. Karena hal itu sangat mudah walaupun kita kurang memahami bahasa inggris, yang perlu dilakukan hanya menuju translate.google.com, lalu pilih bahasa indonesia sebagai bahasa awal dan pilih bahasa inggris untuk hasil akhir.

     Tetapi, ada beberapa hal yang perlu diperhatikan supaya hasil dari translate bahasa tersebut baik dan benar. Pertama jangan mentranslatekan kalimat yang terlalu panjang, bagi kalimat menjadi dua bagian. Karena jika terlalu panjang mentranslatekan kalimat maka hasilnya akan menjadi rancu. Jika kata - kata yang dihasilkan masih saja rancu, coba klik kata atau kalimat tersebut, sehingga akan muncul pilihan kata atau kalimat yang lainnya.

     Sebagai contoh, saya akan mentranslatekan kalimat " mengubah tampilan blog " kemudian kalimat pertama yang muncul adalah " change the look of your blog ". Jika terasa rancu atau tidak benar, klik kalimat yang dihasilkan dan kamu bisa memilih kalimat atau kata yang menurut kamu benar.







     Semoga dengan adanya artikel ini, dapat menghilangkan keraguan yang ada dibenak teman - teman blogger sekalian yang ingin mulai menggunakan bahasa inggris di blognya.

Pasang Kotak Komentar Melayang

     Jam sudah menunjukan pukul 03.30 pagi ketika ane membuat postingan ini. Tidak biasanya ane melakukan hal ini. Hampir seharian penuh ane terpaku menatap layar monitor dan tidak tidur. Karena sebentar lagi ane akan menghadapi ujian praktek, dengan perintah melakukan pengaturan proxy server dan e-mail dengan menggunakan Linux. Jadi ane dan sebagian teman sekelas memutuskan untuk menginap dan latihan di sekolah. Lahhh ko ga nyambung sama judul postingannya yaaa.?? Hehehe, begini gan, setelah ane bosan dengan latihan - latihan itu, ane memutuskan untuk blogwalking ke tempat teman - teman.

    Karena koneksi sekolah yang mendukung ditambah ada laptop teman yang sedang nganggur, yaaa sudah ane manfaatkan itu. Nahhh ketika blogwalking sana sini,masuklah ane ke salah satu blog teman dan di salah satu blog teman ini, ada yang berbeda, yaitu kotak komentar yang biasanya terpasang dibawah postingan, ini malah melayang. Selalu berada di bagian tengah bawah pada web browser, ketika ane sedang membaca salah satu postingan. Ane pikir ini unik juga, selain itu memudahkan pengunjung untuk memberikan komentar. Nahh terpikirlah dalam benak ane untuk mengetahui bagaimana cara memasangnya. Kemudian berharap untuk bisa menerapkannya di blog ane. Namun dikarenakan rasa kantuk dan lelah yang sudah sangat parah, ane mengurungkan niat ane untuk mencari tau hal ini. Oleh karena itu, untuk para teman blogger yang sudah tau bagaimana caranya, tolong di share ilmunya yaa.. Ane mau lanjutin belajar setting proxy server sama mail servernya. ^_^

Meningkatkan Traffic Blog Melalui Tag Foto

     Seperti biasa aktivitas blogwalking untuk Meningkatkan Traffic Blog tidak pernah berhenti dilakukan. Sebagai blogger pemula, pastinya kita akan mencontoh cara - cara yang dilakukan oleh para master blog untuk Meningkatkan Traffic Blognya. Dengan harapan, traffic blog kita bisa naik nantinya. Banyak cara yang dapat dilakukan untuk dapat Meningkatkan Traffic Blog, dimulai dari yang berbayar sampai yang gratis. Nahh Dalam postingan kali ini saya akan sedikit berbagi ilmu dalam Meningkatkan Traffic Blog yang gratisan tentunya ^_^. Jika Mas Doyok Iseng Dengan Wikipedia'nya, maka saya mencoba iseng dengan Tag Foto di Facebook.

     Hal iseng ini terlintas dalam pikirian saya ketika banyak sekali teman facebook yang menandai saya di fotonya ditambah tampilan baru dari facebook yang membuat foto yang ditandai itu tampil di profil facebook. Nahh untuk itu saya iseng mencoba Meningkatkan Traffic Blog Melalui Tag Foto tersebut atau bisa dibilang Promosi Blog. Berikut ini beberapa hal yang harus diperhatikan dalam usaha Meningkatkan Traffic Blog Melalui Tag Foto :

- Pertama, hal yang harus dilakukan yaitu membuat banner blog, saya sarankan untuk membuat banner blog dengan mencantumkan Judul Blog + Alamat Blog. Dengan tujuan supaya orang tau dan ingat dengan blog yang kita punya.
Contohnya, seperti banner blog yang saya buat.










- Kedua, Jika banner blog sudah selesai dibuat, Upload banner tersebut ke album foto di facebook yang kamu punya kemudian tandai foto. Sebaiknya jangan sembarangan menandai orang supaya iseng - iseng yang kita lakukan dapat berbuah manis dalam usaha Meningkatkan Traffic Blog. Tandai orang atau teman yang eksis atau terkenal di facebook (yang setiap kali update status banyak yang ngasih jempol), supaya banner blog kita bisa terpampang di profilnya dan dilihat banyak orang.

Ini dia hasilnya yang saya lihat dari profil facebook salah satu teman saya.








Dan jika foto atau banner blog tersebut di klik hasilnya akan seperti ini.














Semoga postingan ini bermanfaat bagi teman - teman blogger sekalian. Terima Kasih ^_^

Pengumuman Penting Untuk Teman Blogger

     Sehubungan dengan tukeran banner dan link yang sedikit bermasalah, disini saya sengaja membuat pengumuman untuk para teman blogger yang sudah melakukan tukeran banner atau link dengan saya. Saya harap, bagi teman blogger yang sudah bertukar link atau banner dengan saya untuk melakukan konfirmasi lagi bahwa teman-teman sekalian sudah mencantumkan banner atau link saya di blognya. Hal ini saya lakukan karena kemarin banyak teman blogger yang sudah tidak mencantumkan lagi banner atau link blog saya ini. Entah karena hilang saat mengganti template atau karena faktor lain (*Positif Thinking aja). Jadi untuk tukeran banner serta link, saya mulai dari awal lagi. Dan khusus untuk TUKAR LINK, Silahkan isi FORM LINK EXCHANGE OTOMATIS di bawah ini jika LINK BLOG KAMU ingin LANGSUNG TAMPIL di Beranda blog ini.


Untuk bertukar Banner Blog, silahkan coppy kode banner yang ada dibawah ini dan taruh ke Blog/Website yang kamu punya. Setelah itu langsung kamu konfirmasi di kotak komentar yang ada di bawah ini. Supaya saya langsung memasang Banner Blog yang kamu punya.
- DEAFILE BEDAH BLOG BANNER PUTIH


- DEAFILE BEDAH BLOG BANNER HITAM



Link Deafile Bedah Blog

Membuat Blog Versi Mobile Gratis

Sekarang Kebanyakan website dibuat juga versi mobilenya yang dibuat dengan alamat m.alamatweb.com. Sebagai contoh Facebook Mobile alamatnya yaitu m.facebook.com, namun untuk membuat web versi mobile seperti itu kamu harus bayar. Nah kali ini saya akan mencoba membuat Blog Versi Mobile dengan menggunakan fasilitas penyingkat link. Mau tau gimana caranya, silahkan dilanjut bacanya.
- Pertama buka www.google.com dengan menggunakan web browser bawa'an Handphone kamu
- Kemudian cari blog kamu di google dengan memasukan alamat blog kamu dan klik cari(blog harus sudah di index oleh google).
- Setelah itu klik Link yang judulnya blog kamu, (Sebagai contoh blog saya. Jika saya memasukan alamat blog saya maka halaman pertama yang paling atas yang akan tampil adalah Dea Punya | Blogger Ciamis)
- Maka Google akan membuat tampilan Mobile untuk Blog kamu. Jika kamu sudah masuk ke Blog maka Bookmark Blog kamu.
- Langkah selanjutnya, klik edit pada Bookmark Blog kamu yang tadi dan lihat URL atau alamatnya.
- Lalu pergi ke Website yang menyediakan fasilitas penyingkat Link. (kali ini saya menggunakan http://tinyurl.com/)
- Kemudian masukan URL atau alamat Bookmark Blog kamu yang tadi (harus persis)
- lalu isi kotak yang berada di samping tulisan http://tinyurl.com/ dengan kata-kata yang kamu suka. Disarankan sama dengan alamat Blog kamu, (sebagai contoh, alamat yang saya buat adalah http://tinyurl.com/deafile)
- Kemudian klik make TinyURL.
- Jadi deh.
Ini adalah hasilnya.





Kelebihan dari cara ini adalah gratis. Dan kekurangannya adalah Ribet dalam mengetik alamat Bookmark, karena harus persis. Lalu halaman blog tidak bisa kita atur sesuai keinginan. Oke deh selamat mencoba. Semoga bermanfaat.

Reply Komentar Seperti Facebook

Sekarang ini para blogger tengah gencar mencari tutorial untuk membuat Reply Komentar Seperti di Facebook. Sebenarnya hal ini telah terlintas dalam benak saya semenjak saya membuat postingan Edit Template dan ada Sahabat Blogger yang mengirimkan kode templatenya yang menginginkan tampilan blognya ada perubahaan terutama pada kotak komentar. Dan salah satunya ingin agar pada kotak komentarnya ada Reply Komentar Seperti di Facebook. Untuk itu saya mencoba untuk dapat memenuhi permintaannya. Nah saat ini sudah ada kode untuk membuat Reply Komentar, mau tau bagaimana caranya? Silahkan ikuti langkah-langkah dibawah ini.
- Pertama kamu harus login ke blog tentunya
- Lalu klik Design dan klik Edit HTML
- Biasakan untuk memback up template sebelum melakukan pengeditan.

- Setelah itu centang Expand Widget Templates
( atau tambahkan &tpl=true pada address bar )

- Kemudian cari kode dibawah ini
<b:include data='comment' name='commentDeleteIcon'/>
</span>

- Kalau sudah ketemu silahkan copy kode dibawah ini dan letakkan dibawah kode tadi.

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=LETAKKAN ID BLOG KAMU DISINI&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Tanggapi Komentar</a></span>

- Setelah itu ganti tulisan LETAKKAN ID BLOG KAMU DISINI dengan ID Blog kamu. Untuk melihat ID Blog, silahkan klik posting dan lihat address bar.
Disitu tertera blogID=ID Blog kamu

- Dan ganti Tanggapi Komentar dengan kata-kata yang kamu suka

- Setelah itu save dan hasilnya seperti gambar dibawah ini.



Catatan :
- Reply komentar ini belum mirip seperti Facebook yang letak komentar/tanggapannya berada tepat dibawah status. Tanggapan kamu akan muncul dibawah komentar sebelumnya. Dengan tambahan link dari komentar yang kamu tanggapi. Jika di klik akan langsung menuju komentar tersebut.
- Jika komentar yang ada di blog kamu terlalu banyak, disarankan untuk memakai scroll. Untuk menghemat tempat. Klik disini untuk mengetahui cara memasang scroll di kotak komentar.

Pasang Scroll Di Kotak Komentar

Memasang scroll pada kotak komentar, berguna agar dapat menampung komentar yang banyak di lahan yang sempit. Hal ini akan sangat terasa manfaatnya jika komentar yang ada cukup banyak. Sehingga membuat halaman blog menjadi lebih efisien.

Langsung saja. Kita menuju ke TKP.
- Pertama masuk ke blog kamu, lalu klik Design
- Kemudian klik Edit HTML dan centang Expand Widget Templates atau tambahkan &tpl=true pada kotak alamat di atas


- Lalu cari kode dibawah ini
<ul expr:class='data:post.avatarIndentClass' id='comments-block'>

- Kemudian copy kode dibawah ini. Dan taruh diatas kode tadi.

<div class='widget-content'>
<div style='border: 1px solid rgb(230, 230, 230); padding: 10px; overflow: auto; width: 550px; height: 400px;'>

- Nah setelah itu, cari penutup kode tadi. Memang agak sulit sih. :-)
- Kalau sudah ketemu, silahkan copy kode dibawah ini. Dan taruh dibawah kode penutup tersebut.
- Save deh....

Dan inilah contoh hasilnya

Keterangan :

- Untuk mengubah ukuran lebar, silahkan ganti 550px dengan ukuran yang sesuai dengan blog kamu.
- Untuk mengubah ukuran tinggi, silahkan ganti 400px dengan ukuran yang sesuai dengan blog kamu.












Bagi yang gag mau ribet, silahkan kirim kode template blog kamu.
Klik Disini Dan Klik SKIP ADD Untuk Mengisi Formulir



Banner Auto Click

Apa sih banner auto click tuh,? Seperti yang sudah saya postingkan kemarin-kemarin tentang Special banner for traffic. Hmm yang namanya auto click pasti mengklik dengan sendirinya. Jadi banner auto click tuh, banner yang bisa menuju ke blog kamu tanpa harus diklik. Loh koq bisa? kalo gg percaya, silahkan scroll kotak banner teman yang ada di halaman awal blog ini, dan lihat apa yang terjadi.
Ya betul dengan sendirinya menuju www.deafile.co.cc. Kalau mau kodenya silahkan coppas di bawah ini. Kalau masalah cara penyimpanannya sama saja seperti banner biasa. Tapi yang membedakan yaitu kode script yang ada didalamnya. Contoh banner yang saya gunakan




Dan ini dia kodenya


<a href='http://deafile.blogspot.com/' target='_blank' title='dea punya blogger ciamis" alt='Dea Punya Blogger Ciamis' onmouseover='window.location=this.href'><img border="0" src="http://deafile.webs.com/My%20Banner.JPG" /></a>




Keterangan :

- http://deafile.blogspot.com/, ganti dengan alamat blog kamu
- Dea Punya Blogger Ciamis, ganti dengan Judul blog kamu
- Dan http://deafile.webs.com/My%20Banner.JPG, ganti dengan alamat banner kamu

Pasang Meta Tag di Webs.com

Ini dia yang aku tunggu - tunggu, akhirnya webs.com menyediakan fasilitas untuk kita menaruh meta tag dari google webmaster. Mau tau bagaimana caranya,,?? Lanjut aja deh bacanya.
- Pertama masuk ke account webs kamu
- Kemudian klik Site Settings


- Setelah itu menuju ke bagian bawah halaman, disitu terdapat sebuah widget yang disediakan webs untuk meta tag dari google



- Coppas meta tag yang kamu dapatkan dari google disitu.
- Kemudian klik save change, jika berhasil maka akan muncul tulisan seperti ini
Your Google Webmaster Tools Informations has been saved

Supaya Robot Google Mengunjungi Blog Kamu

Haduh seperti biasa rutinitas sekolah memang sangat menguras tenaga. Tapi tak ada pengaruhnya dengan melakukan rutinitas blog, hehe. Kali ini saya akan berbagi tentang pengetahuan (jiah pengetahuan) yang saya dapatkan dari mas doyok, tentang memanggil sang robot google atau yang lebih dikenal dengan googlebot langsung ke blog kamu.


Begini nih caranya.
- Pertama masuk ke Webmaster Tools.
- Kemudian klik nama blog kamu.
- Lalu di sidebar sebelah kiri klik Lab dan pilih Fetch as Googlebot atau Ambil Sebagai Googlebot.


- Setelah itu pilih Web untuk hasil pencarian umum, dan Mobile untuk hasil pencarian di google mobile.

- Kemudian klik Fetch dan tunggu beberapa saat.
- Jika proses tersebut berhasil, maka ada pesan sukses

Membuat Screensaver Untuk Blog

Hmm sekarang lagi musim nih, blog pake screensaver. Mau,? ga usah pusing - pusing, lanjutin aja bacanya. Di postingan kali ini saya akan membagi tahu (bukan temennya tempe) cara membuat screensaver sederhana pada blog. Langsung aja deh.
1. Login ke blogger
2. Masuk ke tata letak
3. Dan pilih Edit HTML
4. Cari Kode <head>
5. Letakan kode di bawah ini, dibawah kode <head>

<script src="http://deafile.webs.com/JavaScript/Screensaver.js"><br /></script>

Kemudian simpan, tapi kalau kamu mau mengganti kata katanya yaa silahkan saja. Begini caranya.Coppy kode Javascript dibawah ini ke Notepad.


var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,left:"0",top:"0",opacity:"1"},1000);standby=true}}function StopStandBy(){if(standby){jQuery("#energysaving").animate({width:"0",height:"0",opacity:"0",left:"50%",top:"50%"},500);setTimeout('jQuery("#energysaving").hide();',800);standby=false}}document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');if(typeof(jQuery)=="undefined"){document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><\/script>')}function InitJQuery(){if(typeof(jQuery)=="undefined"){setTimeout("InitJQuery();",50)}else{jQuery(function(){jQuery(document).ready(function(){setInterval("CheckInactivity();",10000);jQuery(this).mousemove(function(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><font style="color: #2fb2fa;">Jaga Kesadaran!!!! "<blink>Jangan Lama-Lama</blink>"</font><br/><span><font style="color: #FFFFFF;">Kembali ke aktivitas kamu "<blink>Sekarang</blink>" oke</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #00FF00;">Copyright 2010 - Dea Punya | Blogger Ciamis | http://deafile.blogspot.com/</font> <font style="color: #FFFFFF;">Supported by: www.onlineleaf.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();


Ganti kata - kata yang berwarna merah dengan kata kata kamu sendiri. Kemudian save file dengan ekstensi .js Contoh : Namafile.js

Setelah itu Upload ke webhosting yang kamu punya. dan coppy paste alamat tempat file tersebut di simpan. Contoh : http://deafile.webs.com/JavaScript/Screensaver.js

Dan hasilnya kurang lebih seperti di bawah ini.






JavaScript Tanpa Harus Di Upload


Hmm, bagi para blogger pasti udah tau donk sama yang namanya JavaScript. Javascript digunakan untuk membuat berbagai jenis special efek yang mungkin berguna untuk mempercantik blog kita. Mayoritas dari widget sekarang menggunakan Javascript. Dulunya Javascript harus selalu di upload ke webhosting yang kita punya. Tentu hal ini sangat merepotkan. Tapi Sekarang ada cara lain untuk menyiasatinya. Yang saya tahu sih begini caranya,
Coppass Kode dibawah ini dan taruh di atas kode </head>



<script type='text/javascript'>
//<![CDATA[

Taruh Kode JavaScriptnya Disini

//]]>
</script>


Wookeh semoga bermanfaat.

Meta Tag + Judul Postingan Otomatis


Oke pada kali ini saya akan mempostingkan kode meta tag + judul postingan otomatis. Lah Gimana maksudnya,?? Mau tau,,?? Langsung aja praktek.

- Pertama masuk ke Blog kamu
- Lalu klik tab Layout atau Tata Letak, kemudian klik Edit HTML
- Kemudian cari kode <head> . Kalau sudah ketemu, hapus kode tersebut kemudian ganti dengan kode dibawah ini.


<!--::::::::::: Block1: Output post meta keywords -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section id='meta1' showaddelement='no'>
<!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
<!-- Empty Includables(functions) to output nothing, You must keep them ): -->
<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
<!-- Loop Page Posts (only 1 in a post page )-->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<!-- If the post has labels, make Meta keywords by looping lables -->
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!--::::::::::: Block1 END -->

<head> <!-- THE HEAD -->

<!-- must include(called) here to output other head sub elements -->
<b:include data='blog' name='all-head-content'/>

<!--::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description -->
<!-- Post Page -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />
<!-- Index Page -->
<b:else/>
<title><data:blog.title/></title>
<meta name='keywords' content='Isi dengan keyword blog anda' />
<meta name='description' content='Isi dengan deskripsi blog anda' />
</b:if>
<!--::::::::::: Block2 END -->


Dan simpan.

Membuat Tampilan Home Berbeda bag.2

Oke, sehubungan di postingan sebelumnya belum begitu jelas, (katanya) akan saya perjelas di postingan kali ini.
Untuk dapat membuat main wrapper yang berbeda antara halaman awal dengan halaman postingan dari blog kamu cukup taruh kode dibawah ini, diatas kode </head>


<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper{width:335px;float:left}
</b:if>
</style>

ganti angka 335 dengan ukuran yang kamu inginkan. (sebaiknya disesuaikan dengan blog yang kamu punya)
Contohnya lihat di blog saya ini atau gambar di bawah ini

Nah, kemudian untuk dapat menampilkan sidebar di halaman home saja,cukup taruh kode dibawah ini diatas kode </head> juga.







<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>


Kemudian ganti #newsidebar-wrapper dan #twocolumn dengan ID SIDEBAR blog kamu. Jangan lupa untuk memakai tanda pagar (#)
di awal ID SIDEBAR dan pisahkan dengan koma (,) apabila sidebar yang ingin disembunyikan lebih dari satu.

Untuk dapat mengetahui ID SIDEBAR, caranya yaitu

Masuk ke halaman Page Element
Kemudian klik Add a Gadget
Lalu lihat ujung dari URL tersebut. contoh :

http://www.blogger.com/choose-gadget?blogID=7359354730020106246&sectionId=newsidebar-wrapper

maka ID SIDEBAR nya adalah newsidebar-wrapper

Oke selamat mencoba,,,,,,

Tombol Share Yang Keren


Ahm,,, lagi nyoba-nyoba template yang lainnya. Eh dapet yang lumayan keren nih. Tombol Share yang mantap, seperti yang saya gunakan. Mau Mau Mau,,,???? Jangan khawatir, karen saya bukan tipekal orang yang pelit koq. Hehehehe
ya sudah, Silahkan coppy kode di bawah ini



Kemudian Taruh kode tersebut dibawah kode

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

Dan Save deh,,, Semoga bermanfaat

Membuat Tampilan Home Berbeda


Sudah sekian lama aku ingin sekali, membuat tampilan halaman utama blog menjadi berbeda dengan halaman postingan. Terutama dari segi tata letak widget. Memang sulit untuk menemukan tutorialnya, karena memang bingung juga harus mengetik keyword apa di kotak pencarian. Dalam hal ini saya juga di bantu teman saya yaitu ilham. Thanks Brow,,, untuk membuat halaman awal blog saya berbeda dengan postingan. Yang pertama yaitu menyembunyikan widget di halaman tertentu. berikut kodenya.

Menampilkan Widget Hanya di Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>


Menampilkan Widget selain di Homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>


Menampilkan Widget hanya di Archivepages

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................
</b:if>


Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
....................................................
</b:if>


Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != &quot;item&quot;'>
....................................
</b:if>


Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
..................................
</b:if>


Menampilkan widget selain di staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
............................
</b:if>


Menampilkan widget pada URL Postingan Tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.........................................
</b:if>


Menampilkan widget selain di URL postingan tertentu

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
................................................
</b:if>



Bagaimana menggunakannya...???

Begini, apabila kamu ingin menyembunyikan widget tersebut satu per satu maka begini caranya. (lihat kode di bawah ini)
Berikut adalah contoh kode widget yang saya gunakan
<b:widget id='HTML2' locked='false' title='Link Exchange' type='HTML'>
<b:includable id='main'>
.................................................. salah satu kode pembuka
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>

Note : Kode yang berwarna Orange adalah kode pembuka
Kode Yang berwarna Ungu adalah kode penutup




Tapi apabila kamu ingin menyembunyikannya secara keseluruhan dari bagian sidebar maka ini dia kodenya.


<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>


kode yang berwarna biru, ganti dengan kode ID dari sidebar blog kamu. Apabila lebih dari satu, maka pisahkan dengan koma. Kemudian taruh di atas kode </head>
Oke,,, semoga bermanfaat....
Oia, info mantap ini bersumber dari www.masdoyok.co.cc

Cara Mengembalikan Navbar Blog


Wah,, blogger sedang gencar untuk menghapus blog yang melanggar kebijakan privasi dan bla - bla - bla,, kaget juga ketika mendengar kabar apabila tidak ada navbarnya, maka akan beresiko terkena penghapusan oleh pihak blogger, Untung saya menemukan bagaimana caranya untuk mengembalikan navbar yang sudah hilang. Begini caranya,


- Pertama harus Log In dulu Lah, ke Blog kamu
- Kemudian klik Tata Letak atau Layout
- Lalu cari kode di bawah ini





Atau yang ini



Kalau sudah ketemu, silahkan hapus kode tersebut. Nah biar lebih mantap, navbar tersebut di beri kode auto hide. ini dia kode nya.



Taruh kode diatas, tepat di atas kode body{

Sekian, semoga bermanfaat.

Read More Otomatis Bergambar

Sudah lama saya ingin share tentang hal ini. Namun karena aktifitas PKL, saya jadi jarang buka blog. Baru sekarang saya sempat memposting artikel ini. Sekarang read more sudah banyak macamnya. Ada yang biasa, peek a boo, read more yang simple (seperti yang di bahas kang rohman), read more otomatis bergambar, dan yang lainnya. Langkah - langkah untuk membuat read more pun beragam sekali. Klik disini untuk membaca artikel read more yang biasa, Klik disini untuk read more peek a boo, Klik disini untuk read more yang simple. Nah pada artikel kali ini saya akan sedikit share tentang bagaimana caranya untuk membuat read more otomatis plus gambar seperti yang ada di blog ini.

Pertama masuk ke blog kamu, dan klik Tata Letak / Layout
Kemudian klik Edit HTML, dan centang expand template
Setelah itu cari kode

<p><data:post.body></p> atau <data:post.body>

yang letaknya di atas kode

<div style="clear: both;"><span class="fullpost"> <!-- clear for photos floats -->


Lihat kode di bawah ini yang berwarna Merah


<div class="post-body entry-content">

<data:post.body>

<div style="clear: both;"> <!-- clear for photos floats -->
</div>





Kemudian hapus kode <data:post.body> tadi dan ganti dengan kode bawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right:10px;'>

</div>

<data:post.body/>
</b:if>



Sehingga kode nya menjadi seperti ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right:10px;'>

</div>

<data:post.body/>
</b:if>
<div style="clear: both;"> <!-- clear for photos floats -->
</div>





Nah setelah itu taruh kode di bawah ini, diatas kode <body>


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 530;
summary_img = 420;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px; margin-right:5px; border: 1px solid #E9E9E9;background-"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

Kemudian taruh kode dibawah ini, dibawah kode
<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='more'>
<span class='rmlink' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgIJj1MroH0jWdS4Ks-UX2917ZZISrbCpYf-YlFEwLzLscIy9tDspir7psvyC8f4qogMTYih54zCmCCAk-QPId1BwWi8agy4I89jTsHZ6pTWaM6HyHZXDWhm0AczePvKmFv4YTF1eqjv0/s1600/arrow_next.png) no-repeat; padding-left:18px; float:right'><a expr:href='data:post.url'>Baca Selanjutnya !!</a></span>
<span class='comment-link' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqhDhLm_JMfGTAnADBD8mfUFdazhOlueb4bKs5m4DNdcqQrK54tga1Kl4TiHBoPyDHWwziWSSwpQ8N6UKbtOx9o8QR89xGnzotIrZKStRHbxMFz3cXxhfoInCDIEujWK7s88bfSNOakjD/s1600/27.png) no-repeat; padding-left:18px; float:left'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
</div>
</b:if>

Simpan deh. Kata baca selanjutnya bisa kamu ganti.

Profil Admin

Profil Admin

"I can't make something, but i can do editing". Lihat Profil Lengkap

Kotak Diskusi