Tampilkan postingan dengan label tips and trik. Tampilkan semua postingan
Tampilkan postingan dengan label tips and trik. Tampilkan semua postingan

Menambahkan Google +1 di Blogger

berapa hari yang lalu Google resmi memperkenalkan fitur +1 (Plus One) setelah pada bulan Maret 2011 fitur ini diuji coba melalui Google Labs. Fitur ini merupakan jawaban Google untuk fitur "like" Facebook. Saat ini fitur Google +1  sudah tersedia di Blogspot.


Tutorial Menambahkan Tombol Google +1 Pada Template Default Blogger

Untuk mengaktifkan Google +1 pada template default Blogspot, cukup dengan mengaktifkan fitur “Show Share Buttons”. Caranya dari Design > Page Elements. Temukan "Blog Post Area" lalu klik "edit". Dan pilih opsi “Show Share Buttons”. Bila sudah mengaktifkan “Show Share Buttons” maka otomatis Google +1 terpasang di blog anda.

Jangan lupa klik edit
Kegunaan fitur Google +1 adalah seperti bila anda memberikan rekomendasi terhadap situs/blog tertentu bagi teman anda saat sedang mencari di Google.com (saat ini Google +1 belum tersedia di Google Indonesia). Misalnya teman anda sedang mencari informasi seputar sepeda gunung, maka bila anda memberikan +1 di situs tertentu, maka ini akan menjadi rekomendasi yang bagus bagi teman anda untuk mengunjungi situs tersebut.
Seperti inlah tampilan Google +1 di mesin pencari Google
Menambahkan Tombol Google +1 Di Template Blogger Dari Pihak Ketiga

Dapatkan kode Google +1 di Google Webmaster
Untuk menambahkan tombol Google +1 di template Blosgpot dari pihak ketiga, caranya adalah dengan mengambil kode Google +1 di Google Webmaster.

Berikut adalah contoh kode tombol Google +1 ukuran standar:
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

Cara Pertama

Tombol Google +1 di atas template
Secara mendasar Google menginginkan anda untuk memasang kode tombol Google +1 di dalam tag </head> atau tag </body> pada blog anda, tapi ini akan membuat tombol Google +1 terlihat kurang bagus karena akan berada di atas template atau di bawah template blog anda. Cara ini bisa jadi akan membuat pengunjung blog anda mengabaikan kehadiran tombol tersebut (enggan meng-klik).

Cara Kedua
Cara kedua adalah dengan meng-konfigurasi sendiri tombol Google +1 untuk blog kita dengan mengunjungi Code Google. Cara ini membutuhkan keahlian tingkat lanjut.

Cara Ketiga
Cara ketiga adalah bila kita hendak memasang kode tombol Google +1 di bawah judul atau dibawah artikel.

Untuk dibawah judul, temukan kode <data:post.body/> dan salin kode Google +1 dibawah kode tersebut.

Untuk dibawah artikel, bila template dari pihak ketiga memakai readmore otomatis, maka salin kode Google +1 dibawah kode <data:post.body/> yang kedua (benar ada dua kode <data:post.body/>).

Bila template pihak ketiga sudah memiliki tombol share Twitter atau Facebook, maka letakan saja kode Google +1 bersama kode tersebut, entah dibawah atau diatasnya, terserah. Kode tombol share Twitter/Facebook bisa dicari di browser dengan menekan CTRL+F.

Menggunakan cara pertama, kedua atau ketiga, atau cara lain jangan lupa backup dulu template lama anda, untuk berjaga-jaga.
Langkah terakhir yang jangan dilupakan adalah anda harus memiliki Google Profiles dan jadikan profil anda publik (bukan privat) dengan mengunjungi Google Profiles
. Kunjungi Wiki How untuk belajar membuat Google Profile.


                                                                                                                                                                                                                                                                                

Membuat Artikel di Blogspot/Blogger

. Pada tutorial sebelumnya kita telah belajar cara membuat Blog gratis pada blogger/blogspot. dan selanjutnya saya akan share bagaimana cara membuat postingan/artikel pada blog. Mulai dari memposting tulisan, gambar, video, maupun tulisan artikel didampingi dengan iklan. hehehe kita
belajar satu-satu ajj dulu ya secara bertahap. ga usah terburu-buru langsung pasang iklan. hehehe 
Dan jika sobat telah berhasil membuat email dan berhasil membuat blog namun belum sempat/ masih bingung bagaimana membuat-artikel-di-blog? jangan khawatir, sekarang kita bersama bahas membuat-artikel-di-blog
Berikut Tutorialnya:
1. Langkah pertama seperti biasa kita harus login dulu ke akun blog. isi alamat email dan pasword'a..
2. Jika sudah kita akan masuk pada halaman dashboard blog. Kurang lebih tampilan barunya seperti ini:


pada gambar diatas sudah dijelaskan (sedikit detail hehehe) beberapa fitur dan fungsi yang terdapat pada halaman dasbor blog kita yang baru. dan yang kita butuhkan untuk membuat postingan/artikel terbaru yang ingin dibuat dengan mengklik tombol/gambar pensil. Jika sudah maka akan berlanjut pada halaman menulis artikel.

3. Selanjutnya kita meluncur ke halaman menulis posting/artikel. check this out !!

Gambar diatas sudah dijelaskan beberpa fungsi yang ada pada halaman membuat artikel (walaupun tidak menyeluruh) namun jika diperhatiakn dapat dimengerti dengan mudah, dimana letak tempat penulisan judul artikel, kotak penulisan artikelnya, pemberian labelnya, untuk menerbitkannya/preview ulang sebelum diterbitkan, juga terdapat kotak html yang fungsinya untuk tempat menyisipkan kode html/javascript. 

Sebagai contoh saya akan membuat artikel tentang lagu, dan saya akan menyisipkan lirik, dan gambar lagunya. 
Contoh penulisan lirik lagu 

Selanjutnya penyisipan gambar untuk lirik lagu diatas, caranya adalah:
- Klik kotak Insert Image yang ada di menu bar postingan blog/tepatnya berapa disamping Link
- Lalu akan nampak seperti gambar dibawah ini :

Contoh gambar di atas sudah cukup jelas langkah-langkah mengaupload gambar agar masuk ke dalam postingan artikel, jika berhasil maka akan tampak seperti gambar dibawah ini :
Contoh Memasukan gambar dlm Postingan

Proses selanjutnya kita tinggal mengatur tata letak gambar dengan tulisan artikel agar terlihat lebih rapih. Tinggal disesuaikan ukuran gambar dan tata letaknya. 
Jika semuanya sudah benar-benar rapih maka proses selanjutnya pemberian label dan mempublishnya (menerbitkannya). Hasilnya seperti dibawah ini :


Lalu Klik View untuk melihat hasil postingan yang telah kita buat. Dan selamat pembuatan artikel anda berhasil dibuat dan diterbitkan . . .

Dan selesai sudah Membuat artikel di blog Selamat Mencoba dan semoga bermanfaat ........??

Memasang Link, Kode HTML/Javascript di Postingan Blog

Cara Memasang Link, Kode HTML/Javascript di Postingan Blog. Berlanjut ke tutorial selanjutnya yaitu bagaimana sih cara memasang link serta Kode HTML/Javascript dalam Postingan Blog ? sebenarnya cukup simple untuk menerapkannya. dan sebagian caranya saya pernah share pada postingan Cara membuat artikel di blog.

Kenapa sih perlu untuk memasang link serta kode Script di blog kita? dibilang perlu ya sangat dan penting. hehehe. kenapa? Untuk memasang kode-kode script seperti Widget2 blog, Kode script Video, Kode Script Iklan dan kode-kode lainnya. Link diselipkan dipostingan blog bertujuan untuk mempermudah dalam menuju suatu link situs-situs tertentu yang diinginkan. Juga berguna dalam Meningkatkan SEO blog kita tentunya.
Baik Langsung saja Kita mulai langkah-langkahnya :
 Check This Out !!  
1. Langkah pertama seperti biasa Login ke akun Blog dan Create New Post 
2. Lalu Proses yang paling penting terletak pada mode penulisan artikelnya. yaitu antara Compose dan HTML

biasakan sebelum memasukkan kode HTML/Javascript rubah dulu mode penulisannya ke bentuk HTML. Kenapa? Jika, kita tidak merubahnya pada saat di publish akan tetap di publish sebagai kode script, bukan bentuk Video/gambar/iklan/ widget lainnya. 
3. Selanjutnya pastekan kode script yang akan dimasukkan ke dalam postingan. jangan lupa atur tataletak kode tersebut sesuai keinginan masing-masing. Untuk Proses tataletak kode ini perhatikan cara-caranya berikut:

Saya akan mengambil contoh cara memasang kode iklan di postingan:

# Agar kode iklan berdampingan dengan postingan sebelah kiri (left), kodenya :

          <div style="float:left;">
          Kode Iklan Y ingin Dipasang
           </div>

# Agar kode iklan berdampingan dengan postingan sebelah kanan (right), kodenya :

<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>

# Agar kode iklan berdampingan (dua iklan berdampingan kanan-kiri), kodenya :

<div style="float:left;">
Kode Iklan Y Ingin Dipasang
</div>
<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>

# Dan biasakan dalam memasukkan kode2 script dlm postingan perhatikan tata letaknya agar terlihat rapih dan enak dilihat. untuk tata letaknya biasakan pasang kode2 tambahan :






 
4. Untuk memasukkan link kita tinggal memblok kata-kata yang akan dimasukkan link, lalu klik LINK yang ada di Menu bar dan pastekan alamat URL yang dituju.
Contoh:
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog

5. Dan terakhir Publish Post 

Dan selesai sudah Memasang Link, Kode HTML/Javascript di Postingan Blog. Selamat Mencoba dan Semoga Bermanfaat . . . .?
 
 

Memindah Tgl Komentar Di Sebelah Author

Wah udah lama gak posting,dan untuk kesempatan ini coba2 posting kembali walaupun nggak banyak,semoga ada yang berkenan dan bisa di sahre ke sesama blogger.Biasanya tgl komentar berada di bawah komentar nah sekarang di utak atik agar bisa berada di sebelah Author...


Prepare :

  • Login Account Blogger.
  • Masuk ke Rancangan.
  • Centang expand widget templates
  • Untuk Jaga2 Save  template dahulu sebelum di utak-atik.
Kalau langkah standard sudah dilakukan silahkan cari kode berikut
<data:commentPostedByMsg/>
untuk mempercepat tekan Ctrl+F kalau sudah ketemu cari kembali kode dibawah ini :
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
Apabila sudah ketemu copy kode diatas persis di samping kanan  kode <data:commentPostedByMsg/>
kira-kira jadinya seperi dibawah ini : 

<data:commentPostedByMsg/> disini bisa ditambahkan kata pada
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
Jika sudah selesai silahkan di SAVE

untuk hasil akhir kira-kira seperti ini !!!:



Cara memasang image di depan judul postingan

Untuk menambah cantik dan memberi sedikit sentuhan pada judul postingan kita bisa menambahkan sebuah Image di depan judul postingan.Untuk ukuran harus disesuaikan agar tampak klop dan pas.
Langkah pertama :

1. Masuk ke blogger 
2. Masuk “LAYOUT”-->”Edit HTML”.. 
3.Centang kotak “Expands Template Widget” 
4.Jangan lupa back up dulu kode templatenya, untuk menghindari resiko kesalahan    sewaktu edit. 
5. Cari kode di bawah ini :
             

  <a expr:href='data:post.url'><data:post.title/></a>
               <b:else/>

6. Ganti kode di atas dengan kode di bawah ini :

<a expr:href='data:post.url'> <img src="
http://i859.photobucket.com/albums/ab159/yudhizh/right-arrow.jpg" width="30" hight="30" border="0"></img> &nbsp;&nbsp;<data:post.title/></a>
<b:else/>



7. Untuk image silahkan disesuaikan sendiri
8. Save.
9. "selesai dech ..."

Tips Membuat Artikel Terkait Dengan Scroll Bar

         Ada beberapa cara dalam membuat Artikel Terkait,didalam postingan ini penulis akan coba membuat Artikel terkait dengan menggunakan Scroll Bar.Banyak sekali fungsinya salah satunya adalah : karena akan mengurangi pemakaian space halaman,Loh koq bisa ??? sobat bisa dibayangkan apabila terdapat banyak postingan dalam 1 Tags ,pasti akan memakan banyak space di halmanan postigan tersebut. untuk menampilkan Artikel terkait tersebut.Memang bisa di siasati dengan mengurangi jumlah Artikel terkait yang akan tampil ttp rasanya kurang menarik buat penulis.









Disini akan di tampilkan 2 kode Artikel terkait yang menggunakan Scroll bar dan tanpa menggunakan Scroll bar.Seperti tampak gambar di atas adalah Artikel terkait dengan menggunakan Scroll Bar.
Oke kita langsung aja ke TKP.

Silahkan Anda Login dahulu ke Account Blogger.
Lanjutkan ke step-step dalam melakukan Editing Html (Jangan Lupa simpan template dahulu) jaga-jaga kalau ada kesalahan didalam melakukan pemasangan.meletakkan kode tersebut.

Apabila sudah silahkan sobat cari kode berikut : <data:post.body/> untuk memepercepat pencarian tekan Ctrl+F.Nanti akan ditemukan 2 kode yang sama itu dikarenakan satu kode untuk Read More.Silahkan sobat letakkan kode berikut di bawah ini tepat di bawah kode <data:post.body/> yang pertama .
HTML clipboard
HTML clipboard

Berikut ini Artikel terkait tanpa scroll box
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4>Artikel Terkait</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
------------------------------------------------------------------------
Artikel terkait dengan Scroll Bar !!!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #fcf7f7;'>

<div class='widget-content'>
<h3>Artikel Terkait Lainnya Seputar:</h3>

<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>

</div>
</b:if>



Langsung di Save ajah ga pake lama.......!

Cara Mengatur Format Huruf

Dalam menulis artikel menggunakan form penulisan artikel WordPress (selanjutnya saya akan menyebutnya editor WordPress), anda bisa menggunakan berbagai macam format dan gaya penulisan huruf. Anda bisa mengatur format huruf menjadi tebal, miring, atau yang lainnya. Anda juga bisa membuatnya menjadi penuh warna.   Mari kita lihat dari dekat tool-tool yang bisa digunakan untuk menciptakan artikel yang penuh imajinasi.



Pengaturan format huruf ini hampir tidak jauh berbeda dengan pengaturan format huruf pada Microsoft Word, yaitu anda tinggal memblok huruf yang ingin diubah formatnya, lalu klik tombol format yang diinginkan. Selain tool-tool utama diatas, anda juga bisa menggunakana tool lain yang lebih lengkap  dengan mengklik tombol Kitchen Sink.
 


Secara urut dari kiri ke kanan fungsi tool tambahan diatas adalah : mengubah style paragraph, membuat text menjadi underline, rata kanan kiri (justified), merubah warna, menyisipkan text, menyisipkan text dari MS Word, menghapus format, memasukkan file flash, menambah symbol, mengurangi indent, menambah indent, undo, redo dan help. Silahkan anda berkreasi sendiri menggunakan tool-tool yang ada dan ciptakan artikel yang penuh gaya dan warna.
Namun perlu diperhatikan untuk tidak terlalu berlebihan dalam mengatur format huruf dengan menggunakan tool-tool diatas, karena hanya akan membuat mata pembaca sumpek. Lagipula terlalu banyak format akan menyebabkan artikel anda menjadi lama di akses.
Agar editor WordPress anda lebih powerfull, maka anda menginstall  plugin TinyMCE Advance. Lihat Tutorial Cara Install Editor TinyMCE Advance sehingga tampilan editor WordPress anda menjadi seperti ini dan anda dapat lebih leluasa dalam mengatur huruf format .

Cara mudah Membuat Halaman Statis (Page)

Halaman statis adalah sebuah halaman yang mirip dengan post atau artikel. Hanya saja, halaman statis lebih bersifat statis atau jarang mengalami updating.Contoh halaman statis adalah halaman Tentang Kami, Tanya Jawab, Koleksi Gambar (Galeri) dll.
Cara membuatnya juga hampir sama dengan post. Bedanya hanya pada menu yang dipakai. Jika pada post, anda menggunakan menu Post, maka pada Page anda menggunakan menu Page – Add New. Lalu anda mulai menulis judul dan isi seperti pada post.





Halaman statis (page) yang baru anda buat dapat muncul sebagai menu di blog anda tergantung pilihan theme blog anda. Bisa juga muncul sebagai Halaman (Pages) di side bar blog anda.?

Tips Memilih Kategori dan Subkategori

Pada waktu ada memulai menulis artikel, maka anda harus menentukan kategori tempat artikel tersebut disimpan. Dengan menentukan kategori, maka artikel anda dikelompokkan menurut jenisnya. Dengan adanya kategori, maka anda akan mudah mencari kembali artikel tersebut untuk pengeditan atau perbaikan nantinya.

Cara menentukan kategori dan sub-kategori adalah sebagai berikut:
1. Pada kolom Post-Add New , disebelah kiri ada side bar. Scroll down klik bar ini sampai ketemu kolom Kategory.
kategori
2. Klik tulisan Add New Category. lalu ketikkan nama kategori yang hendak anda buat. contoh Artikel Terbaru. Lalu klik Add New untuk menambahkannya. Dan sekarang kategori Artikel Terbaru sudah ada dalam list kolom Category.
3. Bilamana anda hendak mengedit judul kategori maka anda masuk ke menu Post – Category yang ada dibawah Post Add New.
kolom kategori
4. Setelah menu Category di klik, maka tampilan halaman Add  New Category.

edit kategori
5. Pada halaman Add New Category, beralihlah ke Category yang hendak anda edit sampai keluar tulisan Edit/Quick Edit/Delete. Klik Edit untuk mengubah judul nama kategori yang baru. Lalu klik Update.
6. Anda dapat juga langsung membuat kategori baru pada halaman Add New Category ini.
7. Pada Kolom Add New Category ini, anda dapat menambahkan kata kunci pada kolom slug dan membuat desckripsi kategori pada kolom Description.

B. MEMBUAT SUB-KATEGORI
1. Disamping itu jika anda ingin membuat subketagori, anda juga melakukannnya di menu Post – Add New Category. Caranya adalah dengan mengklik tanda panah pada kolom Parent (Induk) dan pilih kategori untuk tempat subkategori . Contoh Kategori : Artikel Direktori. Subkategorinya : Ezine Artikel, Detik Artikel, Kompas Artikel (3 buah subkategori)

sub kategori
2. Jika sudah klik tombol Add New Category, maka subkategori akan terlihat disebelah kanan seperti contoh berikut.

subkategori 2
3. Judul sub-kategori akan menempati tempat dibawah kategori induknya dan posisnya sedikit menjorok ke dalam ditandai dengan tanda “-“.

C. MEMBUAT SUB-SUB-KATEGORI.
1. Sama halnya dengan membuat subkategori, hanya saja di kolom Parent , anda pilih Subkategori sebagai induk kategorinya. Anda dapat juga membuat sub-sub-sub kategori dengan cara seperti ini bilamana artikel anda sudah sangat banyak sekali.

Pengertian Website

sebelum membuat Websiite bagi yang belum tau tentu saja ingin mengetahui apa itu Website atau Blog.
Mungkin bagi yang baru pertama mendengar kata ‘Website / blog’ sama membingungkannya ketika pertama kali penulis mendengar kata internet,Email,maupun chating.

berikut penjelasan dari website:
Website adalah suatu halaman atau pekarangan atau bangunan media informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 tipe / jenis yaitu:


* Website Statis
* Website Dinamis
* Website Interaktif


*Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut.
* Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain halaman utama yang bisa diakses oleh pengguna atau pengunjung pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh mengenai website dinamis adalah *web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya.
Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini pengguna atau pengunjung bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.


Apa itu Blog ?


Blog termasuk dalam golongan Website tipe ketiga seperti yang di jelaskan di atas yaitu tipe Website Interaktif dimana pengguna atau pengunjung bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Blog juga merupakan situs yang sifatnya lebih menitik beratkan kepada penggambaran dari si pembuat blog itu sendiri menurut salah seorang webmaster/Blogger indonesia Kang Roman.
Menurut penulis sendiri bangunan media informasi ini terbentuk dari tiga bahan pokok (emangnya adonan kue?), maksudnya tiga unsur utama seperti halnya di ibaratkan saja manusia mempunyai tiga unsur yaitu nama, tubuh / wadah (body) yang merupakan tempat penyimpanan isi, dan ketiga adalah isi (jiwa,roh,sukma,tulang,dan juga isi perut. kwkh..).


Nah ketiga unsur Website itu adalah :


1. Domain : yaitu nama atau alamat website itu sendiri. ingat, Domain hanyalah sebuah nama dari Website, contoh: www.bikinsitusweb.co.cc, www.google.com, www.yahoo.com, www.facebook.com adalah nama / alamat sebuah website.


2. Webhosting : yaitu tempat penyimpanan domain itu sendiri serta content yang dipakai untuk membangun website itu. ibarat ada isi ada juga wadahnya. juga bisa kita ambil contoh bangunan tempat pedagang menyimpan barang dagangannya disebut ‘warung atau toko’,  tak akan disebut ‘warung’ jika barang daganganya di letakan berserak di atas tanah belakang halaman rumah di semak-semak ilalang, dia mesti ada tempat (bangunan) khusus untuk menletakan/menyimpan barang daganganya, entah tempat itu terbuat dari papan,triplex,atau beton, yang penting ada tempat penyimpanan.


seperti itulah ibaratnya webhostig adalah tempat penyimpanan domain dan file-file. webhosting ini lah yang akan meng-online-kan sebuah website sehingga bisa di akses oleh pengguna internet di seluruh dunia.


3. File CMS (Content System Management) : yang adalah isi, yaitu content yang di pakai untuk membangun website seperti menulis artikel dalam postingan web/blog seperti artikel yang sedang anda baca ini,  intinya CMS adalah Mesin Dari Sebuah Situs,  Blog Ini Menggunakan CMS WordPress. File-File CMS ini juga harus tersimpan di webhosting.


Shortcut buat Android Anda

Sistem operasi Android Mobile memiliki beberapa Shortcut keyboard untuk membantu anda menggunakan ponsel android tanpa melalui menu.
Beberapa kombinasi tombol cepat dapat memudahkan dalam mengoperasikan ponsel android anda.
1. Android Keyboard Shortcuts (Scrolling).
• Spasi : Page Down pada halaman web / melihat dokumen.
• Shift + Spasi : Page Up di halaman web / melihat dokumen.
2. Android Keyboard Shortcuts (Typing).
• Alt + Spasi : Memasukkan karakter khusus.
• Shift + Del : Hapus karakter di sebelah kanan kursor.
• Alt + Del : Menghapus seluruh baris.
• Shift + Shift (tekan dua kali) : Aktifkan caps-lock, tekan shift sekali lagi untuk keluar.
• Alt + Trackball-Kiri : Pindahkan kursor ke awal baris.
• Alt + Trackball-Kanan : Pindahkan kursor ke akhir baris.
• Alt + Trackball-Atas : Pindahkan kursor ke atas halaman.
• Alt + Trackball-Bawah : Pindahkan kursor ke bawah halaman.
• Shift + Trackball-Kiri/Kanan : Sorot teks untuk memotong atau menyalin.
• Menu + X : Cut teks (akan memotong teks semua di layar kecuali karakter khusus yang disorot).
• Menu + C : Menyalin teks ke clipboard (akan menyalin semua teks pada layar kecuali karakter khusus yang disorot).
• Menu + V : Paste teks dari clipboard.
• Menu + A : Memilih semua teks.
3. Android Keyboard Shortcuts (Browsing).

• Menu + I : Perbesar.
4. Android Keyboard Shortcuts (Gmail).
• F : Teruskan pesan.
• R : Membalas pesan.
• A : Balas-semua pesan.
• Y : Arsip pesan.
• Menu + U : Refresh inbox.
• Menu + C : Tulis e-mail baru.
• Enter : Buka e-mail (dari daftar kotak masuk utama).
• Alt + Trackball-Up : Langsung ke atas kotak masuk.
• Alt + Trackball-Down : Langsung ke bagian bawah kotak masuk.
5. Android Keyboard Shortcuts (Apps).
• Cari + B: Buka browser.
• Cari + C: Buka Kontak.
• Cari + E: Buka e-mail.
• Cari + G: Buka Gmail.
• Cari + I : Buka kalender.
• Cari + M : Buka Peta.
• Cari + P : Buka musik.
• Cari + S : Buka pesan teks.
• Cari + Y : Buka YouTube.

Greasemonkey Scripts Facebook

Facebook adalah jaringan sosial pilihan bagi jutaan orang, tetapi seperti setiap situs di dunia, kita semua memiliki daftar sendiri untuk melakukan perbaruan maupun perbaikan yang kita inginkan. Dengan script Greasemonkey memungkinkan Anda untuk mengubah warna, menghapus iklan, tugas yang berulang secara otomatis maupun perbaikan-perbaikan lainnya.

Perangkat tambahan agar gambar dan foto profil yang lebih besar, lebih mudah melihat album, link untuk men-download video, menunjukkan usia orang, kalender integrasi google, bookmark, shortcut keyboard & lainnya.

Sebuah script menarik yang menganalisa gambar default untuk setiap profil yang Anda kunjungi dan menyesuaikan skema warna halaman yang sesuai. Juga dapat digunakan pada foto, acara dan halaman grup.

Jika Anda membuka aplikasi Anda dalam tab terpisah, ini akan menggantikan favicon dengan yang digunakan oleh setiap aplikasi sehingga Anda dapat lebih cepat mengidentifikasi apa yang ada di masing-masing jendela.

Menghapus teman biasa nya dilakukan tiga langkah, script ini membuat menjadi ringkas menjadi hanya satu langkah mudah.
Memungkinkan Anda untuk menghapus iklan, sidebar atau yang lainnya untuk membuat versi yang lebih bagus.
6.(Facebook Colour Changer)

Memberikan pilihan untuk mengubah skema warna facebook untuk apa pun yang Anda inginkan menggunakan pemilih warna.

Script ini akan memungkinkan Anda untuk menggunakan ekstensi Firefox seperti DownThemAll! untuk men-download semua gambar pada halaman di Facebook.

Menambahkan link untuk men-download atau mengkonversi video dengan Zamzar.com, dan memberikan kode untuk embed video Anda di situs lain.

Block IP Address Dengan htaccess

Jika anda mempunyai website dan ingin mengeblok IP Address tertentu agar IP Address tersebut tidak bisa mengakses website anda, anda cukup membuat file dengan nama .htaccess yang di letakkan pada direktori utama website anda.
caranya adalah sebagai berikut :
1. Buat file dengan nama .htaccess dan isi file tersebut dengan salah satu script di bawah ini :
Untuk melakukan block pada satu IP Address
order allow,deny
deny from 127.0.0.1
allow from all
Untuk melakukan block Multiple IP Address
order allow,deny
deny from 127.0.0.1
deny from 127.0.0.2
deny from 127.0.0.3
allow from all
Untuk melakukan block pada range IP Address 127.0.0.0 sampai 127.0.0.255
deny from 127.0.0
Untuk melakukan block menurut hostname IP Address
deny from isp_name.com
*. Ganti contoh IP Address di atas dengan IP Address yang anda inginkan.

2. Setelah itu simpan dan letakkan pada direktori utama website anda.
Untuk mengembalikan seperti semula anda tinggal menghapus script tersebut atau menghapus file .htaccess anda.
Selesai :)

Shortcut untuk Opera Mini.

Opera Mini adalah penjelajah web yang dirancang khusus untuk ponsel, dan juga untuk PDA Phone dan Smartphone. Penjelajah Web ini menggunakan platform Java MIDP 2.0/ Java J2ME. Opera Mini adalah sebuah aplikasi yang gratis, didukung melalui kemitraan antara para pengembang, yaitu Opera Software, situs aplikasi gratis Gamejump, situs web Yahoo, dan Mesin Pencari Google.
Opera Mini terbaru mempunyai fitur yang tidak ada pada browser bawaan ponsel biasa yaitu mengupload file secara langsung. Opera Mini terkenal akan dengan kecepatan  browsingnya yang cukup cepat, biasanya lebih cepat daripada browser bawaan ponsel. Keunggulan lainnya dari Opera Mini adalah tarifnya yang relatif lebih murah dari browser bawaan milik ponsel ini dikarenakan Opera Mini dapat mengkompres suatu halaman sampai 90%.
Untuk saat ini opera mini yang terbaru adalah opera mini versi 5.
Berikut beberapa shortcut untuk mempermudah dan mempercepat akses ke berbagai fitur dalam Opera Mini.
Shortcut Opera Mini versi 5 :

#1 = Memasukkan alamat web
#2 = Pencarian dengan Google
#3 = Mencari kalimat dalam sebuah halaman
#4 = Menuju halaman depan Opera Mini ( Halaman speeddial)
#5 = Menuju bookmark maupun untuk menambah bookmark.
#6 = Web History
#7 = Menuju menu Download
#8 = Setting/Pengaturan
#9 = Menyimpan halaman dan membuka hasil simpanan halaman.
#0 = Reload Halaman
# # = Forward ke sebuah halaman
*1 = sampai dengan *9 adalah shortcut ke halaman web yang sudah disimpan di speeddial.
*# = Merubah tampilan menjadi landscape
** = Fullscreen
*↑ = Bintang dan tombol keypad/joystik keatas untuk membuat tab baru
*↓ = Bintang dan tombol keypad/joystik kebawah  untuk menutup tab
*← = Bintang dan tombol keypad/joystik kekiri untuk pindah tab kesebelah kiri
*→ = Bintang dan tombol keypad/joystik kekanan untuk pindah tab sebelah kanan.
Navigasi dengan tombol angka :
2 = Page Up
8 = Page Down
4 = Page Left
6 = Page Right
5 = Zoom

Shortcut Opera Mini versi 4 :
#1 = Memasukkan alamat web
#2 = Bookmarks
#3 = Go To Top / Bottom
#4 = Start Page (Halaman Awal Opera Mini)
#5 = Web History
#6 = Page Information
#7 = Add Bookmarks
#8 = Setting
#9 = Search Engine
#0 = Reload / Refresh
## = Forward
*# = Merubah Tampilan Layar
*# = Merubah Ukuran Window Opera
Navigasi dengan tombol angka :
2 = Page Up
8 = Page Down
4 = Page Left
6 = Page Right
*.Contoh penggunaan: #1 artinya tekan tanda pagar kemudian angka 1.

Menyimpan File Microsoft Excel Dengan Password

Microsoft Excel atau Microsoft Office Excel adalah sebuah program aplikasi lembar kerja spreadsheet yang dibuat dan didistribusikan oleh Microsoft Corporation untuk sistem operasi Microsoft Windows dan Mac OS.
Jika anda sering membuat dokumen dengan menggunakan Microsoft Excel dan tidak ingin dokumen tersebut dibuka oleh orang lain maka anda bisa memproteksi dokumen tersebut dengan menggunakan suatu password.
Untuk menyimpan file atau dokumen dengan diberi password dapat dilakukan dengan mengikuti langkah-langkah berikut :
1. Buka file excel anda yang akan di password.
2. Pilih menu file –> Save as, selanjutnya akan muncul kotak dialog Save As.
3. Klik tools –> General Options, sehingga muncul kotak dialog seperti di bawah ini.
Tutorial_Excel
4. Pilih dan klik Password to open lalu ketik name misalnya “berkat”, agar lembar kerja hanya dibuka bisa oleh yang mengetahui passwordnya. Klik password to modify, ketik password misalnya “berkat”, agar lembar kerja hanya bisa disunting atau dimodifikasi oleh yang mengetahui passwordnya. Lalu tekan OK
5. Setelah itu akan muncul kotak dialog. Ketik reenter password to proceed berkat (password). Langkah ini perlu untuk menghindari kesalahan ketik password. Klik OK.
Tutorial_Excel1
6. Ketik file name misalnya “File_Rahasia” lalu save.
7. Untuk menguji apakah sudah benar pemberian password, bukalah file File_Rahasia.xls
8. Kemudian akan tampil kotak dialog berikut, lalu isi dengan password yang anda masukkan tadi.
Tutorial_Excel2
9. Klik OK, jika password anda benar maka secara otomatis akan masuk ke file excel tersebut.

tips menulis artikel

Menulis artikel sebenarnya sangat gampang. Apalagi kalau hanya menulis artikel untuk diposting di blog. Sekali lagi Sangat gampang. Tapi seringkali saya melihat dan membaca keluhan beberapa blogger yang merasa kehabisan akal ( hilang akal dong ) atau kehabisan ide untuk menulis artikel. Atau untuk blogger pemula, mereka bilang menulis artikel itu sulit. Lain kalau blogger sudah kawakan. Menulis merupakan sebuah hobby. Sehingga tidak ada hari tanpa menulis. Tiada hari tanpa ide-ide cemerlang. Seperti momentum bulan ramadhan ini. Owww begitu banyak blogger yang memanfaatkan moment untuk menulis artikel tentang ramadhan dengan berbagai tema dan versi serta pengalaman. Rupanya bulan ramadhan sumber ide atau inspirasi yang luas bagi blogger termasuk untuk saya. Ramadhan penuh berkah begitu sangat dirasakan oleh blogger untuk menulis artikel artikel yang bermanfaat.
Apakah anda pernah kehabisan ide untuk menulis artikel blog anda? Atau tidak menemukan inspirasi ( ilham ) sebagai sumber tulisan anda? Bacalah posting saya semoga bisa membantu.
Membaca Buku

Bagi saya membaca buku adalah sumber inspirasi tanpa batas tanpa mengenal ruang dan waktu. Di manapun dan kapanpun bisa menjadi sumber inspirasi. Tak peduli apapun buku yang anda baca. Bahkan buku diary ketika anda masih duduk di bangku MTs / SLTP pun bisa menjadi ladang-ladang inspirasi yang sangat asyik. Tidak salah jika ada kata-kata berujar : Buku adalah Jendela Dunia. Memasuki, membuka dan membaca buku akan membuat pikiran anda menjadi luas seluas samudra. Tidak hanya itu, membaca buku bisa menjadi motivasi untuk memperkaya susunan bahasa anda. Dari sinilah sumber ide artikel itu digali. Apakah harus menghabiskan 10 buku hanya untuk menulis artikel blog? Ya nggak lah. Bahkan tidak harus membaca keseluruhan isi dari 1 buku yang anda baca. Baca saja yang paling menarik dan paling mudah dimengerti saja untuk anda. Buku adalah jendela dunia. Buku adalah sumber ide untuk menjelajahi dunia. Termasuk bagian dari membaca buku anda masukkan juga membaca surat kabar, majalah, tabloit, cerpen,. novel dan lain-lain.

Nonton Televisi
TV atau televisi adalah media informasi yang selalu up to date, aktual dan terkini. Banyak sekali informasi yang bisa anda serap dalam setiap harinya dari seluruh dunia. Tapi jangan asal nonton saja. Harus ada misi penting ketika anda menyaksikan acara-acara TV. Apa yang bisa anda tulis? Banyak sekali. Berita-berita di TV bisa menjadi sumber ide dan sumber inspirasi dalam menulis. Misalnya ketika menyaksikan berita tentang korupsi para pejabat, maka anda bisa menulis kritik atau masukan pada pemerintah berkenaan denga hal tersebut. Ketika anda mendengar berita tentang kelaparan yang terjasi di somalia, anda bisa menulis tentang kepekaan anda sebagai manusia. Bahkan bagi saya sinetron pun bisa menjadi sumber ide. Asal anda bisa menarik benang merah/kesimpulan dari peristiwa yang terjadi di dalam adegan sinetron itu sendiri.

Berkunjung ke Blog Teman
Berkunjung ke blog teman anda juga bisa menjadi sumber ide. Tentu saja anda harus membaca dengan tuntas artikel teman anda tersebut. Jangan hanya datang, duduk kemudian pulang. Datang, menjenguk kemudian tutup browser. Bacalah alinea per alinea yang tertulis di artikel. Seperti anda datang ke sini nich. Ini bisa menjadi inspirasi anda untuk juga menulis dengan tema yang sama dengan bahasa yang berbeda. Jadi jangan copas. Kurangi hawa nafsu untuk main copas di bulan puasa. He he he. Jadikan puasa ini sebagai motivator untuk lebih kreatif menulis sendiri artikel-artikel yang berkwalitas. Katanya sich Cipas Paste menunjukkan kelemahan anda. Tapi katanya ya. Kalau bisa jangan hanya berkunjung dan membaca artikel saja. Jangan lupa untuk memberikan komentar di blog teman tersebut. Rambut bisa sama hitam tapi isi kelapa… eh salah.. isi kepala ( pikiran )pasti tidak sama. Berikan komentar yang baik dan berika kritik yang membangun dengan cara berkomentar di blog teman anda. Jadi kunjungan anda ke blog teman bisa bermanfat ganda. Menjadi sumber inspirasi dan bisa saling bertukar pikiran.
Masih banyak sekali sumber ide yang bisa dijadikan inspirasi untuk menulis. Tidak ada ceritanya blogger kehabisan ide dan pikiran untuk menulis. Intinya adalah menggunakan semua panca indera untuk menyerap semua kejadian dan dijadikan sumber artikel. Yang didengar, dilihat, dirasakan bisa menjadi sumber informasi berharga dan menjadi sumber tulisan anda.

Keyboard Shortcuts buat Windows 7


Shortcuts keyboard adalah kombinasi dari dua atau lebih tombol, ketika ditekan, dapat digunakan untuk melakukan tugas yang biasanya akan memerlukan mouse atau perangkat penunjuk lainnya.
Shortcuts keyboard dapat membuat lebih mudah untuk berinteraksi dengan komputer Anda, menghemat waktu saat Anda bekerja dengan Windows dan program lainnya.
Shortcuts Keyboard untuk Windows Explorer :
Ctrl+N = Open a new window
Ctrl+W = Close the current window
Ctrl+Shift+N = Create a new folder
End = Display the bottom of the active window
Home = Display the top of the active window
F11 = Maximize or minimize the active window
Ctrl+Period (.) = Rotate a picture clockwise
Ctrl+Comma (,) = Rotate a picture counter-clockwise
Num Lock+Asterisk (*) on numeric keypad = Display all subfolders under the selected folder
Num Lock+Plus Sign (+) on numeric keypad = Display the contents of the selected folder
Num Lock+Minus Sign (-) on numeric keypad = Collapse the selected folder
Left Arrow = Collapse the current selection (if it’s expanded), or select the parent folder
Alt+Enter = Open the Properties dialog box for the selected item
Alt+P = Display the preview pane
Alt+Left Arrow = View the previous folder
Backspace = View the previous folder
Right Arrow = Display the current selection (if it’s collapsed), or select the first subfolder
Alt+Right Arrow = View the next folder
Alt+Up Arrow = View the parent folder
Ctrl+Shift+E = Display all folders above the selected folder
Ctrl+Mouse scroll wheel = Change the size and appearance of file and folder icons
Alt+D = Select the address bar
Ctrl+E = Select the search box
Ctrl+ = Select the search box

Shortcuts Keyboard Umum :
F1 = Display Help
Ctrl+C (or Ctrl+Insert) = Copy the selected item
Ctrl+X = Cut the selected item
Ctrl+V (or Shift+Insert) = Paste the selected item
Ctrl+Z = Undo an action
Ctrl+Y = Redo an action
Delete (or Ctrl+D) = Delete the selected item and move it to the Recycle Bin
Shift+Delete = Delete the selected item without moving it to the Recycle Bin first
F2 = Rename the selected item
Ctrl+Right Arrow = Move the cursor to the beginning of the next word
Ctrl+Left Arrow = Move the cursor to the beginning of the previous word
Ctrl+Down Arrow = Move the cursor to the beginning of the next paragraph
Ctrl+Up Arrow = Move the cursor to the beginning of the previous paragraph
Ctrl+Shift with an arrow key = Select a block of text
Shift with any arrow key = Select more than one item in a window or on the desktop, or select text within a document
Ctrl with any arrow key+Spacebar = Select multiple individual items in a window or on the desktop
Ctrl+A = Select all items in a document or window
F3 = Search for a file or folder
Alt+Enter = Display properties for the selected item
Alt+F4 = Close the active item, or exit the active program
Alt+Spacebar = Open the shortcut menu for the active window
Ctrl+F4 = Close the active document (in programs that allow you to have multiple documents open simultaneously)
Alt+Tab = Switch between open items
Ctrl+Alt+Tab = Use the arrow keys to switch between open items
Ctrl+Mouse scroll wheel = Change the size of icons on the desktop
Windows logo key Picture of Windows logo key +Tab = Cycle through programs on the taskbar by using Aero Flip 3-D
Ctrl+Windows logo key Picture of Windows logo key +Tab = Use the arrow keys to cycle through programs on the taskbar by using Aero Flip 3-D
Alt+Esc = Cycle through items in the order in which they were opened
F6 = Cycle through screen elements in a window or on the desktop
F4 = Display the address bar list in Windows Explorer
Shift+F10 = Display the shortcut menu for the selected item
Ctrl+Esc = Open the Start menu
Alt+underlined letter = Display the corresponding menu
Alt+underlined letter = Perform the menu command (or other underlined command)
F10 = Activate the menu bar in the active program
Right Arrow = Open the next menu to the right, or open a submenu
Left Arrow = Open the next menu to the left, or close a submenu
F5 (or Ctrl+R) = Refresh the active window
Alt+Up Arrow = View the folder one level up in Windows Explorer
Esc = Cancel the current task
Ctrl+Shift+Esc = Open Task Manager
Shift when you insert a CD = Prevent the CD from automatically playing
Left Alt+Shift = Switch the input language when multiple input languages are enabled
Ctrl+Shift = Switch the keyboard layout when multiple keyboard layouts are enabled
Right or Left Ctrl+Shift = Change the reading direction of text in right-to-left reading languages
Taskbar Shortcuts Keyboard :
Shift+Click on a taskbar button = Open a program or quickly open another instance of a program
Ctrl+Shift+Click on a taskbar button = Open a program as an administrator
Shift+Right-click on a taskbar button = Show the window menu for the program
Shift+Right-click on a grouped taskbar button = Show the window menu for the group
Ctrl+Click on a grouped taskbar button = Cycle through the windows of the group</

bermain Lampu Caps Lock, Num Lock dan Scroll Lock


Ternyata Lampu Caps Lock, Num Lock dan Scroll Lock bisa dibuat menjadi lampu kelap – kelip seperti lampu disko dengan menggunakan sedikit script VBS.
Caranya sebagai berikut :
1. Buka Notepad anda.
2. Copy dan Paste script dibawah ini kedalam notepad anda.


Set wshShell =wscript.CreateObject("WScript.Shell")
do
wscript.sleep 500
wshshell.sendkeys "{CAPSLOCK}"
wshshell.sendkeys "{NUMLOCK}"
wshshell.sendkeys "{SCROLLLOCK}"
loop


3. Setelah itu save dengan nama finderonly.vbs
4. Buka file finderonly.vbs tersebut dan lihat Lampu Caps Lock, Num Lock dan Scroll Lock di keyboard anda. Maka akan terlihat kelap – kelip seperti lampu disko.

Untuk mematikannya caranya sebagai berikut :
1. Buka Task Manager atau tekan CTRL + ALT + DEL secara bersamaan.
2. Masuk TAB Processes
3. Cari Proses yang bernama wscript.exe dan klik tombol End Process maka lampu keyboard anda akan kembali seperti semula.
Selamat Mencoba

tips membuat tombol next page pada blog

Yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut.
Artikel ini diperuntukkan buat blog-blog yang memang templatenya belum memiliki tombol next page, dan apabila template blog anda sudah memilikinya tombol next page ini, silahkan anda abaikan saja segera artikel ini namun anda jangan segera keluar dari blog saya ini dan anda saya perintahkan untuk segera mencari artikel-artikel lain yang ada pada blog Catatan Pena ini...oke...! ( galak amat ya...ini mah pemaksaan namanya bos...hehehehehe...).
Bila anda masih bingung juga seperti apakah tampilannya, silahkan anda lihat gambar seperti yang ada dibawah ini.

Bagaimana...sudah jelaskah gambarnya...? apabila sudah jelas, kini kita akan mulai ke cara pembuatannya. Silahkan ikuti panduannya ya...
  • Masuk ke akun blogger anda. ( ingat blog anda...bukan blog orang lain...! )
  • Pada  tampilan Dashboard klik Design kemudian klik Edit HTML
  • Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
  • Centang kotak kecil yang bertuliskan Expand Template Widged.
  • Silahkan anda cari kode ]]></b:skin>
  • Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
 
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

  • Kemudian cari kode </body>
  • Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

  • Dan terakhir silahkan Save Template anda.
Bagaimana mudah bukan...? silahkan anda mencobanya.

tips membuat tulisan berjalan

Asallamualaikum.wr.wb.........?
Hai sobat selamat pageeee?
kali ini saya berkesempatan brbagi-bagi tipS niehH...
  .aPa hayoo tebak.....?ea dah lah mbok pada penasaran??heheheheheh
Pertemuan ini saya akan mmbahas tips membuat tulisan berjalan di blog
pUmpunG ada waKtu ea Bwat iseng"
anu bngun tidur ga da kerjaan ea dah lah buka laptoppp!!!!
                                        Cukup lhae basa-basinYa capek taU nulis MEluuLoo???
   


cara membuatnya yaitu dengan cara menggunakan tag html <marquee>...</marquee> , jika masih bingung atau belum tahu maka langsung saja ke contoh pembuatannya.<

Tag <marquee> mempunyai beberapa attribut, yaitu:

bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks
direction="left/right/up/down" digunakan mmengatur arah gerakan teks
behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks
scroll digunakan agar teks bergerak berputar
slide digunakan agar teks bergerak sekali lalu berhenti
Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi
title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks
scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik
loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop
width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen......
1.Pergerakan Teks dari Kiri ke Kanan dan Berhenti
<marquee behavior="slide" direction="left">Tulis Teks Anda Di Sini</marquee>
sekedar contoh 
2.Pergerakan Teks dari Kiri ke Kanan Secara Terus Menerus

          <marquee behavior="scroll" direction="left">Tulis Teks Scrolling Di Sini</marquee>


contoh cuyy

3.Tulis Teks Bolak Balik Di Sini

         <marquee behavior="alternate">Tulis Teks Bolak Balik Di Sini</marquee>

 
cuma lg test ajah

4.Pergerakan Teks dari bawah ke atas

         <marquee  behavior="scroll" direction="up">Tulis Teks di sini</marquee>



tulis texs disini
5.Mengatur kecepatan pergerakan teks

<marquee behavior="scroll" direction="left" scrollamount="1"> speed rendah </marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">speed sedang </marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">speed tinggi </marquee>
speed rendah speed sedang speed tinggi 

 
6.Menggerakkan image

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>





smile 

 
7.Menggerakkan image dan teks 

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Contoh tulisan berjalan dengan image</p></marquee>

lucu eahhh
Akhir kata,assalamualaikum.wr.wb.
Saya ucapkan terimakasih telah berkunjung di blog kami. Jika masih ada pertanyaan seputar "Cara Membuat Tulisan Berjalan Di Blog" jangan sungkan atau malu bertanya. Karena memang benar kata pepatah berikut ini: "Malu Bertanya Maka Sesat Dijalan".