Menampilkan Kode Script Pada Postingan Blog

Bagi para blogger yang suka memposting tutorial, adakalanya kita perlu untuk menampilkan kode script pada posting kita. Tentu saja kita bermaksud kode tersebut tidak diproses oleh blogger dan hanya ditampilkan sebagaimana teks biasa. Untuk itu, setelah penulis bertanya ke mbah google akhirnya ketemu juga cara untuk menampilkan script tutorial pada postingan blog kita. Untuk itu, ada dua cara melakukannya. Yang pertama, simak langkah-langkah berikut:

1. Masuk Blogger>
2. Klik Layout(tata letak).
3. Pada Layout/tata letak klik Edit HTML dan centang Expand Widget Template.
4. Cari kode ]]></b:skin> , kopi kode dibawah ini diatasnya

.codeview {
padding:3px;margin:3px;
}

.codeview li {
padding:3px;margin:3px;
}

5. Pada saat memposting, cara untuk memasukan kode script/kode HTML yaitu encode dulu di http://centricle.com/tools/html-entities/, paste kodenya dan klik encode. paste hasilnya ke halaman posting, tambahkan

diawal script dan

di akhir script

Untuk cara yang kedua:
Tinggal lakuakn saja langkah no 5, paste-kan semua teks (yang mengandung script) ke http://centricle.com/tools/html-entities/ dan tinggal upload code hasil encodenya ke postingan blog... Lebih mudah, kan... :P


Happy tutorial posting...semogasedikit membantu yah......

Cara Membuat Blog Gratis di Blogspot

Cara membuat blog gratisan di Blogger Blogspot panduan tutorial praktis bikin blog dalam 5 menit bagi pemula
Oleh Efraim sitanggang

Membuat blog di blogger.com / blogspot sungguh sangat mudah karena blogger.com milik Google.com. Karena itu apabila Anda sudah punya email gmail.com, Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:

1. Kunjungi www.blogger.com (efraim suruh click disini)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com (klick disini) atau di Yahoomail.com (disini klick yah)
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh efraim ganteng blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel/tulisan yg mau anda posting atau publikasikan. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).

Catatan: Untuk memposting artikel berikutnya, Anda tinggal mengklik menu “Posting”. Untuk mengedit tulisan tinggal klik “Edit Posting”

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Gambar 6

Gambar 7

Cara Membuat Kotak Scroll Pada Blog

Para sobat setia sekarang kita akan membuat bagaimana cara membuat kotak scroll pada blog.
1. masuk ke blog anda dulu ya
2. copy paste kode berikut ke dalam blog sobat
<div style="border: 1px solid rgb(111, 111, 255); height: 20px; overflow: auto; padding: 10px; width: 300px;">
Teks Sobat
atau script sobat</div>

NB: 1px: ketebalan kotak scroll
20px:tinggi kotak scroll
300px: lebar kotak scroll
yang berbunyi teks sobat ganti dengan teks yang akan anda masukkan

cara mengetahui dan mengukur berat blog

Nah teman blogger saya lagi iseng eh ternyata bertemu dengan mainan blog lagi.sekarang kita akan mengukur berat blog kita. mau mencoba?silahkan langsung saja tulis alamat blog anda di kotak bawah ini.
contohnya: http://efraim-iklanberduit.blogspot.com/
NB: jika blog teman pada kotak bertuliskan SIZE melebihi 100 kb maka harus dikurangi widget atau aplikasi yang laen,karena kenyamanan pembaca adalah segalanya.jika blog teman lambat diaskes kan pembaca akan malas membukanya,sayang kan? nah ini hanya untuk evaluasi untuk teman teman. silahkan dicoba dan jangan lupa "TINGGALKAN PESAN YA!!!!!!"

Cara Memasang Menu Log Pada Blog

nah teman blogger yg kreatif, sekarang kita akan belajar tentang cara pasang menu login pada blog.bingung ya? maksud saya membuat menu login pada blog adalah agar memudahkan pengunjung untuk masuk ke blog pengunjung tanpa harus pergi ke blogger.com
bagaimana tetarik bukan?
1.masuk ke blog anda
2.pergi ke tataletak
3.pilih tambah gadged terus klik HTML/JavaSripct...

4.copy paste kode dibawah ini

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"><input value="blogger" name="service" type="hidden"><input value="8" name="nui" type="hidden"><input value="8" name="naui" type="hidden"><input value="2" name="fpui" type="hidden"><input value="3" name="uilel" type="hidden"><input value="true" name="skipvpage" type="hidden"><input value="false" name="rm" type="hidden"><input value="true" name="alwf" type="hidden"><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"><input value="0" name="alinsu" type="hidden"><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"><div><label for="Email"> <span style="font-weight: bold;">Username</span>:
<input id="Email" tabindex="1" value="" name="Email" size="20" type="text"></label></div><div><label for="Passwd"> <span style="font-weight: bold;">Password</span>: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)
</label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>
<input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"></form>

5. save dan lihat hasilnya...

selasai...terimakasih..semoga bermamfaat..

berapa harga website anda?

Nah teman blogger, sekarang saya akan memberi permainan pada temen temen yaitu berapa harga website/blog anda? kalau saya sih kecil nilainya. hahahahaha
mau mencoba?silahkan berkelanalah ke http://stimator.com
bagaimana? kecil atau besar nilainya?kalau kecil nilainnya sama dengan saya. hahahahaha
kalau besar harap kunjungi blog ini dan follow blog ini ya.
hehehehehehe
sampai jumpa

menambah alexa rank

Nah..jumpa lagi sobat blogger semua... sekarang kita akan belajar bagaimana cara pasang Alexa Rank pada blog.bagaimana ingin mencoba? baiklah ikuti langkah dibawah ini ya..
Langkah-langkah memasang widget Alexa Rank :
1. Log in ke www.alexa.com
2. Nanti di menu Anda cari For Site Owners, lalu klik
3. Kemudian pilih Site Widgets
Anda bisa mempersingkat 3 langkah diatas dgn langsung mengetik alamat website http://www.alexa.com/siteowners/widgets

pilih sesuai keinginan anda,terus isi dengan alamat blog/website anda kemudian copy codenya.
Yang paling terakhir adalah paste codenya pada blog/website Anda.
terima kasih,jangan lupa tinggalkan pesan ya!!!!!! by..Efraim stg..

Cara Membuat Visitor Flag Pada Blog

Para pecinta blog sekalian...sekarang kita akan menambahkan aplikasi visitor flag counter di blog. apakah anda bisa mengartikan bahasa inggris itu, saya yakin anda sudah bisa semua..bukan seperti saya yang gak tau sama sekali berbahasa inggris...heheheeee...jadi malu ... baiklah tidak perlu berpikir panjang kita mulai saja ya sobat.
1. kunjungi situs http://flagcounter.com
2. isi bagian bagian tersebut:

* maximum flag to show : jumlah bendara yang akan ditampilkan
* columns of flag : jumlah kolom bendera
* label on top of counter : nama dari counter flag
* Background color : warna latar dari counter flag
* text color : warna tulisan
* Border color : warna garis tepi dari counter flag
* show country flag : untuk menampilkan kode negara
* show pageview : untuk menampilkan jumlah halaman yang dikunjungi3. lihat di bagian bawah ada "Example Flag Counter with your choices" itu adalah hasilnya, jika sudah sesuai keinginan klik "get your flag counter"
4.copy code yang berada di "Code for website: dan pastekan ke dashbor anda pada widget text dan simpan.
* selesai dan jangan lupa tinggalkan pesan pada blog ini ya sobat....!!!!!

menambah gadget dibawah dan diatas postingan

sobat blogger,makin sepi aja nih blog saya dikunjungi orang orang?pada kemana sobat...!! kenapa ya? apakah blognya jelek atau pemiliknya yang jelek? saya rasa pemiliknya tidak mungkin jelek ya. hahahaha... baiklah dalam kesempatan yang berbahagia ini saya akan menerangkan tentang bagaimana cara menambah gadget diatas/dibawah posting. menarik kan? baiklah simak dengan seksama yahhhhh...
1. masuk ke blogger anda dan klik tataletak dilanjutkan ke edit HTML
2. cari kode di bawah ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
ganti tulisan no menjadi yes. maka akan berubah menjadi
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

selesai... bagaimana mudah kan? jangan lupa selalu tinggalkan pesan anda pada blog ini ya!!!!!terimakasih telah mampir...

Membuat Hati Bertaburan

Nah teman para blogger semuanya, sekarang berjumpa lagi. dan satu nasihat buat kalian "jangan lupa klik smuanya yang ada diblog saya ya!!!!" hehehe. baiklah tolong dibantu ya teman teman. sekarang saya akan menjelaskan tentang memberi efek heart bertaburan. tau heart gak? heart tuh hati... bukan hati-hati lho. hehehe. efek yang satu ini cocok untuk anak yang lagi jatuh cinta atau blognya bernuansakan C.I.N.T.A. baiklah langsung saja kita lihat ke cara menggunakannya...

1. masuk ke blog anda,terus pilih tataletak dan klik edit html
2. copy paste code di bawah ini diatas kode </body> atau kalau tidak ada kode tersebut letakkan didalam code </body>
nah ini code yang harus diletakkan pada kode diatas,tapi hanya satu saja ya!!!ditaruh di kode yang pertama atau yang kedua itu terserah kalian

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>

dah, selesai deh. capek banget ya!!! makanan belum datang uang pun belum mampir juga. ya berdoa saja lah biar makanan dan uangnya mampir pada saya.... kasihan ya saya!! hehehe
ya sudah efraim ucapin terima kasih aja dah...kasih duit..duitnya blom cair...sabar yah..

Membuat PostinganTerbaru Berjalan

sudah lama ya rasanya EFRAIM tidak berjumpa dengan para sobat blogger sekalian... mungkin sekitar 50 tahun lalu. Iyakah????hehehehehe...
ya sekarang saya akan membagi kerjaan yang tak bergaji tentang "Membuat posting terbaru berjalan". bagaimana? seru kan? kalau ya lihat langkah langkahnya ya!!!!!!

* Masuk dasbor
* Tataletak
* Tambah gadget Pilih HTML/JavaScript
* Lalu copy dan pasatekan code berikut

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="<>"; </script> <script style="text/javascript" src="http://NamaBlogSobat.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>
*lalu save...
masukkan berapa judul posting yang akan muncul..
masukkan alamat blog sobat...
Mudah kan? ya sudah saya ingin berbagi ilmu yang lain, tetap di chanel saya ya. saya tunggu kunjungan anda..
Terima kasih

Membuat Lampu Pada Tulisan

para sobat efraim blogger yang kreatif, how are you? semoga anda baik baik saja.. saya tidak pernah update karena disibukkan oleh kesibukan yang tidak terlalu sibuk juga, sekarang saja saya masih sempat sempatin buat update status untuk anda semua. hehehehehe.
okey..now,sekarang saya ingin mempublikasikan tentang cara memberi lampu pada tulisan. ceilehhhhh, kayak rumah saja pakek diberi lampu segala..ibarat taman pada malam hari,akan indah kalau ada penerangan... hehehehe
caranya bisa diikuti dibawah ini
1. masuk ke blog kalian
2. pilih rancangan
3. klik tambah gadget
4. pilih html/java script

copy paste code dibawah ini

<script language="JavaScript1.2">
var message="EFRAIM SITANGGANG"
var neonbasecolor=""
var neontextcolor="#fd3d3a"
var neontextcolor2="#ff8080"
var flashspeed=50 // kecepatan flashing dalam milliseconds
var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor
var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable)
var flashpause=0 // pause diantara flash-cycles dlm milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

NB
GANTI VAR MESSAGENYA sesuai dengan keinginan anda
50 : kecepatan neon

Cara Mendisable Klik Kanan

Nah teman efraim para blogger semua,sekarang saya ingin berbagi info lagi neh tentang " Cara mendisable klik kanan". ingin mencoba???? ikuti langkah langkahnya ya....

1. masuk ke blog anda
2. Klik tata letak--> eLemen Halaman
3. Pilih HTML/Java script
4. Copy paste kode dibawah ini

<script>
var message="Maaf, efraim melarang klick kanan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

NB: Ganti var message untuk teks anda yang ingin anda munculkan

Terima kasih sobat blogger, semoga bermanfaat bagi kalian semua!!!!!!

Mengganti Icon Blogger

bosan dengan icon blog yang itu-itu trus...kali ini efraim akan memberi informasi tentang bagaimana caranya mengganti icon blogger.
begini langkah-langkahnya para sahabat pecinta blog..

1. masuk ke blog anda
2. pergi ke tataletak
3. kemudian edit HTML
4. cari kode </head>
5. copy paste kode dibawah ini diatas kode </head>

<link href='http://tinypic.com/a/zrsw/2' rel='SHORTCUT ICON'/>

NB: TULISAN YANG http://tinypic.com/a/zrsw/2 bisa kalian ganti dengan link gambar punya sahabat blogger sekalian...
6.pintu,jendela blog efraim akan selalu terbuka untuk kunjungan sahabat setiap saat..
terimakasih dan semoga bermanfaat...!!!

Menghindari Copy-paste Blog

selamat datang kembali di efraim blog..sekarang efraim akan mengajak para blogger untuk belajar bersama tentang agar blog kita tidak mudah di copy paste atau sering disebut ANTI COPY PASTE.
kalau belum mengetahui informasi ini,nah ikuti petunjuk efraim yah,ikutilah langkah langkah dibawah ini ya sahabat blogger..!
1. masuk ke blog anda
2. pergi ke tataletak kemudian tambah gadget
3. pilih HTML/JavaScript
4. copy paste kode dibawah ini
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>


5. klik save
5,5. semoga bermanfaat..
6. jangan lupa berkunjung lagi di efraim blog...thanks..!!