x-cleaner

Peningkatkan fungsi fitur serta layout HTML Editor yang baru saja dirilis Blogger (9 April 2013) kini semakin memudahkan kita untuk mengedit template lewat fitur "EDIT HTML". Seperti sebelumnya yang pernah dibicarakan di forum-forum Blogger, fitur yang dapat kita lihat di halaman "Template" pada dashboard Blogger ini sebelumnya dapat dibilang cukup kuno, karena hanya terdiri dari beberapa fitur kecil yang membuat pekerjaan edit template menjadi cukup berat. Disebutkan pula bahwa fitur "template designer" yang digadang-gadang menjadi cara atau jalan pintas untuk mengedit template secara WYSIWYG ternyata kurang diminati, karena tidak bisa digunakan untuk melakukan hack pada template secara maksimal. Dulu, kita mesti melakukan beberapa trik dalam menggunakan "Edit HTML Blogger" agar tidak melakukan kesalahan dan mendapatkan kemudahan, tapi kini beberapa trik tidak diperlukan lagi.  Ceritanya, kemarin saya ingin melakukan sedikit ...

Asalamualaikum Wr. Wb. Pertama -tama .. mari kita selalu bersyukur atas nikmat yang telah di berikan oleh Allah SWT, sehingga kita di berikan nikmat hidup yang tiada gantinya. Pada kesempaytan ini saya akan membagikan ilmu tentang Cara Memasang Widget Like Facebook Melayang di blog .... yang saya saya sendiri mengakuinya sebagai sebuah widget yang bagus banget ... keren ... pokoknya kalo pake widget ini.... makin ngejreng tampilannya . Kurang lebih tampilannya seperti ini niee..... Seberanrnya apa si fungsi memasang Widget ini. ..????..... Yapss tentunya dengan kita measang widget ini.. kita yang memiliki Fans Page Facebook akan lebih banyak yang Ngelike ngikutin perkembangan blog kita lewat Facebook ... walaupun sekarang banyak di antara kita yang memakai auto like .... tapi kita sebagai seorang Blogger Sejadi tentunya... lebih suka dengan cara yang halal. . biar mereka yang memilih hak meraka untuk menyukai Fans Page kita.... Betulll tidakk ??? ..... yang halal ka...

Mungkin sudah banyak yang tau dan sudah banyak yang menerapkan logo twiter melayang,, bagi agan² yang belum tau ini adalah cara mempercantik blog / pun supaya mudah banyak orang yg mengerti twitter anda :D silahkan di coba,, gan smoga berhasil Bila anda tertarik simak resepnya di bawah ini. 1. Tentunya anda harus login dulu di blogger.com. 2. Dihalaman Dasboard klik Tata Letak . 3. Kemudian klik Tambah Gadget . 4. Lalu pilihlah HTML/JavaScript . 5. Copy paste kode yang ada dibawah ini ke halaman HTML/JavaScript. Kodenya : <script type="text/javascript" src="http://davotmarbun.googlecode.com/files/TwiterCP.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLeT11kmLUPBq4h1GkwW9OOsK7O1S5tLiSH1EG2QZuiTGnhXbAgXPk_CGucOOmOj8S5e5_UyI3j94wOlaOGzimL3PRtg7cLdjQiXWLlI3I6ZzlFSO0BtW2TUVXTuBNbEhKZY6jycQTVidU/s1600/twitter.png"; var targetElems=new A...

Cara Membuat Recent Comment With Avatar Tutor blog kali ini adalah  Cara Membuat Recent Comment With Avatar Apa sih itu Recent Comment ? emang penting banget ya? hmm kalo di bilang penting sih,, menurut saya pribadi penting,, karna selain memperindah Blog.. dapat juga Mengetahui Pengunjung yang berkomentar paada artikel. . . .  sedangkan Recent Comment Itu adalah widget yang Digunakan Untuk melihat komentar komentar terakhir pada artikel blog. . selain itu di tambah dengan adanya avatar atau Foto Profil komentator biar menarik :p Itu Gambar Contoh Recent Comment Yang admin pasang Di Blog admin :3 ok sepertinya sudah jelas. . . Berikut Tutorialnya =)) 1. Login Dulu Ke blog sobat 2. klik Tata Letak ,, tambah Gadget 3. Pilih HTML Java Script 4.  Masukan Script Recent Comment With Avatar Di bawah ini      <div style="overflow:auto; width:280%px; height:190px; padding:10px; border:1px solid #fffff;"> <style type="text/css...

Silahkan buat agan² yang membutuhkan hehe pertama² Masuk ke Design >> Page Element Tambah Gadget >> HTML/Javascript Copy Past e kode di bawah ini Bintang Pink <script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script>  Bintang Merah <scriptsrc="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script> Bintang Biru <script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script> Bintang Hijau <script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"/></script> jangan lupa save brother ^_^ Sekian & terimakasih ☺ semoga bermanfaat

Cara Membuat Chat Room di Blog tanpa basa-basi & panjang lebar silahkan di coba :)  key copas script dibawah ini : <div style="width:250px"> <style> .mcrmeebo { display: block; background:url("http://widget.meebo.com/r.gif") no-repeat top right; } .mcrmeebo:hover { background:url("http://widget.meebo.com/ro.gif") no-repeat top right; } </style> <object width="250" height="350"> <param name="movie" value="http://widget.meebo.com/mcr.swf?id=ZwIoPzkMhP" /> <embed src="http://widget.meebo.com/mcr.swf?id=ZwIoPzkMhP" type="application/x-shockwave-flash" width=300" height="350" /> </embed> </object> <a target="_blank" href="http://www.meebo.com/rooms/" class="mcrmeebo"> <img alt="Create a Meebo Chat Room" src="http://widget.meebo.com/b.gif" width="250" h...

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog 1. Silahkan  Login  ke akun blogger anda. 2. Lalu masuk ke design  Template , klik  Edit HTML 3. Seperti Biasa Centang  Expand Template Widget 4. Kemudian cari kode berikut  </body> 5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat  di atas  kode   </body> <script type='text/javascript'>var tujuan =&#39; http://Alamat Url Feeds Sobat &#39;</script> <script src=' http://petir-project.googlecode.com/files/ktb4.js ' type='text/javascript'/> 6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob) Keterangan: Kode warna  hijau:  ganti dengan URL  Feeds  sobat Kode warna  putih:  ganti apabila sobat ingin mengganti gambar sesuai selera sobat. Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya. Bagi sobat...

Selamat malam brother, gimana kabar kalian baik kan? nah kali ini saya akan share salah satu cara membuat blogmu terlihat berbeda. membuat efek bubble (gelembung) yang akan mengikuti cursor. Sama seperti mainan anak-anak kecil yang bola yang bergelembung-gelembung dari sabun itu loh,, tapi di terjadi di blog dan cursornya adalah penghasil bubble (gelembung-gelembung) itu. Saya pernah mencoba, dan lucu. Gelembung itu dari berasal dari kecil lalu lama-lama besar dan naik ke atas. Ibarat sebuah halaman atau toko, kadang blog juga perlu kejutan atau tampilan yang berbeda dari biasanya. Efek bubble (gelembung) ini bisa menjadi pilihan ketika ingin membuat berbeda itu. Dan melepas (menghapusnya) ketika sudah mulai bosan. Cara Membuat Efek Bubble (Gelembung) Pada Cursor 1. Login ke blogger 2. Pilih Rancangan kemudian Tambah Gadget 3. Pilih HTML/JavaScript 4. Masukan kode HTML berikut ini: <noscript></noscript><!-- --><script type="text/java...

Cara Membuat Label Berputar-putar di blog Salam blogging sobat-sobat ku semua, kali ini saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu. Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri. Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog. Berikut ini langkah-langkah cara membuat label berputar-putar di blog: 1.  Seperti biasa sobat harus login dulu di akun blog sobat 2.  Pilih rancangan / desing dan klik edit HTML dan lanjutkan 3.  Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalah...

Maksudnyaa Adalah Jika Kita Meng-block Tulisan Postingan Orang Maka Tidak Tampak,Tetapi Bisa Di Copy/Paste Cara Ini Lumayan Banyak DiGunakan Beberapa Orang(Termasuk Saya) Oke Langsung Saha Caranya ! Caranya Simple Aja 1. Masuk Ke blogger.com 2.  Pilih Template 3.  Pilih Edit Html 4.  Cari Kode ]]></b:skin> 5.  Letak Kode DiBawah Ini ::selection {background:none; color:none} ::-moz-selection {background:none; color:none} ::-webkit-selection {background:none; color:none} Simpan/Save Template *NB:Jika Tidak Bisa Silahkan Letak Kode DiAtas DiBawah Kode <b:skin><![CDATA[ Terima Kasih Sumber: http://lordkaisar.blogspot.com/2012/08/caramembuat-warna-text-saat-diblock.html

Kali ini saya akan menjelaskan bagaimana cara membuat menu bar pada blog. Screen shoot : Karena banyaknya sobat blogger yang berkomentar karena kebingungan membuat menubar, saya update lagi postingan ini agar lebih relevan dan mudah: Login pada blogger masuk ke halaman Template Edit HTML   lalu Lanjutkan Klik centang pada Expand Template Widget Cari kode  ]]></b:skin>  (gunakan ctrl+f) Pasang kode di bawah ini di atas kode  ]]></b:skin> #menubar{ width: 900px ; height:32px; background:#de360f; border-radius: 5px; float:center; margin-bottom:10px; } #menubar ul{ float:left; margin:0; padding:0; } #menubar li{ float:left; list-style:none; margin:0; padding:0; } #menubar li a, #menubar li a:link{ border-right:1px solid #F0512D; float:left; padding:8px 12px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; } #menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  { color:#ffa500; text-...