Widget Panel W8 SM

 

Inilah pertama kalinya saya memposting Widget Blog. Widget ini saya namakan Panel W8 SM. Saya desain menyerupai Gadget Panel OS Windows 8,7,Vista. Widget ini mempunyai pajang 100px dan lebar 100px, Berposisi Melayang. Widget yang saya keluarkan ada dua, yaitu JAM dan TANGGAL. Jika anda tertarik memasang di blog, dibawah saya kasih tutorialnya.

OK. Langsung saja.

• Masuk ke Blog kamu, dan pilih Tab Template lalu klik Edit HTML.
• Tekan Tombol F3 , untuk memudahkan mencari kata kunci 
• Pasang CSS Widget ini di atas ]]></b:skin>

.kotak-tanggal{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;right:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

.kotak-jam{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;left:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

• Lalu klik Simpan

• Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
• Pastekan Source kode Widget ini di situ.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

<div class='kotak-tanggal'><script src='http://not-remove-admin.googlecode.com/files/Panel-W8-SM-Tanggal2.js'></script></div>

<div class='kotak-jam'><script src='http://not-remove-admin.googlecode.com/files/Panel-W8-SM-Jam3.js'></script></div>

• Setelah itu Simpan dan Lihat Hasilnya.

Demikianlah Posting Widget Panel W8 SM, semoga bermanfaat.

Note!

1. Anda bisa mengatur letak posisinya di CSS tadi.

Cara Membuat Emotion Di Kotak Komentar

Gag lengkap kalau blogger tidak ada Emotion yang lucu di kotak komentar. Kali ini aku ingin berbagi "bagaimana sih Cara Membuat Emotion Di Kotak Komentar Blogger". 

Demo Emotion Komentar Buka dan Tutup

• OK, pertama-tama kamu masuk ke Blog kamu.
• Masuk ke Template lalu Edit HTML
• Lalu cari dengan F3 dengan kata kunci ]]></b:skin>
• Letakkan CSS ini tepat di atasnya

.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

• Setelah selesai cari lagi dengan F3 dengan kata kunci </body>
• Letakkan Script ini tepat di atasnya 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://not-remove-admin.googlecode.com/files/emotion-coment2.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Kasih spaci antar kalimat comment dengan simbol."; //]]></script>

• Setelah itu Simpan dan coba anda koment di posting sobat.

Demikianlah Tutrial Cara Membuat Emotion Di Kotak Komentar semoga bermanfaat.

Rahasia Hack Template Blog dengan CTRL + U Modif 2013

Template adalah bagian terpenting dalam sebuah blog. Karna dengan adanya ini kita bisa membuat sesuatu yang terlihat indah dan mengagumkan. Kini saya akan memberi tahu kamu Rahasia Hack Template Blog dengan CTRL + U. Bukannya saya mengajarkan tidak benar kepada anda, tapi ini cuma pelajaran untuk menambah wawasan anda.

• Pertama kita harus punya Template yang sama seperti Template yang kita mau hack
• Isinya Gak harus sama persis, yang penting template itu mirip cuma colomn,header,sidebar,footer sama.
• Setelah itu kamu harus belajar dulu Apa itu CSS .?
  

Cascading Style Sheets atau CSS adalah suatu bahasa lembar gaya yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa HTML dan XHTML.

• Suatu Css  dalam kode laman {CTRL + U } umumnya mempunyai tag <style>   diakhiri dengan tag </style> 
• Umumnya sebuah blogger mempunyai 2 style yaitu : id=page-skin-1 dan id=template-skin-1

• id=page-skin-1 umumnya tepat berada dibawah link dan meta tag blogger.
• Sama dengan yang berada di Edit HTML

• Jadi kesimpulannya, Letakkan Semua CSS id=page-skin-1 ke  <b:skin><![CDATA[ sampai di atas  ]]></b:skin> di dalam Edit HTML

• Sekarang id=template-skin-1 umunya sedikit berada diatas <head> sama seperti di Edit HTML
• Jadi kesimpulannya, Letakkan Semua CSS id=template-skin-1 ke  <b:template-skin> <![CDATA[ sampai di atas ]]> <b:template-skin> di dalam Edit HTML
• Itulah Css Blognya

Setelah belajar Css, kini saatnya kita harus tahu berapa Gadget Blog itu

Setelah kita tahu, pasang Source Code HTML ke Gadget Blog kamu , dan posisinya harus sama persis.

Misalnya Dipasang di header, Gadgetnya juga harus di header. 

Misalnya juga di Footer,Gadgetnya harus di footer juga.

Pokoknya harus persis

• Kesimpulan Diatas adalah Si pelaku memasang di bagian footer ke 2 bagian pertama dengan tipe widget HTML4 ditambah judul Dialog Perhatian
• Itulah Contoh Gadget yang dia pasang.
• Cari lagi dan pasang sama persis bagian-bagiannya di blog kamu.

Jika kamu sudah pasang semua CSS dan Gadget, liat Blog kamu, Pasti sama dengan si sasaran.

OK..lah itulah sedikit Rahasia Hack Template Blog dengan CTRL + U dari saya. Semoga dapat bermanfaat dan tidak disalah gunakan.

Cara Membuat Posting Banyak Pengunjung

Inilah bukti bahwa membuat postingan sendiri dan selalu diupdate akan membuat para pengunjung berdatangan. Disini saya akan berbagi ilmu tentang Cara Membuat Posting Banyak Pengunjung. Pasti rekan-rekan inginkan bagaimana bisa dapat visitor sebanyak itu.

OK. Sebelum itu setel music player dulu ya, biar semangat.

Cara Membuat Posting Banyak Pengunjung!

1. Usahakan membuat postingan sendiri dengan judul jangan terlalu panjang.
2. Posting pertama harus diawali dengan gambar ,dengan nama seperti judul poting sobat.
3. Usahakan Postingan di tata rapi dengan warna yang normal dan tidak mecolok.
4. Jangan pasang java script disable klik kanan.
5. Jika ada waktu, kita sisihkan untuk membalas komentar pengunjung.
6. Semua yang kamu posting wajib di lihat dan di edit lagi setelah beberapa hari kamu posting.
7. Jika posting sudah mati , kita taruh di draf atau di hapus
8. Selalu update artikel dan tanggal jika posting sudah terlalu lama.

• Untuk merubah tanggal begini caranya
  Edit Postingan kamu, Klik Tab Dipublikasikan pada, Ganti tanggal sekarang. dan Simpan

Beginilah saya mendapatkan pengunjung blog banyak, bisa kamu praktekkan tips saya.
Semoga bermanfaat.

Cara Mengedit Blog Agar Keren

Bagaimana sih mengedit blog agar terlihat keren dan unik..? "Gini Mas", Saya kasih tahu kamu sedikit tentang Cara Mengedit Blog Agar Keren. Mungkin ini cuma tips mengedit untuk menambah wawasan sobat. Cara ini menggunakan Inspect elemen laman. Funsinya biar gampang ngedit, dari pada di Edit HTML., kebanyakan ngak bisa kita harapkan.

Dalam Tutorial ini saya menggunakan Browser Google Chrome 25.
Oh ya, kalau browsermu belum ada Inspect Elemen Laman, Download dulu browser terbaru.

OK. Goes to tutorial.

BAGIAN I

• Kita Coba edit Bagian Body
• Klik kanan Lalu pilih Inspect elemen

• Setelah itu muncul tampilan Elemen Source HTML.
• Coba anda edit satu persatu. (Tenang, ini tidak akan menyimpan ke blog. Setelah di reload semua akan kembali ke semula).
• Caranya klik yang mau kamu edit
• Contoh:
  Background:Gray url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAeTYW3pRgYSZXRJU1OhLwy728a64Rc8_wIQp08Itvmd0Vfe1Sm24MzjgNrKZJSzO-BsrFckCO8A3AOy9Q9BUPcd9qcidfLfzOeQGdft1zfrWSWfHDofCMF2mFnRok-sFRppr8Xfn5Xa0/s1600/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg ) repeat-x fixed
  
  Color: white (untuk color bisa cari warna html di google kalau belum tahu)
  
  Font: normal normal 12px 'Arial'
• Yang lainya bisa kamu teruskan. (Jadinya begini)

BAGIAN II

• Kita Coba Edit Gadget menjadi emas ( yang ini bagian jam )
• Klik kanan bagian jam Lalu pilih Inspect element

• Kita Ganti
  Background:-webkit-gradient(linear,center top,center bottom,from(rgba(193,111,5,0.3)),color-stop(49%,rgba(212,137,8,0.7)),color-stop(50%,rgba(212,137,8,0.7)),to(rgba(193,111,5,0.3)))
  
  Box shadow:inset 0 2px 12px gold
  
  Border-radius:50px

• Untuk Gradient anda bisa belajar di google.
• Untuk hovernya kamu bisa menambahkan animasi transfrom rotate berputar

Setelah semuanya di edit dan terlihat keren, kamu sekarang bisa memindahkan hasil tadi ke Edit HTML satu persatu. Dan setelah itu kamu Pratinjau Blog. Jika sudah OK, klik Simpan.

Itulah sedikit ilmu Cara Mengedit Blog Agar Keren semoga bermanfaat.

Cara Copy Paste Artikel Yang Tidak bisa Di Klik

 

Lama nih saya gag pernah posting di Category Tutorial Blog. Dalam posting ini saya akan memberi tahu anda tentang Cara Copy Paste Artikel Yang Tidak bisa Di Klik. Mungkin ini juga bisa menambah wawasan buat para blogger. Tapi jangan terus-terusan copy paste. Karna Copy paste hanya bisa membuat blog kamu tidak terkenal.

Ok langsung saja.
Untuk tutorial ini saya akan coba di blog saya menggunakan browser Google Chrome.

• Pertama klik kanan dan lihat source laman (CTRL+U)

• Lalu Klik F3 (CTRL+F) biar lebih mudah.
• Tulis kata kuci kalimat pertama di posting.
  Contoh: Inilah Cara dapat

 

• Biasanya posting blog dimulai dari <div clas="post-body enty-content".........
• Kita Ambil tepat dibawahnya, mulai dari <p><><div class="separator" style.........
• Copy dan seret ke bawah sampai semoga bermanfaat.

• Biasanya sebuah posting selalu di akhiri atas id post-footer
• Cari post-footer dibawahnya dikit.
• Kalau sudah ketemu, kita lanjutkan seret yang tadi sampai diatas post-footer pas.

 

• Setelah itu kita Buat Entri baru dan Pastekan  dengan format HTML

• Setelah selesai klik tab Compose.
• Jrengg.....Dapet Copy paste...Bisa kamu edit tuh.
• Simpan.

Demikian posting Cara Copy Paste Artikel Yang Tidak bisa Di Klik semoga menambah wawasan anda.

Note!

1. Jika terjadi error, klik tab HTML lagi dan klik Compose lagi,..
2. Jreng....Dah bisa tuh...
3. Jika Blogger Cara gampangnya tambahkan ?m=1 di belakang URL blog (Lihat versi HP)
4. Jika Tidak bisa di Klik kanan dan CTRL+U (Coba anda matikan javascript browser jadi disable)

Facebook Chat Generator Pelangi Modif 2013

Generator berikut ini sangat membantu sobat untuk mebuat huruf warna warni di chat Facebook. Cara pakainya tulis teks sesuai keinginan anda klik generator copy dan paste di chat facebook teman anda.

Generator Chat Pelangi

Contoh!

• HELLO = [[266394220086654]] [[196752423751220]] [[238594039545396]] [[238594039545396]] [[180901405340714]]
• TES = [[334073456605673]] [[196752423751220]] [[316143388416019]]