Follower

Tag Name

My Article

Link Seputar Kampus

From This Blog Only!

Rubic's Cube

Chit-Chat

Tampilkan postingan dengan label All_About_Blogger. Tampilkan semua postingan

Menambahkan Syntax Highlighter Pada Blogger / Adding Syntax Highlighter On Blogger  

, , 2 Comment Of Course

Contoh Syntax Highlighter

wah, sudah lama sekali saya tidak memposting tutorial. Akibat pusing memikirkan skripsi. ha3. walaupun sampai saat ini skripsi saya belum selesai... [i_-_].. (sedikit curhat... :D)
Baiklah, sekarang saya akan memposting tutorial sederhana tentang menambahkan Syntax Highlighter pada blogger.
Bagi yang belum tahu, Syntax Highlighter itu merupakan tools yang berfungsi untuk menampilkan sintak-sintak di blog. Biasanya digunakan oleh orang yang ingin memposting tutorial tentang pemrograman.
Baiklah, seperti biasa. Langsung ke pokok permasalahannya biar pembaca tidak bosan... ha3.

1. Login ke blog Anda.
2. Ketika di "Dashboard", masuk ke "Design"
3. Klik "Edit HTML"
4. Jangan lupa backup dahulu Template Anda dengan mengklik "Download Full Template"
5. copy kode dibawah ini:

6. Ketika di Template, Tekan "CTRL+F" pada keyboard Anda, kemudian ketikkan "</head>" untuk mencari kode tersebut
7. paste kode yang sudah di copy tepat diatas sintak "</head>"
8. Klik "Preview" untuk memastikan bahwa Syntax Highlighter sudah terpasang dengan benar
9. Klik "Save Template"

Syntax Highlighter mendukung beberapa sintak, yaitu:
LanguageAliases
C++cpp, c, c++
C#c#, c-sharp, csharp
CSScss
Delphidelphi, pascal
Javajava
Java Scriptjs, jscript, javascript
PHPphp
Pythonpy, python
Rubyrb, ruby, rails, ror
Sqlsql
VBvb, vb.net
XML/HTMLxml, html, xhtml, xslt

Untuk mempergunakan tools ini, cukup ketikan sintak pada bagian "Edit Html" ketika berada di Edit Posts seperti sintak di bawah ini:

<pre class="brush: html">
(ketikkan sintak diantara tag ini)
</pre>

atau

<script type="syntaxhighlighter" class="brush:html"><![CDATA[
(ketikkan sintak diantara tag ini)
]]></script>

html pada pre ataupun script, dapat diubah sesuai dengan aliases pada tabel di atas.
apabila ingin memposting kode javascript, maka html diubah menjadi js atau dapat juga diubah menjadi jscript ataupun javascript
berikut adalah perbedaan antara pre dengan script:


public static final String contoh = "Ini Contoh menggunakan pre";


Bagaimana???, apakah terlihat bedanya??? karena saya sendiri tidak melihat perbedaannya... kecuali baris yang digunakan... ha3... (saya kira ada perbedaan di sintak dan sebagainya)

NB: Semua tutorial yang Saya berikan sudah Saya coba terlebih dahulu dan hasilnya adalah berhasil.

Mohon maaf apabila terdapat kesalahan atas artikel ini.

Blog For Fun And Knowledge. :D.
Read More... :D

Membuat Marquee di Blogger / Making Marquee on Blogger  

, 2 Comment Of Course

Sekarang saya akan sedikit mencoba sharing ilmu yang saya punya sebelum tidur. Ilmu amatir ini adalah bagaimana membuat link ataupun tulisan yang bisa bergerak seperti credits film (teks pada akhir film) Hasil dari tutorial amatir ini dapat Anda lihat di blog saya pada gadget "Link Anak Kampus". Seperti biasa, dari pada bosan membaca tulisan saya yang tidak berisi, saya langsung berikan tutorialnya:

1. Login terlebih dahulu ke Blogger Anda.
2. Pilih Layout
3. Klik "Add a Gadget"
4. Cari lalu Klik "HTML/JavaScript"
5. Pada bagian Title, Anda dapat mengisikan sesuai nama yang Anda inginkan
6. Pada bagian Content, Anda dapat mengisikan sintak-sintak HTML, link ke suatu web ataupun tulisan yang Anda inginkan. Pada bagian inilah fungsi untuk membuat marquee dituliskan.
Fungsi marquee (fungsi untuk membuat efek seperti credits film):

<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2">

setelah fungsi diatas diketikkan, sisipkanlah tulisan ataupun link yang diinginkan. Setelah itu, tambahkan tag penutup seperti dibawah ini

</marquee>

7. Jangan lupa save terlebih dahulu.

Keterangan:
marquee: Merupakan tag pada sintak HTML

direction: Arah pergerakan tulisan ataupun link Anda. Bisa ke atas, bawah, kanan ataupun kiri

onmouseover=this.stop(): merupakan fungsi dimana tulisan yang bergerak akan berhenti (this.stop) pada saat cursor mouse berada di area gadget (onmouseover)

onmouseout=this.start(): merupakan fungsi melanjutkan perjalanannya kembali (this.start) setelah cursor mouse berada di luar area gadget (onmouseout)

scrollamount: merupakan kecepatan berjalannya tulisan.

Selesai sudah langkah-langkah singkat untuk membuat teks ataupun link berjalan. Semoga artikel yang saya tulis menambah ilmu pembaca.

Seperti biasa, dimohon komentar agar saya dapat memperbaiki blog sederhana saya ini..
Mohon maaf apabila terdapat kesalahan pengetahuan dalam artikel ini...

Blog For Fun And Knowledge. :D.
Read More... :D

Memasang Flash Pada Blogger / Adding Flash in Blogger  

, 1 Comment Of Course

ini adalah tutorial amatir saya tentang blogger, dimana tutorial ini membantu Anda untuk memasang flash pada blog. langsung saja ke pokok permasalahan, agar Anda tidak jenuh membaca artikel saya yang berputar-putar.

Langkah-langkah:
1. Login ke blogger Anda masing-masing
2. klik Layout, kemudian add a gadget
3. cari pada basic, cari HTML/Javascript, kemudian klik tanda "+"
4. masuk ke web untuk file hosting dimana Anda menyimpan file flash tersebut
5. saya sarankan agar Anda menyimpan file flash pada file hosting 4shared, dimana Anda dapat klik disini untuk menuju langsung ke web 4shared.
6. Buatlah account terlebih dahulu, apabila sudah mempunyai account 4shared, Anda login kedalam 4shared, kemudian upload file flash yang Anda ingin taruh di blog.
7. Setelah tersimpan di 4shared, klik kanan pada file flash tersebut, kemudian klik kanan, klik properti
8. klik tab "Pasang"
9. Copy-Paste kan script pada file properti di tab Pasang ke gadget HTML/Javascript yang tadi telah ditambahkan.
10. Klik save.
11. Lihat blog Anda, apabila berhasil, maka flash tadi akan jalan di blog Anda. Sebagai contoh, lihat rubic's cube pada blog saya.

Ini adalah cara lain yang lebih mudah, namun sedikit rumit apabila tidak tahu alamat html pada file hosting tempat Anda menyimpan flash.

Cara simpel tetapi rumit ini adalah dengan cara meng Copy - Paste kan sintak:

<object width="150" height="340">
<param value="flash.swf" name="movie"/>
<embed width="150" src="url_of_your_flash.swf" height="340">
</embed>
</object>

kedalam gadget HTML/Javascript yang telah Anda tambahkan.

selamat mencoba dan semoga berhasil. dan semoga saja langkah-langkah yang saya berikan tidak membuat Anda pusing.

Mohon komentar dari pembaca untuk memberikan masukan kepada saya.

Mohon maaf apabila terdapat kesalahan pengetahuan pada blog saya.

Blog For Fun And Knowledge. :D
Read More... :D

Cara Memposting Script HTML Pada Blogger / How To Posting Script in Blogger  

, 2 Comment Of Course

Artikel ini saya buat untuk pembaca yang tidak mengetahui cara untuk memposting script HTML pada blog. Dari pengalaman yang telah saya alami, script HTML tidak dapat diposting kedalam blog. Blog yang saya coba disini adalah blogger. Oleh karena itu, saya memberitahukan cara memposting script HTML agar para pembaca dapat memposting script - script tersebut guna sebuah tutorial.

Langsung ke pokok permasalahan, maka cara - cara untuk menuliskan script - script HTML pada posting blog adalah sebagai berikut:
1. copykan script HTML yang ingin Anda posting
2. Buka website penyedia html encoding http://centricle.com/tools/html-entities/
3. Pastekan script tersebut
4. Klik tombol encode
5. Tunggu sebentar selagi web tersebut mengencode script tersebut agar dapat dipostingkan ke blog Anda
6. Copy dan Pastekan script tersebut kedalam postingan Anda
7. Apabila berhasil, maka script tersebut akan muncul pada postingan blog anda
8. Selamat mencoba dan berhasil.

contoh script yang telah di posting kedalam blog:

<script type="text/javascript">
<!-- google_ad_client = "pub-0000000000000";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel =""; //-->
<script type="text/javascript" src="%20http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>


Mohon komentar dari pembaca untuk memberikan masukan kepada saya.

Blog For Fun And Knowledge. :D.
Read More... :D

Cara mengubah alamat blogger ".blogspot" jadi ".co.cc"  

, 21 Comment Of Course

Ini artikel untuk blogger amatir seperti saya tentang cara merubah alamat blogger standar dari .blogspot.com menjadi .co.cc.

Langsung ke pokok pembahasan, karena kalau saya terlalu panjang lebar, pembaca akan bosan. Ini caranya:

1. buka www.co.cc
2. buatlah akun di www.co.cc, dengan cara:
a. di dekat available, ketik nama web yang ingin kamu jadikan alamat blog
b. kalau masih available, Anda klik "Create an account now"
c. Kalau sudah, Anda lanjutkan seperti apa yang tertera, kalau tidak salah hanya disuruh untuk isi biodata (karena saya sudah lupa apasaja yang disuruh, karena saya sudah lama membuatnya)
3. kalau sudah membuat akun, selanjutnya, lihat cara2 yang saya buat dibawah ini:

kalau saya pribadi, saya telah mencoba membuat dengan alamat .co.cc, tetapi berhubung blog ini saya ikut sertakan dalam tugas kampus, maka saya kembalikan alamat blog saya menjadi biasa.

Seperti biasa:

Bagi yang baca..., dimohon komentarnya. untuk masukan bagi saya. terima kasih sebelumnya

** Mohon maaf kalau ada kesalahan pengetahuan tehadap blog ini. namanya juga manusia. saling berbagi pengetahuan saja. :D.

Blog For Fun And Knowledge. :D.
Read More... :D

Change Favicon Blogger / Ubah Ikon Blogger  

, 0 Comment Of Course

Nih w masukin artikel lagi buat blogger amatir sejenis w. hehehe. Kali ini artikel yang w bahas itu gimana cara ganti ikon standar blogger jadi ikon yang kita pengen... Nah tipe ikon ini gak mesti .ico, tapi bisa .gif, ataupun .jpeg. kalo ukurannya yang standar2 ajalah, antara 32X32 pixel, 24X24 pixel ataupun 16X16 pixel. Ukuran itu dimaksudkan biar loading blog kita gak lama.

Langsung aja deh ya ke pokok bahasan, biar gak bosen baca blog w... Nih dia caranya:
1. Yang pasti lw harus, kudu, wajib login ke blog lw.
2. Lw masuk ke dashboard.
3. Masuk lagi ke layout, trus masuk lagi deh ke edit HTML deh...
4. Lw teken CTRL+F pada keyboard, nanti bakal muncul search yang disediakan oleh web browser.
5. Lw ketik aja di searchnya head, ini fungsinya supaya lw bisa lebih cepet dapetin letak sintak itu.
6. Di bawah sintak itu, lw sisipin sintak

<link href='http://www.4shared.com/vrast/icon/metal.gif' rel='SHORTCUT ICON'/>

7. Trus as ussual, lw save....
8. Jreng jreng..., pas lw buka blog lw. Moga-moga icon lw udah ganti..., soalnya w dah nyoba, n hasilnya bisa..

Ada yang perlu w ingetin nih..., lw harus punya file hosting buat nyimpen gambar buat ikon itu, dan yang pasti lw harus bener2 nyatet alamat gambar lw di filehosting itu.

Nih w kasih tau beberapa alamat webhosting, sebenernya c banyak, tapi w biasa gunain salah satu dibawah ini:
1. bisa di www.4shared.com
2. bisa juga di www.ziddu.com
3. bisa juga di www.esnipe.com
4. bisa juga minta bantuan mbah google, di bagian searchnya, tinggal ketik aja Free File Hosting... N hasilnya, segabrek deh lw bisa pilih...

NB: Yang tulisan tebel itu tandanya diganti sama alamat ikon lw di File Hosting.

Kaya Biasa Nih:

Bagi yang baca..., mohon komennya ya... buat tambah2 masukan... thx...

** Mohon maaf ya kalo ada kesalahan pengetahuan tehadap blog ini... namanya juga manusia... hehehe... saling berbagi pengetahuan aj... :D.

Blog For Fun And Knowledge... :D.
Read More... :D

Remove Ads Google In Blogger / Hapus "Ads Google" Di Blogger  

, 0 Comment Of Course

Artikel saya kali ini adalah artikel untuk menghilangkan iklan dari google, atau biasa dikenal "ads google" Fungsi artikel ini untuk blogger yang masih pemula apabila tidak menginginkan adanya iklan dari google. Sudah saya praktekan dan hasil pada blog saya bisa. Semoga tips yang saya berikan membantu para pembaca untuk menghapus iklan dari google.

INGAT... DOWNLOAD DULU TEMPLATE BLOG LW SEBELUM MELAKUKAN PERCOBAAN!!!

Untuk menghapus iklan dari google, pembaca dapat melakukan hal sebagai berikut:
1. masuk ke Dashboard...
2. masuk ke Setting...
3. Masuk ke Edit HTML...
4. tekan "CTRL+F" pada keyboard, agar kita mudah mencari sintaknya.
5. Pada search web browser, ketik saja "google_ad" (tanpa petik.)
6. Biasanya terdapat pemberitahuan yang mengarah ke pencarian tersebut
7. Carilah yang lanjutan sintaknya kurang lebih seperti contoh di bawah ini:

<script type="text/javascript">
<!-- google_ad_client = "pub-0000000000000";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel =""; //-->
<script type="text/javascript" src="%20http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

8. kemudian blok sintak dari awal script sampai akhir script seperti contoh diatas, kemudian delete, dan dapat pembaca simpan.
9. Lihat kembali blog anda.
10. Apabila berhasil, maka iklan dari google tersebut akan hilang.

Hanya sedikit yang dapat saya sampaikan.

Dan seperti biasa pula:

Bagi yang baca, mohon komentarnya untuk masukan bagi saya
** Mohon maaf apabila terdapat kesalahan pengetahuan tehadap blog ini... namanya juga manusia.

Blog For Fun And Knowledge... :D
Read More... :D

Postingan Lama

Translator

My Twitter

My Kaskus ID

Ktp Kaskus Gw

Favourite Quote

Only GOD knows what will happen now and somehow.
-Bondan Prakoso & Fade2Black- ______________________________ Yesterday is history, tomorrow is a mystery, but today is a gift.
That's why it is called the "present".
-Oogway "Kung Fu Panda"- ______________________________ Doubt is the beginning of knowledge.
-Rene Descartes- ______________________________ If you use your head, you can uncover the logical answer.
-Kudo Shinichi-
 ______________________________ Earth is our grandest stage.
So, do the best until we die and the end of the show.
-Rocket Rockers-

About Your Connection

My Visitor Counter

hit counter javascript
My Counter Unique Visitor

Live Traffic Feed