Fakriy Blogger: Tutorial Blogger

Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan

Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan

Cara Posting Kode HTML/Javascript Pada Blog

Posted by Rifaiy On 0 komentar

Untuk membuat posting kode HTML/javascript pada blog tidak bisa begitu saja ditulis pada blog. Karena jika kode HTML di posting maka tidak akan muncul pada postingan. Oleh karena itu ada beberapa cara agar kode HTML/Javascript tersebut dapat ditampilkan pada postingan anda selain menggunakan Textarea. Nah kali ini saya akan berbagi cara untuk posting HTML/javascript dengan cara lain yaitu dengan membuka situs yang disediakan untuk mem parse kode HTML supaya bisa di posting di blog. Inilah beberapa alamat yang bisa digunakan untuk mem parse kode HTML pada blog tersebut :

Blogcrowds

Centricle

Eblogtemplates

Accessify

Tinggal copy paste aja kode HTML yang ingin di parse dan klik..jadi deh. Copy paste kode HTML yang telah di parse pada blog anda. Sekarang, anda bisa posting kode HTML pada blog anda.
Selamat Mencoba...

Mengganti Icon Blogger

Posted by Rifaiy On 0 komentar

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar2 ataupun foto anda sendiri di addressbar seperti icon diblog saya itu, sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 Atau maksimal 32 x 32 pixel, sebenarnya si bisa ukuran gambarnya lebih dari itu tapi kemungkinan akan sulit untuk di tampilkan. Baiklah langsung saja ini caranya:

Kamu harus masuk dulu ke blogger.com
Setelah masuk ke Dasboard blogger anda
Kemudian silakan pilih Rancang
Kemudian pilih Edit HTML
Jangan lupa beri tanda ceklis (V) pada Expand Widget
Kemudian temukan kode </head> dengan cara menekan tombol Ctrl+F

Setelah itu letakkan kode dibawah ini sebelum / diatas kode </head>.

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQ3YKrAHaN_PfcIU3S2rPpy59k8BHD7YMht4M-aM2xbxQzsJU9w-YQdOUzxzs3eZw-cjQSos9vIa_BTu9feQ2ukcShnv1U7esomlj5Ux3gawJ_KDEqNkrnkC4CB9LwrOn1G7z9tB1t4wx/s320/IC.jpg' rel='SHORTCUT ICON'/>

Atau Sedikit penambahan mengunakan Script

<script src='http://arif45.fileave.com/tabviewbua.js' type='text/javascript'/>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQ3YKrAHaN_PfcIU3S2rPpy59k8BHD7YMht4M-aM2xbxQzsJU9w-YQdOUzxzs3eZw-cjQSos9vIa_BTu9feQ2ukcShnv1U7esomlj5Ux3gawJ_KDEqNkrnkC4CB9LwrOn1G7z9tB1t4wx/s320/IC.jpg' rel='SHORTCUT ICON'/>

Yang jadinya akan seperti gambar di bawah.

</head> berada di bawahnya.
Keterangan: silakan ganti kode yang berwarna merah di atas dengan URL gambar yang anda. Kemudian Save Setting.

Selesai.. Selamat Mencoba...

Membuat Link Warna Warni

Posted by Rifaiy On 0 komentar

Apakah anda pernah berkunjung di Blog yang dan linknya berwarna-warni bila cursor anda melewati link tersebut?!. Nah sekarang saatnya saya akan menjelaskan tips tutorial blog cara pemasangannya. Untuk mempersingkat waktu kita memulai dengan sebagai berikut:

Seperti biasanya kita harus Masuk dulu ke blog kita,
Kemudian pilih Rancanan
Kemudian pilih Edit HTML
Cari kode </head> dengan menekan Ctrl+F pada keyboard
Dan salin kode dibawah dan letakan kodenya di bawah </head>

<script src="http://dikcun.googlecode.com/files/rainbow.js"></script>

Contohnya:
Warna Warni

Selesai deh, Selamat mencoba....

Membuat Tulisan Bergerak Diatas Jendela Browser

Posted by Rifaiy On 0 komentar

Saya kali ini kita akan menjelaskan cara bagai mana menulis tulisan bergerak di atas jendela browser kita, kalau belum tau coba lihat ke atas blog saya. Sebenernya si ini tidak terlalu susah kita tinggal menambahkan sedikit di Edit HTML. Baiklah langsung saja saya beri tahu caranya:

Pertama kita harus Masuk dulu ke Blogger
Pilih Rancangan jika sudah masuk di Dasbor
Pilih Edit HTML yang letaknya di bawah tulisan Komentar.
Kemudian jangan lupa untuk memberi tanda ceklis (v) pada Expand Template Widget
Kemudian kita cari kode <head>, Supaya cepat tekan Ctrl+F untuk memanggil pencarian kata pada Browser.
Salin kode dibawah dan Letakan kodenya diatas kode ini: <head>

<script type='text/javascript'>
//<![CDATA[

msg = "Rifaiy.blogspot.com" ;
msg = "Belajar HTML/JavaScript"; + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Keterangan: Kalimat yang berwarna Merah adalah kalimat kamu sendiri, dan bisa di ubah sesuai keinginan kamu. Angka yang berwarna Biru adalah kecepatan bergeraknya.
Semoga Berhasil.....

Membuat Tulisan Peringatan

Posted by Rifaiy On 0 komentar

Senan saya bisa mempostingkan sesuatu untuk anda semua, kali ini saya akan membuat sesuatu tentang tampilan peringatan pada blog anda, bisa juga pada website. Tapi menurut saya si jangan deh, karena sangat menggangu pengunjung. Karena jika kasih ini di blog kita akan membuat pengunjung tudak nyaman dan kapok, hehehe. baiklah langsung saja saya praktekan.

Kalian harus Masuk/Login dulu ke blog kamu,
Kemudian pilih Rancangan,
Kemudian pilih Edit HTML,
Sebelum mencari </head> Silahkan beri tanda ceklis (v) pada Expand Template Widget
Cari Kode </head> dengan cara tekan tombol Ctrl+F supaya cepat,
Paste kan kode dibawah persis di atas kode </head>.

Contohnya:

Keterangan: "Talisan Kamu" di situ adalah tulisan kamu sendiri terserah kamu mau nulis apa.

Selesai Deh, Selamat mencoba......

Membuat Tulisan Bergeder Ke Kanan Atau Kiri

Posted by Rifaiy On 0 komentar

Kali ini saya akan mempostingkan cara agar tulisan bergeser dari kiri ke kanan atau sebaliknya. Baiklah langsung saja jangan lama2, ini dia:

Kamu harus Masuk/Login dulu ke Blog kamu,
Kamu pilih Rancangan,
Kamu pilih Tambah Gadget,
Kemudian kamu pilih HTML/JavaScript,
Masukan Kode dibawah,

Contohnya:

welcome

welcome

Keterangan: "Welcome" disana adalah rulisan anda sendiri, terserah anda. Jika anda ingin tulisanya berjalan ke kiri atau ke kanan gantikan saja tulisan "left" dengan (left) atau kekiri dan (right) atau ke kanan. Script di atas juga berlaku unruk Gambar.

Selesai deh. Selamat mencoba...

Membuat Tulisan Berkedip

Posted by Rifaiy On 0 komentar

Kali ini saya akan mempraktekan cara membuat tulisan berkedip2, Karena ini permulaan jadi yang mudah2 saja dulu jangan yang sulit2. Baiklah langsung saja jangan lama2, ini dia caranya:

1. Kamu harus Masuk/Login dulu ke Blog kamu,
2. Kamu pilih Rancangan,
3. Kamu pilih Tambah Gadget,
4. Kemudian kamu pilih HTML/JavaScript,
5. Masukan Kode dibawah,

Contoh:

Tulisan Kamu

Selesai deh.

Keterangan: Maksud "Tulisan Kamu" adalah tulisan kamu sendiri terserah.

Membuat Scrol pada Arsip Blog

Posted by Rifaiy On 0 komentar

Baiklan kali ini saya akan memostingkan yang agak sedikit rumit mungkin bagi pemula, karena untuk pemasangan widget yang satu ini akan di di templet kita / Edit HTML seperti pada penjelasan tentang Teks Peringatan Menggunakan Pop-up, Tetapi hanya menambahkan sesuatu pada widget saja. saya akan memberi tahu cara memasang scrol pada Arsip blog. Baiklah langsung saja kita praktekan caranya:

Pertama tama kamuharus Masuk dulu ke blog.
Sudah di Dasbor pilih Rancangan.
Sudah dirancangan Pilih Edit HTML yang letaknya di sebelah atas dan disebelah Elmen Halaman.emplate Widget
Kalau sudah beri tanda ceklis (v) pada Expand Template Widget.
Kalau sudah cari <b:widget id='BlogArchive1' locked='false' title=.
Supaya cepat mencarinya tekan Ctrl+F dan akan muncul jendela pencari di bawah halaman browser.

Sebelumnya lihat penjelasan di bawah dulu jika ingin mencoba.

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>

Keterangan: Tulisan yang Berwarna Merah Tebal adalah tulisan yang harus kamu tambahkan. dan tulisan yang Berwarna Biru Tebal adalah ukuran panjang Scrol, dan bisa di ubah sesuai keinginan kamu. Selain Blog Archive juga bisa di tambah ke widget lainya yang tentunya mungkin letaknya berbeda.

Selamat Mencoba....

Membuat Tulisan Bolak-Balik

Posted by Rifaiy On 0 komentar

Ini adalah postingan pertamaku di blog ini heheh, seharusnya si jangan di sebutin. Baiklah langsung saja kita mulai bagai mana caranya membuat teks / tulisan bolak balik seperti teks SELAMAT DATANG!!! dibawah, nah dari pada lama2 mendingan kita langsung saja mulai penjelasanya:

Yang pertama kamu harus lakukan adalah login ke Blogger
Kemudian pilih Rancangan
Kemudian kamu pilih Tamba Gadget dimana kamu ingin meletakanya
Setelah itu kamu pilih HTML/JavaScript
Dan terakhir kamu salin deh kode dibawah dan pastekan di kotak HTML/JavaScript.

<div srcsrcalign="left"><marquee scrollamount="3" behavior="alternate">SELAMAT DATANG!!!</marquee></div>

Contohnya:

SELAMAT DATANG!!!

KETERANGAN: Angka yang berwarna Merah adalah kecepatan bergerak ke kiri dan kanan. Tulisan yang berwarna Biru adalah uilisan kamu sendiri dan bisa di rubah sesuai keinginan kamu. Tulisan yang berwarna Hijau Muda adalah dimulainya dari mana kanan(right) atau kiri(left) tinggal pilih mau yang mana. Oiya hampir lupa tulisan javascript ini ga ada ukuean untuk lebar kanan dan kirinya jadi bebas bisa menyesyuaikan sendiri. Script diatas juga berlaku untuk Gambar.

Selamat Mencoba...