Berbagi Pengetahuan di Internet

Mengenai blog tutorial tntang teks area sudah saya jelaskan pada postingan sebelumnya di Membuat Teks Area, Tutorial berikutnya tentang teks area adalah teks area dengan menggunakan Tombol Highlight. Tombol Highlight tersebut berfungsi buat memudahkan para pembaca blog untuk mengcopy seluruh isi di dalam kotak teks area tanpa terlewati, Text Area Tombol Highlight akan memblok semua content yang ada di dalam kolom Text Area hanya dengan menekan tombol highlight, selanjutnya kita tinggal mengcopy saja dan menyimpan content tersebut dengan Ctrl+c.

Fasilitas Text Area Highlight ini sangat berguna untuk keamanan teks / kode-kode yang akan di copy dalan jumlah banyak sekalipun. Jadi anda tidak perlu cemas akan tertinggalnya teks / kode-kode yang sudah di copy, yang akan anda simpan buat kepentingan anda. Jika anda ingin menggunkan Text Area biasa Tutorialnya disini

Cukup jelas dengan keterangan teks area diatas? Untuk membuat Teks area Highlight pada blog cara dan  langkah untuk Membuat Text Area HighLight seperti berikut:

Silahkan anda copy kode HTML di bawah ini, cara memasangannya sama dengan cara membuat teks area pada postingan Membuat Teks Area

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulis teks/kode-kode yang ingin anda tampilkan pada kotak teks area </textarea></p></form></div>

Sebagai contoh :


Keterangan:

<div align="center"> -->mengartikan kalimat bahwa tombol HighLight berada tepat di tengahkotak teks area,jika anda ingin merubah tombolnya berada di sebelah kiri, ganti saja "center" dengan kata "left", dan jika ingin berada di sebelah kanan,ganti saja "center" dengan kata "right".

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di blok.

Value="Highlight All" --> kata Highlight All adalah tombol yang akan muncul di diatas kotak teks area, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element teks area :

<p align="center"> --> mengartikan kalimat bahwa tombol HighLight berada tepat di tengah kotak teks area,jika anda ingin merubah tombolnya berada di sebelah kiri, ganti saja "center" dengan kata "left", dan jika ingin berada di sebelah kanan,ganti saja "center" dengan kata "right".
<text style="width: 300px;">-->kata "WIDTH:300px" --> menunjukan lebar dari text area tersebut sebanyak 300 pixel, anda bisa merubahnya dengan angka yang anda inginkan. misal: "WIDTH:500px;"
HEIGHT: 144px --> angka "144px" mengartikan tinggi teks area adalah 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Selamat mencoba!!!!!!!!!!

Tutorial blogger pada postingan berikut ini mungkin akan menjadi pertannyaan buat bloggers. karena saya akan memberikan sedikit tutorial tentang cara membuat teks berjalan di navbar atas. Navbar atas atau (Navigasi bar) pada blogger adalah sebuah widget buat menampilkan fitur fitur penting blogger, sedangkan yang akan saya jelaskan adalah mengenai navbar atas pada setiap browser yang anda gunakan buat membuka halaman blog.

Teks Berjalan di Navbar Atas (Navigasi bar) atas tab browser, yang fungsinya buat design blog agar tampak lebih menarik buat pengunjung blog,  sehingga pengunjung merasa nyaman dengan design blog yang menggunakan atau menambah widget Teks berjalan di navbar atas browser ketika membuka blog anda, Teks berjalan tersebut berfungsi untuk setiap aplikasi browser yang biasa digunakan seperti di Firefox,opera,google crome dan lain - lain.

Cara membuat teks berjalan di navbar Atas adalah dengan menambah kode JavaScript pada template yang digunakan, penggunaan kode JavaScript yang ditambahkan ke template blogger tersebut berfungsi buat menjalankan Teks Title Blog (Judul Blog) agar berjalan diatas Navigasi bar. Kode  JavaScript yang digunakan untuk Membuat Teks Berjalan di Navbar Atas hanya menggunakan beberapa kode Script, tentunya kode JavaScript Tersebut tidak membuat Loading page blog.

Kinerja dari kode JavaScript berikut adalah buat menggerakan atau membuat teks berjalan Title blog (Judul blog)  yang berjalan di Navbar atas browser dari sebelah kanan ke sebelah kiri navigasi bar.

Contoh gambar

Cara Membuat Teks Berjalan di Navbar Atas

Cara membuatnya

Login ke blogger.com

Klik Tata Letak / Rancangan

Lalu klik Edit HTML

Beri tanda centang cek pada kotak kecil Expand Template Widget

Silahkan cari di dalam template anda kode berikut!
<title><data:blog.pagetitle/></title>
Ganti kode tersebut dengan kode script berikut ini
<script language="'JavaScript'"><br />var txt="<data:blog.pagetitle/>";<br />var kecepatan=250;var segarkan=null;function bergerak() { document.title=txt;<br />txt=txt.substring(1,txt.length)+txt.charAt(0);<br />segarkan=setTimeout("bergerak()",kecepatan);}bergerak();<br /></script>
keterangan:
Var kecepatan=250--> = kode script tersebut koce kecepatan bergerak Title Blog,
 Jika angkanya di perbesar maka kecepatannya melambat, bila angkanya diperkecil akan semakin cepat.
klik 


Simpan Template
Selamat Mencoba.

Setelah kesana kemari berusaha untuk membuat postingan pada blog dll, kini saatnya anda harus melakukan pengaturan atau membuat settingan blog pada blog blogger anda agar bisa di indeks mesin pencari seperti Google,Bing,Yahoo dan lain - lain secara maksimal. Selain malakukan settingan blog blogger di pengaturan blogger buat optimasi blog ke search engine, pengaturan blog tersebut berfungsi buat tampilan blog dan membuat mudah menggunakan berbagai fasilitas fitur yang ada di blogger blogspot.

Mengatur pengaturan blog di pengaturan blog blogger sangat penting dilakukan, karena jika kita tidak membuat pengaturan tersebut, System otomatis blog buat Search engine beserta tampilan blog hanya memiliki settingan atau pengaturan default. Pengindeksan di SERP tanpa membuat pengaturan di pengaturan blog, tidak akan maksimal tidak seperti anda membuat pengaturan blog.

Buat settingan tersebut cukup mudah anda hanya perlu mengerti apa maksud dari pengaturan pengaturan yang terdapat pada pilihan di pengaturan blogger, dan memilih opsi buat pengaturan blog tersebut. Setelah selesai kemudian anda menyimpannya dan menunggu beberapa saat buat melihat perubahannya pada search engine dan akses blog.

Setting blog / Mengatur blog blogger memang membutuhkan waktu buat mencari tutorial yang menjelaskan satu persatu tentang pengaturan blog blogger. Dengan begitu akan menyita waktu anda jika waktu tersebut digunakan untuk membuat postingan blog, pengaturan yang digunakan agar blog Seo friendly  settingnya sebagai berikut:

Cara Setting Blog

Cara Setting Blog / Cara mengatur pengaturan blog blogger

Login ke blogger.com "nama dan password",

Klik pengaturan,.

Dasar:
Alat Blog : biarkan saja,
Judul :Judul blog anda. Contoh : blog buat bloggers,
Uraian :Blog anda Tentang. Contoh : blog untuk tempat saling berbagi ilmu,
Tambahkan blog Anda ke daftar kami : pilih ya,
Biarkan mesin pencari menemukan blog Anda : pilih ya,
Tampilkan Editing Cepat di Blog Anda : pilih Ya,
Tampilkan Link Posting Email : pilih tidak,
Konten Dewasa : Pilih tidak,
Pilih editor entri : Editor yang dimutakhirkan (Disarankan),
Aktifkan transliterasi : nonaktifkan,
Klik tombol SIMPAN SETELAN.
Publikasikan :
Alamat Blog*Spot : masukan nama blog anda, contoh "buatblogger",
Verifikasi Kata : masukan kata,
Klik SIMPAN SETELAN
Format :
Tampilkan Sebanyak Mungkin : Jumlah posting di halaman utama,
Format Header Tanggal : Hari, Tanggal, Bulan, Tahun Waktu Sekarang,
Format tanggal Index Arsip : Arsip mulai ditampilkan,
Format Timestamp : Waktu sekarang,
Zona Waktu  : Sesuaikan dengan waktu negara anda,
Bahasa : Bahasa Negara anda,
Konversi ganti baris : Pilih ya.,
Tampilkan Field judul : Pilih ya.,
Tampilkan kolom link : Pilih ya.,
Aktifkan perataan float : Pilih ya.,
Templat Entri : masukan format entri,
Klik tombol SIMPAN SETELAN.
Komentar :
Komentar : pilih tampilkan,
Siapa yang Bisa Berkomentar : Pilih Siapa pun - termasuk Pengguna Anonim,
Penempatan Formulir Komentar : Disemat di bawah entri,
Default Komentar untuk Posting : Entri baru memiliki komentar,
Tautbalik : Sembunyikan,
Bawaan Tautbalik untuk Posting : Entri baru Memiliki Taut balik,
Format Timestamp Komentar : waktu sekarang,
Pesan Formulir Komentar : Pesan kepada komentator blog,
Aktifkan moderasi komentar : Selalu,
Tampilkan verifikasi kata untuk komentar : pilih Ya,
Tampilkan gambar profil dalam komentar : pilih ya,
Email Pemberitahuan Komentar : Masukan email anda,
Klik tombol SIMPAN SETELAN.
Arsipkan :
Frekuensi Arsip : pilih Bulanan,
Aktifkan Halaman Posting : pilih ya,
Klik tombol SIMPAN SETELAN.
Fedd Situs:
Izinkan Feed Blog : pilih Penuh.
Posting URL Pengubahan Arah Feed : Masukan Feed blog.
Footer Feed Posting : Pesan di akhir halaman feed
Klik tombol SIMPAN SETELAN.
Email&Seluler:
Alamat BlogSend : URL blog.
Alamat Pengeposan via Email : Masukan email blog.
Perangkat Seluler : Biarkan saja
Klik tombol SIMPAN SETELAN.
OpenID:
URL OpenID Anda : URL blog.
Izin:
Penulis Blog : buat menambah penulis,
Pembaca Blog : Siapapun

Selamat Mencoba !!!

Teks Area adalah widget buat menampilkan teks atau kode kode html dan JavaScript untuk dibuat secara terpisah pada sebuah gadget blog . Misalnya widget teks area tersebut akan di simpan di postingan blog, sidebar blog, atau pada gadget gadget lainnya di blog.

Buat yang belum mengetahui apa yang disebut dengan widget Teks Area dan Cara Membuat Teks Area, bisa melihat contoh teks area di postingan berikut  Dengan tutorial berikut mungkin anda anda tidak memerlukan penjelasan kesana kemari untuk mencari tutorial tentang Teks Area, karena dengan contoh dan langkah-langkah membuatnya pasti anda langsung mengerti apa yang di sebut dengan Teks Area.

Untuk membuat Teks Area cukup mudah anda tidak harus memahami kode kode html terlebih dahulu. anda hanya memerlukan sedikit kode HTML saja untuk disimpan pada gadget anda sebagai gadget baru teks area, Atau jika anda ingin memasang teks area tersebut di postingan, Cukup menambah kode - kode berikut ke postingan anda dengan menggunakan tab Edit HTML di menu posting.

langkah langkah untuk membuat Teks Area, silahkan anda Copy kode di bawah ini :
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis teks/kode-kode yang ingin anda tampilkan pada kotak teks area </teks area></p>

contoh sederhana:


Keterangan :
rows="6", untuk tinggi text area, rubahlah angka "6" sesuai dengan yang anda inginkan
Cols="20", untuk lebar text area. rubah pula angka " 20 "jika anda ingin menyesuaikan lebar teks area

Untuk menmbah widget baru di gadget blog blogger gunakan cara menambah kode Html di blog pada postingan dibawah ini

Cara Tambah Gadget HTML/JavaScript

Membuat artikel di blogger atau membuat postingan di blog blogger untuk membuat content yang sesuai dengan tema blog agar dapat dipublikasikan ke publik. Cara membuat posting di blogger blogspot adalah tutorial lanjutan dari cara membuat blog di blogger.  Setelah anda membuat blog di blogger tentunya anda akan membuat content blog atau postingan blog untuk di publikasikan ke publik.

Cara membuat postingan blog blogger bisa dengan beberapa cara diantaranya posting langsung di blogger, via email atau juga dengan perangkat - perangkat seluler dan sebagainya. Cara - cara tersebut jelas mempermudah admin blog untuk memperbanyak content blog buat di publikasikan dan dibaca di publik.

Buat pengguna baru blogger Cara Posting di Blogger mungkin cukup sulit, dengan alasan "tampilan dan tempat untuk membuka halaman posting yang tidak terbiasa, nama - nama fitur posting yang berbeda, letak fitur posting dan fungsi - fungsi fitur posting sedikit berbeda" dan alasan lainnya.

.Tutorial ini mungkin bisa dijadikan panduan awal pemula untuk membuat postingan di blogger. buat meringkas tutorial cara membuat postingan di blogger caranya
Cara Posting di Blogger:

Login ke blogger

Klik Entri Baru

Isikan Judul dengan Judul Postingan

Tulis postingan di kolom posting

Tulis label

Lihat gambar


Klik TERBITKAN ENTRI untuk mempublikasikan postingan anda

SAVE NOW untuk menyimpan sementara sebagai draf

PERTINJAU untuk meninjau postingan sebelum di publikasikan
Selamat mencoba!!!!

Mengatur Font dan Warna Template blog yang menggunakan blog gratis dari blogger blogspot, bisa menggunakan dua cara, cara mengatur font dan warna template blog blogger diantaranya dengan mengatur langsung warna template pada kode template yang digunakan dengan menambah alat bantu lain untuk warna seperti software color Schemer atau menggunakan situs color generator secara online.

Cara mengatur atau setting font dan warna pada template blogger lainnya adalah dengan mengatur langsung di dasbor blogger. di blogger tersedia fasilitas buat mengatur font dan warna pada menu tata letak atau rancangan, Dengan fitur yang sudah disediakan blogger tersebut bisa lebih mudah buat mengatur font dan warna sesuai dengan template blog yang dgunakan.

Buat yang ingin menggunakan fasilitas buat mengatur font dan warna di blogger, anda harus memilih template yang suppot dengan fasilitas fitur font dan warna yang ada di blogger.Fasilitas tersebut yang sudah disediakan di dasbor blogger diantaranya seperti berikut. cara nya anda  hanya menyesuaikannya dengan template yang digunakan. Mulai dari ukuran Font, nama Font, warna Font dan title Font. Hal tersebut jelas lebih mudah dan cepat buat pengguna blogger untuk mengatur Font dan Warna.
Mengatur Font dan Warna

Di beberapa template banyak yang tidak support dengan fasilitas mengatur font dan warna di settingan blogger, maka kita harus mengatur langsung Font dan Warna di Variable templatenya. buat template yang support dengan fasilitas mengatur font dan warna di blogger caranya

Login dulu ke Blogger,

Klik Rancangan

Klik Font dan warna

dan akan tampil seperti berikut ini:

Warna
Page Background Color: background template bagian diluar

Main Background Color: background template bagian dalam

Text Color: warna teks postingan

Blog Title Color : warna judul blog

Blog Description Color : warna deskripsi blog

Post Title Color: warna judul postingan

Date Header Color: warna teks untuk tanggal

Border Color: warna garis pinggiri template

Sidebar Title Color: warna judul pada kolom sidebar

Sidebar Link Color: warna teks link di sidebar

Sidebar Visited Link Color: warna teks link di sidebar

Link Color: warna teks yang dipasang link

Visited Link Color: warna teks link
Font:
Text Font: warna Font postingan

Sidebar Title Font: warna Font Judul di sidebar

Blog Title Font: warna Font judul blog

Blog Description Font: warna Font deskripsi blog

Post Footer Font: Warna teks Font di footer.