Berita seorang mahasiswa yang melakukan bunuh diri karena menjadi salah satu kebiadaban Video seks Online. Mahasiswa ini mungkin sudah hilang kepercayaan diri atau entah karena malu atau mungkin ada hal lain sehingga nekad bunuh diri dengan cara terjun bebas dari jembatan. Bahkan dikabarkan, banyak ucapan bela sungkawa baik secara langsung maupun tidak langsung yaitu dengan membuat sebuah grup di Facebook yang bertajuk 'In Honor of Tyler Clementi'.
Berikut saya berikan berita terbaru ini, saya kutip langsung dari DEtikInet :
Jakarta - Masih dalam minggu yang sama ketika seorang mahasiswa korban rekaman video seks online di Rutgers University, Amerika Serikat (AS), memilih jalan bunuh diri dengan terjun bebas dari jembatan. Sebuah grup di Facebook pun dibentuk sebagai ungkapan keprihatinan untuk korban bernama Tyler Clementi.
Saat dikunjungi detikINET, Jumat (1/10/2010), grup yang bertajuk 'In Honor of Tyler Clementi' ini diketahui telah memiliki 55.941 anggota. Kebanyakan dari mereka adalah orang asing yang memberikan ucapan belasungkawa kepada keluarga dan meratapi kekerasan terhadap kaum homoseksual.
Video seks antara Clementi dengan seorang pria di dalam kamar asrama, direkam sebuah kamera tersembunyi. Kamera itu ditempatkan oleh dua mahasiswa lain yang kemudian disiarkan langsung di internet.
"Membaca cerita ini di CNN membuatku hancur dan muak. Untuk mahasiswa yang begitu kejam dan memainkan lelucon konyol pada anak yang tidak pernah melakukan hal yang salah hanya karena ia gay... Aku pikir hal itu sudah kuno. Rest In Peace," tulis salah satu pengunjung yang telah bergabung.
Beberapa teman yang mengenalnya di kota kelahirannya di Ridgewood, New Jersey, AS mengatakan bahwa Clementi adalah teman yang baik dan pemain biola berbakat yang menjadikan musik sebagai tujuan hidupnya.
"Prioritas utamanya hanyalah perannya dalam orkestra sekolah," tukas temannya Rob Righthand. "Dia hanyalah salah satu anak yang belum punya pacar. Anda hanya berpikir ia mungkin tidak terbuka untuk berkencan atau semacamnya," tambahnya.
Dua mahasiswa yang merekam perbuatan intim Clementi di asrama, yakni Dharun Ravi dan Molly Wei, telah mengakui perbuatannya. Mereka ditangkap polisi setempat untuk menjalani proses hukum.
Nama Tool : HTML ENCODER 1.0 Design : Azis Lamayuda Fungsi : Memparse Kode HTML
** CARA PEMAKAIAN : 1. Paste Kode HTML kedalam TextArea 2. KLIK "ENCODE" untuk Mem-parse HTML 3. KLIK "HAPUS" untuk menghapus kode 4. KLIK "SELECT ALL" untuk mem-block kode dalam Textarea sehingga mudah di copy
** KELEBIHAN 1. Parse kode HTML langsung tanpa RELOAD HALAMAN BLOG (mungkin kalo sudah pernah memakai Centricle atau blogcrowds.com, sudah tahu kalo setiap memParse kode harus reload halaman dulu) 2. Tampilan saya usahakan menarik
** KEKURANGAN 1. Belum adanya fasilitas DECODE 2. Tinggal kalian menilai sendiri... Gimana menurut kalian
bismillah... Memasang Widget Share Lintas Berita, widget ini sekarang sudah hampir terlihat disetiap blog. Mungkin karena salah satu fungsi dari share Lintas Berita ini adalah membantu blog kita terkenal... Untuk memasang widget ini, sebenarnya telah disediakan oleh yang punya yaitu LINTAS BERITA.com, dan kita tinggal mengcopy dan memasang kodenya di blog kita.
Untuk mengambil kode widget ini silahkan kalian ikuti tahap-tahapnya dibawah ini :
1. Kunjungi Lintas Berita.com 2. Kalau bisa kalian mendingan daftar di Lintas berita supaya gampang kalo mau share 3. KLIK GET Widget (biasanya letaknya diatas dengan button warna kuning) 4. Pilih Widget kontribusi 5. Disana ada banyak pilihan gambar widget, silahkan kalian pilih salah satu
6. Disana juga dijelaskan langkah-langkah pemasangan diblogspot 7. untuk contoh Kodenya sendiri (langsung dari LINTAs Berita) seperti ini :
Meskipun di LINTAS BERITA sendiri telah dijelaskan cara dan tahap pemasangan pada blogspot, namun tidak ada salahnya saya menjelaskan kembali disini. Setelah kita mendapatkan kode dari LINTAS BERITA, sekarang kita akan memasangnya pada blog. Silahkan ikuti tahap-tahapnya dibawah ini :
1. Login ke blogger Kalian 2. Pilih Rancangan --> EDIT HTML (centang Expand Widget Template) 3. Silahkan Kalian cari kode <data:post.body/> 4. Simpan Kode LINTAS BERITA Dibawahnya, sehingga bentuknya seperti ini:
Atau kalian mau tampilan widget LINTAS BERITA Seperti punya saya dengan tampilan LINTAS BERITA pada SEXY BOOKMARK...? Silahkan tunggu artikel saya selanjutnya...
Selesai.... Semoga bermanfaat dan terima kasih. JANGAN LUPA DIPRAKTEKAN YA ...
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
Membuat share count melayang ini sangat simple karena kita tidak perlu pusing mengutak-atik HTML template kita. Untuk membuat widget ini, kalian harus sudah login ke blogger kalian dan selanjutnya, silahkan kalian ikuti tahap-tahapnya dibawah ini:
1. Pilih Rancangan 2. Pilih Elemen Halaman 3. Klik TAMBAH GADGET 4. Pilih HTML/Java Script 5. Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya
Keterangan : Didalam share count melayang ini, saya sudah menyertakan script Twitter Count, Facebook count, Digg Count dan Google Buzz, Kalo Kalian mau, kalian Bisa menambahkan yang lain
Selesai.....
Simple kan...? Semoga artikel simple diatas bisa membantu dan semoga akan sangat bermanfaat buat kalian. Terima kasih
Bismillah ... Membuat Form Contact dengan Foxyform, itulah judul yang saya ambil untuk membahas tips kali ini. Form Contact ini sangat penting dalam suatu blog atau website (mungkin tidak semuanya berpendapat begitu), karena dengan adanya Form Contact ini akan membantu dalam komunikasi baik pertanyaan maupun kritik dan tanggapan pengunjung. Banyak cara untuk membuat Form Contact ini, dan salah satunya adalah menggunakan Foxyform.com. Sebelumnya saya akan sedikit menjelaskan cara lain membuat Form Contact ini selain melalui foxyform.com yaitu :
Untuk Kontactr silahkan berkunjung kesitusnya DISINI dan untuk Email Me form silahkan Berkunjung KESINI. Untuk yang dua ini kalian harus melakukan pendaftaran terlebih dahulu, selengkapnya silahkan ikuti petunjuk selanjutnya.
Kembali ke pokok pembahasan, yaitu membuat Form Contact dengan foxyform.com. Untuk membuatnya kalian tinggal berkunjung ke situsnya DISINI, keuntungan dari foxyform ini kita tidak perlu melakukan pendaftaran. Untuk lebih jelasnya silahkan ikuti tahap-tahapnya berikut ini :
1. Silahkan berkunjung ke Foxyform.com 2. Silahkan kalian centang apa saja yang akan ditampilkan pada Form Contact, seperti:
- Title - Nama - Email - Subject,dll (perhatikan gambar)
3. Tentukan warna untuk Form Contact nya (perhatikan gambar)
4. Silahkan masukkan alamat email kalian yaitu email untuk tujuan sampainya pesan yang dikirim pengunjung blog ke kita.
5. Klik " CREATE FORMULAR"
6. Silahkan Copy Kode yang terdapat disebelah kanan halaman.
** MEMASANG FORM CONTACT PADA BLOG
Setelah kita mendapatkan kode HTML Form Contact dari Foxyform, sekarang tinggal kita pasang pada blog, untuk caranya silahkan ikuti tahap-tahapnya dibawah ini:
1. Login Ke blogger kalian 2. Pilih ENTRI BARU / New Entry 3. Silahkan PASTE kode HTML yang tadi didapat pada kolom postingan (posisi postingan di HTML)
4. KLIK "Terbitkan ENTRI" 5. Selesai dan Form Contact anda siap digunakan.
Untuk contoh tampilan Form Contact dari foxyform sendiri kalian bisa melihatnya dibawah ini :
Senin, 27 September 2010 search engine kesayangan kita merayakan ulang tahunnya yang ke-12, namun ada juga yang berpendapat bahwa ulang tahun GOOGLE ini yang ke-11. Perayaan ulang tahun GOOGLE ini dibuktikan dengan hadirnya logo kue ulang tahun pada tulisan GOOGLE.
Meski belum jelas kapan pastinya hari ulang tahun GOOGLE, namun domain GOOGLE.com sendiri telah didaftarkan sejak tanggl 15 September 1997. Perkembangan mesin pencari ini begitu pesat dan jangan lupa kita sebagai blogger yang bernaung dibawah blogspot patut berterima kasih kepada mbah GOOGLE dan memberikan ucapkan selamat.
Kontes Miss Universe dan Miss World punya saingan, Miss Mafia. Tergambar dari nama kontesnya, peserta memang diwajibkan punya pengalaman dan terkait dengan dunia mafia.
Sebuah panitia membuka pendaftaran bagi perempuan cantik yang mau ikut kontes ekslusif. Dilansir dari situs orange.co.uk edisi Jumat 10 September 2010, konteks ini punya syarat khusus, yakni terdaftar dan terfoto di kantor polisi karena melakukan tindak kriminal.
Foto ini menjadi syarat penting untuk melihat latar belakang para kontestan yang harus dimuat saat mendaftar di website panitia.
Tak cukup dengan itu, syarat lainnya yang harus diserahkan kepada juri di Budapest, Hongaria, termasuk pasal yang pernah dijeratkan kepada kontestan dan berapa lama para wanita ini menghabiskan waktu di bar.
Salah satu finalis bernama Anna mengatakan,” Saya diberitahu teman-teman beberapa kali untuk ikut serta kontes kecantikan yang lain. Tapi, saya tak mau karena mereka mensyaratkan pengalaman di dunia kriminal.”
Hadiah yang ditawarkan cukup menggiurkan, sebuah mobil dan apartemen di Budapest. Tahap final kontes ini akan dilaksanakan di sebuah bar yang pernah dibom dalam perang antarmafia.
“Kami punya (peserta) pencuri, mata-mata, anggota perampok bank, dan penipu. Itu pasti jadi malam yang menyenangkan,” kata salah satu panitia.
Salah satu foto kontestan yang mendaftar memiliki tato di sekujur tubuh. Berpakaian seksi, kecantikan wanita ini tak kalah dengan peserta Miss Universe atau Miss World.
Bismillah ... Membuat tooltip blogger dengan jQuery adalah membuat pesan dari sebuah tulisan ataupun link dengan menampilkan sebuah keterangan dari tulisan atau link itu. Sebelumnya pun saya telah menjelaskan beberapa cara membuat balloon tooltip ini, diantaranya:
Nah ... untuk topik ini tooltipnya menggunakan script yang lumayan agak panjang. Untuk contoh gambar kalian bisa melihat pada gambar dibawah ini:
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
untuk membuat tooltip ini silahkan ikuti langkah-langkah pembuatannya di bawah ini:
1. Login ke blogger kalian 2. Pilih Rancangan 3. Pilih EDIT HTML (centang expand template widget) 4. Simpan CSS berikut diatas kode ]]></b:skin>
#easyTooltip{
padding:5px;
border:1px solid #000;
color: #fff;
background:#000;
}
Keterangan
Padding:5px : Jarak tootltip, bisa dirubah jika kalian mau
border: 1px solid #000 ---> Garis pada tooltip dengan ketebalan 1 px jenis solid dan warna Hitam (#000), kalian bisa merubah warna ketebalan dan jenis garisnya.
Color: #fff ---> Warna huruf atau tulisan berwarna putih
Background:#000 ---> Warna latar berlakang atau background tooltipnya
Untuk kode HTML warna silahkan KLIK DISINI, Untuk jenis garis Silahkan baca artikelnya DISINI
5. Sekarang simpan script berikut diatas kode </head>
catatan perhatikan kode berikut : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> Jika kode tersebut sudah ada pada template kalian maka abaikan saja alias tidak usah dipakai.
6. Simpan Template kalian
Untuk menggunakannya silahkan kalian gunakan kode berikut:
<a class='tooltip' href="LINK URL"title='PESAN DALAM TOOLTIP'>TULISAN KALIAN</a>
Bismillah ... Membuat tooltip untuk link pada blogger, itulah topik yang akan saya jelaskan sekarang. Jika sebelumnya saya telah menjelaskan cara membuat tooltip pada blogger yaitu :
Bagi yang belum membaca artikel sebelumnya silahkan klik aja link diatas. Untuk tooltip kali ini sungguh mempunyai kelebihan yaitu secara otomatis akan muncul pada setiap link yang ada pada blog kita. Namun tooltip ini hanya menampilkan Alamat URL dari suatu link. Untuk contoh, silahkan lihat gambarnya dibawah ini :
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
Untuk membuat tooltip ini kalian harus login dulu ke blogger kalian, setelah itu silahkan baca artikelnya dibawah ini:
1. Pilih Rancangan 2. Pilih EDIT HTML (centang Expand template widget) 3. Sekarang simpan CSS berikut diatas kode ]]></b:skin>
Bismillah ... Alhamdulillah akhirnya setelah kemarin menjelaskan tentang cara membuat Buku Tamu / Shoutbox dengan effect Light, sekarang saya akan menjelaskan cara memberi effetc light pada gambar. Untuk lebih jelasnya silahkan kalian perhatikan gambar berikut :
Lightbox untuk gambar ini mempunyai kelengkapan dengan adanya fitur sebagai berikut :
1. Tampil berdiri sendiri, Kalo dalam bahasa VB sering disebut ALways ON TOP 2. Adanya Button Next dan Prev untuk gambar lebih dari satu 3. Adanya Button CLOSE untuk menutup gambar
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
Untuk Membuatnya silahkan kalian ikuti tahap-tahap dibawah ini :
1. Login ke blogger kalian 2. Pilih Rancangan ---> EDIT HTML (centang expand template widget) 3. Sekarang simpan CSS berikut diatas kode ]]></b:skin>
Nah... setelah kita berhasil menambahkan kode dalam template kita, sekarang waktunya untuk memasangkannya pada gambar. Untuk pemasangannya ada 2 cara yaitu:
1. Untuk Hanya 1 gambar silahkan tambahkan kode berikut
Bissmillah ... Alhamdulillah akhirnya membuat Syntax Highlighter sudah mencapai 3 versi, untuk versi pertama dan kedua silahkan baca artikelnya disini :
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
Untuk membuatnya silahkan login dulu ke Blogger kalian dan kemudian ikuti tahap selanjutnya dibawah ini:
1. Pilih Rancangan --> EDIT HTML (centang expand template widget) 2. Simpan CSS berikut Diatas kode ]]></b:skin>
/** * SyntaxHighlighter * http://alexgorbatchev.com/ * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate * * @version * 2.1.364 (October 15 2009) * * @copyright * Copyright (C) 2004-2009 Alex Gorbatchev. * * @license * This file is part of SyntaxHighlighter. * * SyntaxHighlighter is free software: you can redistribute it and/or modify * it under the terms of the GNU Lesser General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * SyntaxHighlighter is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with SyntaxHighlighter. If not, see <http://www.gnu.org/copyleft/lesser.html>. */ /************************************ * Default Syntax Highlighter theme. * * Interface elements. ************************************/ .syntaxhighlighter { background-color: #fff !important; } /* Highlighed line number */ .syntaxhighlighter .line.highlighted .number { color: black !important; } /* Highlighed line */ .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: red !important; } /* Gutter line numbers */ .syntaxhighlighter .line .number { color: #f7f5f5 !important; background-color: #c0bfbf !important; } /* Add border to the lines */ .syntaxhighlighter .line .content { color: #000 !important; } .syntaxhighlighter.printing .line .content { border: 0 !important; } /* First line */ .syntaxhighlighter .line.alt1 { background-color: #f5f5f5 !important; border-top: white solid 5px !important; } /* Second line */ .syntaxhighlighter .line.alt2 { background-color: #f5f5f5 !important; border-top: white solid 5px !important; } .syntaxhighlighter .toolbar { background-color: #c0bfbf !important; } .syntaxhighlighter .toolbar a { color: #a0a0a0 !important; } .syntaxhighlighter .toolbar a:hover { color: red !important; } /************************************ * Actual syntax highlighter colors. ************************************/ .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #000 !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: #0404ab !important; } .syntaxhighlighter .keyword { color: #cf0202 !important; font-weight: bold !important; } .syntaxhighlighter .preprocessor { color: black !important; } .syntaxhighlighter .variable { color: #a70 !important; } .syntaxhighlighter .value { color: #d4af02 !important; } .syntaxhighlighter .functions { color: #ff1493 !important; } .syntaxhighlighter .constants { color: #2a8506 !important; } .syntaxhighlighter .script { background-color: yellow !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #d301d1!important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; }
3. Sekarang simpan script berikut diatas kode </head> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js' type='text/javascript'></script>
Bissmillah ... Alhamdulillah akhirnya sempat juga menjawab pertanyaan sahabat blogger saya. Beliau mengirimkan satu pertanyaan mengenai cara membuat informasi penulis / author pada setiap postinngan blog. Mungkin klo dalam kamus keBloggeran ini biasa disebut Author Box.
asskum mas saya mau tnanya bgimana caranya Menambahkan Informasi Penulis/Author pada Artikel kita dtunggu mas postingannya ^___^
Untuk menjawab pertanyaan sahabat blogger, saya akan mencoba memberikan tiga contoh tampilan Author box untuk dipasang pada blog. Untuk Lebih lengkapnya silahkan kalian Login ke blogger Kalian, Kemudian Pilih Rancangan ---> EDIT HTML (centang template widget).
== Simpan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div class='azisinfo'> <img alt='Azis Lamayuda' class='cmd-avatar' src='http://lh6.ggpht.com/_MvLBi88bM_I/TH3mza0bPDI/AAAAAAAABWY/KcrAtqe4i6o/Azis.jpg'/> Penulis :  Azis Lamayuda | BLOG : <a href='http://www.z33s.co.cc/'>Do The Best To Get The Best</a><br/>Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya. <p style='margin:-8px 0'><br/><center> <a href='http://www.z33s.co.cc/2010/09/make-author-box-below-each-post-blogger.html' style='text-decoration:none;font-size:70%;'>Widget By Azis Lamayuda</a></center></p> </div> </b:if>
== Simpan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div class='azisinfo'> <p><img alt='' class='avatar avatar-70 photo' height='70' src='http://lh6.ggpht.com/_MvLBi88bM_I/TH3mza0bPDI/AAAAAAAABWY/KcrAtqe4i6o/Azis.jpg' width='70'/><b>Tentang Penulis</b><br/> <div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.<br/> <p style='margin:-8px 0'><br/><center> <a href='http://www.z33s.co.cc/2010/09/make-author-box-below-each-post-blogger.html' style='text-decoration:none;font-size:70%;'>Widget By Azis Lamayuda</a></center></p> </div></p> </div> </b:if>
== Simpan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div class='azisinfo'> <div class='azis_photo'> <img alt='author' src='http://lh6.ggpht.com/_MvLBi88bM_I/TH3mza0bPDI/AAAAAAAABWY/KcrAtqe4i6o/Azis.jpg'/></div> <h3>Tentang Penulis :</h3> <p><a href='http://www.z33s.co.cc/' title='Post By Azis Lamayuda'>Azis Lamayuda</a> - Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.</p> <p>Follow saya di <a href='http://twitter.com/z33s'>Twitter</a> atau <a href='mailto:yudaz33s@gmail.com'>Email</a> ke saya.<br style='clear:both;'/></p> <p style='margin:-8px 0'><br/><center> <a href='http://www.z33s.co.cc/2010/09/make-author-box-below-each-post-blogger.html' style='text-decoration:none;font-size:70%;'>Widget By Azis Lamayuda</a></center></p> </div> </b:if>
== Simpan Template Kalian
Catatan :
Silahkan kalian ganti kata-kata atau tulisan pada author box dengan tulisan atau kata-kata kalian.
Untuk pemasangannya silahkan kalian pilih salah satu tampilannya
Untuk penempatan kode, kalian jangan terpaku dibawah <data:post.body/>, karena mungkin kebanyakan dari template kalian ada yang sudah ditempeli widget lain seperti kode untuk bookmark share dll. jadi silahkan sesuaikan.
Semoga bermanfaat dan semoga artikel diatas dapat menjawab pertanyaan sahabat blogger.
Bismillah ... Alhamdulillah pada Artikel sebelumnya saya telah menjelaskan cara membuat Syntax Highlighter bagian pertama. Sekarang saya akan menjelaskan cara membuat Syntax Highlighter Bagian Kedua. Untuk lebih jelasnya perbedaan keduanya silahkan simak catatan saya berikut ini :
** Syntax Highlighter Bagian pertama 1. Tampilan warna background putih dengan garis warna hijau 2. Hanya terdapat 3 fasilitas menu, yaitu View Plain, Print dan Help 3. Tampilan Menu biasa atau hanya dengan link tulisan
1. Tampilan warna background hitam dengan garis biru samar2 2. Hanya terdapat 4 fasilitas menu, yaitu View Plain, copy, Print dan Help 3. Tampilan Menu berupa icon - icon menarik 4. Saat normal menu tidak tampak, saat mouse hover menu muncul (effect hover menu)
Untuk tampilannya sendiri kalian bisa melihat pada gambar dibawah ini:
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
Untuk membuatnya silahkan kalian Login ke blogger kalian dan silahkan ikuti tahap-tahap berikut ini:
1. Masuk Ke Rancangan 2. Pilih EDIT HTML ---> centang expand template widget 3. Simpan barisan kode berikut diatas kode </head>
Setelah kita memasang scriptnya pada template, sekarang waktunya pemanggilan kode script tadi. Jika kalian yang suka memberikan tutorial dengan menampilkan kode-kode, mungkin ini akan sangat bermanfaat.
1. Untuk Menampilkan kode CSS
<pre class="brush: css">
SIMPAN KODE CSS KALIAN DISINI
<pre>
2. Untuk Menampilkan kode Java Script
<pre class="brush: Java">
SIMPAN KODE JAVA SCRIPT KALIAN DISINI
</pre>
3. Untuk Menampilkan kode HTML
<pre class="brush: html">
SIMPAN KODE HTML KALIAN DISINI
</pre>
Catatan : Lakukan langkah No.1, 2 dan 3 pada tahap pemasangan setiap kalian membuat postingan dan ingin menampilkan kode-kode pada postingan kalian.
Bissmillah ... Alhamdulillah sebelumnya saya telah menjelaskan cara membuat shoutbox atau biasa juga disebut buku tamu, baik yang biasa maupun dengan versi melayang. untuk lebih jelasnya silahkan baca artikel saya sebelumnya itu pada link dibawah ini:
untuk yang ini adalah shoutbox melayang dengan jquery namun tampilannya berbeda dengan adanya light effect, dalam artian, saat button buku tamu di KLIK maka seluruh halaman akan gelap kecuali shoutbox atau buku tamunya. Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini :
Untuk membuatnya sangat simple, kita tidak perlu mengutak-atik kode pada template kita, karena kalian tinggal memasangnya pada widget di Elemen Halaman. Untuk lebih jelasnya silahkan ikuti tahap-tahap pemasangannya dibawah ini:
1. Login Ke Blogger kalian 2. Pilih Rancangan ---> ELEMEN halaman 3. Tambah Gadget ---> Pilih HTML/Java Script 4. Simpan kode berikut dalam konten HTML/Java Scriptnya
Tampilan button shoutbox diatas letaknya didalam sidebar, dan karena ada permintaan salah satu sahabat blogger, yang meminta untuk memasang buttonnya disamping,
gan saya mau nanya ni, bisa gak bmbrnya di tempel di kanan gtu atw di kiri? mohon bntuannya ya :)
Supaya gambar berada melayang disamping silahkan kalian ganti kode ini:
Membuat Syntax Highlighter Untuk Blogger... Syntax Highlighter adalah semacam wadah atau tempat untuk menyimpan kode-kode yang disertai dengan barisan angka. Kalo menurut kang Wikipedia mah artinya ini (saya kutip langsung dari webnya kang Wikipedia):
Syntax highlighting is a feature of some text editors that display text—especially source code—in different colors and fonts according to the category of terms.[1] This feature eases writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it's made only for human readers/editors. Syntax highlighting is a form of secondary notation, since the highlights are not part of the text meaning, but serve to reinforce it. Some editors also integrate syntax highlighting with other features, such as spell checking or code folding, as aids to editing which are external to the language.
Kalo dalam blogspot kita biasa menampilkan kode supaya lebih menarik dengan adanya Blockquote. Sebenarnya hampir sama dengan Blockquote, Syntax Highlighter ini tampilannya membedakan dari tulisan yang lainnya, namuan Syntax Highlighter ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh jQuery. kode untuk Syntax Highlighter ini sendiri dibuat oleh Alex Gorbatchev (2004-2008). Adapun fitur yang ada dalam Syntax Highlighter ini yaitu:
1. Adanya fasilitas print untuk kode 2. Adanya fasilitas View Plain yaitu membuka barisan kode dalam popup windows 3. Adanya fasilitas Help untuk melihat bantuan.
untuk lebih jelasnya perhatikan gambar berikut, inilah tampilan Syntax Highlighter.
Untuk LIVE DEMO silahkan kalian Klik Button DEMO dibawah ini :
untuk membuat Syntax Highlighter ini silahkan kalian login dulu ke BLOGGER kalian dan selanjutnya silahkan kalian baca selengkapnya dibawah ini:
1. Pilih Rancangan 2. Pilih EDIT HTML (centang expand template widget) 3. Simpan kode berikut Setelah kode <head> atau sebelum kode </head>
4. Selanjutnya scroll mouse kalian kebawah dan cari kode ]]></b:skin> 5. Simpan CSS berikut diatas kode ]]></b:skin> (Klik Buka untuk melihat kode CSSnya)
.dp-highlighter { font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden */ }
/* clear styles */ .dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span { margin: 0; padding: 0; border: none; }
8. Simpan template kalian dan mari Istirahat dulu ....... 9. Lanjutkan ya... setelah kita selesai proses pada template sekarang waktunya memanggil kode tadi dengan menggunakan kode berikut :
Kagum dan bangga serta rasa syukur yang telah ENGKAU berikan pada kami, Allah SWT yang telah memberikan kenikmatan, kesehatan dan kesempurnaan buat semua manusia. Sempat bingung kenapa postingan ini saya beri judul "Kenapa semua yang punya blog orangnya cakep-cakep..?", mungkin karena alasan setiap kali blogwalking wajah yang saya lihat di profile maupun di widget followersnya itu lho yang ga tahan ngeliatnya....
Tapi pengertian cakep disini bukan cakep dari sisi luar alias chasingnya saja, cakep yang saya maksud disini adalah semua blogger yang pernah saya kunjungi itu semuanya pada kreatif, imaginatif, dan inofatif, Dalam artian mereka itu IS THE bEst dalam hal menulis dan berkreasi. Saya takjub dengan kalian semua para Blogger.
Para Blogger yang rela meluangkan waktunya untuk berkunjung kesahabat lain, meninggalkan jejak mereka dan saling menyapa. Coba kalian pikirkan, sempat ga terbesit dalam benak kalian,,, kenapa kalian setiap melihat kawan kalian atau sahabat blogger kalian berkunjung dan menyapa... kalian langsung merasakan sesuatu yang beda, rasa senang dan dengan spontan kalian langsung cepat dengan pesawat tempur kalian meluncur ke tempat sahabat kalian. Saya yakin kalo tidak semua niat kalian adalah untuk selalu memimpikkan PR, ALEXA, dll. Tapi dalam hati kalian masih ada rasa pertemanan, persahabatan, dan bisa jadi pesaudaraan yang melekat dalam hati kalian yang tanpa kalian sadari mendorong kalian untuk melakukan kunjungan balik ke tempat sahabat yang lain.
Jadi, sebenarnya blogger itu bisa kita jadikan sebagai sarana untuk berkreasi dan menjalin persahabatan. saya ucapkan banyak TERIMA KASIH kepada Blogspot yang telah memberikan suatu wadah buat kami dan TERIMA KASIH kepada sahabat blogger yang senantiasa terus berjuang dan berkreasi.
Bissmillah ... Postingan kali ini saya akan mencoba untuk memerikan trik membuat share count seperti Facebook share, twitter share, dll. Namun yang menarik dari widget share count ini adalah dengan adanya fitur jQuery yang membuatnya selalu mengikuti gerakan scroll halaman blog. Untuk membuat floating share count ini kalian harus login dulu ke blogger kalian, selanjutnya silahkan ikuti tahap-tahap berikutnya dibawah ini :
1. Masuk Ke Rancangan 2. pilih EDIT HTML (centang expand template widget) 3. INGAT... biasakan untuk memback up template 4. Simpan CSS berikut diatas kode ]]></b:skin>
6. Simpan dulu template kalian.... 7. sekarang cari kode </body> , biasanya letaknya ada dibagian paling bawah 8. simpan kode berikut diatas kode </body>
Berawal dari sebuah tulisan yang kumulai dengan kata-kata terangkai penuh makna dan terus mengharapkan kedatangan sang sahabat BLOGGER yang senantiasa berkunjung. Kadang perasaan kesal dan kejenuhan mulai merasuki tubuh ini karena harus terus menunggu kapan sang sahabat BLOGGER mau berkunjung ke rumah ini.
tak ubahnya aku sendiri SEORANG BLOGGER yang masih terus menggali KEBAHAGIAAN dalam melakukan kegiatan BLOGGING ini. Hanya satu kata yang selalu ada dan terus muncul dalam pikiran ini, MENJADI seorang BLOGGER YANG BAHAGIA...!
Kulihat datangnya satu komentar penuh kritikkan pedas..., sakit hati ini bila membaca yang kuterima ketika kubuka BLOG KESAYANGANKU. Namun apa daya, kritikan yang datang itu telah menjemputku kedalam kesadaran untuk berintrospeksi dan terus bersemangat menggali apa yang kurang dalam diriku ini. Dengan tujuan yang sama yaitu ingin MENJADI seorang BLOGGER YANG BAHAGIA mari kita habiskan semuanya untuk menjalani apa yang sekarang kita jalani.
Teruslah menulis... menulis... dan menulis...
hilangkan kejenuhan kalian, hilangkan rasa bosan kalian, dan jadilah diri kalian
1. Niat yang IKhlas dalam melakukan blogging
2. Terima Semua komentar dengan posti thinking
3. Teruslah menulis apa yang ingin kalian tulis
4. MENJADI seorang BLOGGER YANG BAHAGIA membutuhkan ketekunan dan keuletan
5. MENJADI seorang BLOGGER YANG BAHAGIA tidak dapat kalian raih begitu saya karena perlu waktu
6. Hilangkan perasaan jelek yang mengganggu aktifitas kalian, seperti: malas, jenuh,dll
7. teruslah aktif melakukan jaringan dengan sahabat blogger yang lain.
8. jadilah diri kalian sendiri
9. intinya kalian harus melakukan semuanya dengan berusaha dan berdoa, karena itulah yang akan membawa kalian untuk MENJADI seorang BLOGGER YANG BAHAGIA.
Hari ini tepatnya tanggal 25 September 2010, berita tentang TERORIS vs POLISI terus beredar, berikut saya berikan kutipan jumlah TERORIS yang baik yang tertangkap maupun yang masih berkeliaran serta jumlah POLISI yang tewas menghadapi TERORIS.
Jumlah TERORIS
Sudah ditangkap dan dimasukkan proses peradilan : 563 pelaku kejahatan TEROR
Sudah Divonis : 471 orang
Tertembak : 44 orang
Bom Bunuh diri : 10 orang
Sudah keluar LP : 245 orang
Masih di LP : 126 orang
Sedang proses persidangan : 126 orang
Proses penyelidikan : 31 Orang
Jumlah POLISI yang TEWAS :
Aceh : 3 orang
Medan : 4 orang
Pemalang : 1 orang
Poso : 1 Orang
Ambon : 5 orang
Jawa Tengah : 3 orang
Total Meninggal dunia : 19 orang
Total Luka-luka : 29 orang
KORBAN SERANGAN TERORISME
Masyarakat meninggal dunia : 298 orang
Masyarakat Luka-luka : 838 orang (belum termasuk cacat, Kerugian material dan immaterial).
Begitukah NEGARA kita saat ini...? APA KATA DUNIA...?