Kata atau kalimat yang berkedip-kedip

Anda bingung ya dengan judul postingannya,maksudnya sebuah kalimat atau kata ataupun Link yang berkedip-kedip seperti lampu,dapat kita lihat pada beberapa Blog yang menggunakan kata atau kalimat yang berkedip -kedip atau berkelap - kelip (sama aja ya), misalnya seperti ini,(melq - nge taC-tiC-toL Blog) dari pengalaman saya hal itu sangat disukai para Blogger.

Disamping itu ada beberapa yang mengirimkan E-mail dengan topik yang sama yaitu cara membuat kata berkelap-kelip,saat itu aku langsung mengirimkan E-mail balasan cara membuatnya, tapi mungkin banyak diluar sana para Blogger yang mempunyai masalah yang sama,untuk itu saya posting masalah ini.

Mungkin buat yang belum tau akan sedikit bingungya gimana cara membuatnya ,ternyata tanpa disadari membuatnya sangat mudah buaaanget.yang hanya menambahkan sedikit kode HTML saja di kalimat yang mau kita kelap-kelipkan.

Berikut langkah-langkahnya

1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Page Elements

4. Klik Add a Page Element

5. Klik ADD TO BLOG pada menu HTML

Lalu copy kan kode berikut

<blink>(Tulis disini kata atau kalimat yang ingin anda kelap-kelipkan)</blink>

Contohnya seperti ini

 Tulis disini kata atau kalimat yang ingin anda kelap-kelipkan



Note: Tulisan " Tulis disini kata atau kalimat yang ingin anda kelap-kelipkan " dapat gan gan ganti dengan tulisan gan sendiri ...
Gimana gampangkan gan

Oh ya, sekedar tambahan silakan baca artikel saya yang satu ini pasti gan gan tertarik tuk buatnya !!
¿¿¿ıuı ıʇɹǝdǝs nɐɯ ¡¡¡¡ ıuısıp ʞılʞ

selamat berkarya ^_^

Membuat Drop Cap(tulisan bergaya Koran)

Apakah anda tau dengan Drop cap,jika anda lihat di Microsoft Word,di MS Word ada sebuah fasilitas yang bisa digunakan untukmembuat huruf besar di awal kalimat,yaitu Drop cap.efek Drop cap dapat dijadikan sebagai salah satu alternatif agar postingan pada blog anda terlihat lebih menarik dan bergaya seperti majalah atau koran.seperti pada postingan ini huruf A diawal kalimat lebih besar dibandingkan huruf yang lainnya,lalu bagaimanajika kita ingin menerapkan hal serupa pada postingan di blog?apakah bisa dilakukan!tentu saja hal tersebut bisa dilakukan,lagi pula membuat Drop cap di blog juga cukup mudah yaitu dengan menambahkan Style CSS pada halaman Edit HTML .

Berikut langkah-langkahnya:


1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Tab Edit HTML

4. Pada kotak Edit HTML paste kan kode berikut persis di atas kode ]]></b:skin>
[ingat! setiap kali gan gan mau copas, copasnya pake CTRL C ya ^_^]

/* kode untuk hurup awal ----------------------------------------------- */ .awal { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }

6.jika anda ingin memakai/memasangkan drop cap pada postingan,maka diawal anda harus mengetikan: <span class="awal">hurup awal </span>Contohnya seperti ini:

<span class="awal">A</span> pakah anda tau dengan Drop cap,jika anda lihat di Microsoft Word,di MS Word ada sebuah fasilitas yang bisa digunakan untukmembuat huruf besar di awal kalimat,yaitu Drop cap.efek Drop cap dapat dijadikan sebagai salah satu alternatif agar postingan pada blog anda terlihat lebih menarik dan bergaya seperti majalah atau koran.seperti pada postingan ini huruf A diawal kalimat lebih besar dibandingkan huruf yang lainnya,lalu bagaimanajika kita ingin menerapkan hal serupa

Maka hasilnya akan seperti ini:

Apakah anda tau dengan Drop cap,jika anda lihat di Microsoft Word,di MS Word ada sebuah fasilitas yang bisa digunakan untukmembuat huruf besar di awal kalimat,yaitu Drop cap.efek Drop cap dapat dijadikan sebagai salah satu alternatif agar postingan pada blog anda terlihat lebih menarik dan bergaya seperti majalah atau koran.seperti pada postingan ini huruf A diawal kalimat lebih besar dibandingkan huruf yang lainnya,lalu bagaimanajika kita ingin menerapkan hal serupa

A=adalah huruf besar yang ditampilkan pada awal kalimat,ganti sesuai hurufnya.

Ok, Selamat Berkreasi!!!
^_^

Membuat Link ke Atas,Menuju Tengah,ke Bawah Dalam satu Halaman

Membuat Link ke Atas,Menuju Tengah,ke Bawah Dalam satu Halaman

Emang susah ya sob njelasin dari judul postingan kali ini,intinya,kali ini saya ingin sekali membagikan inpo masalah membuat link anchor satu halaman.
Seperti apa sih bentuk fisiknya,sobat bisa lihat di salah satu posting blog sahabat saya mas Arya di Ramadhan Bersama Prambors.

Tampilan atas:





Saat sobat klik anchor link 'testimonial' maka langsung tertuju seperti pada gambar berikut:

Dan saat sobat klik anchor link 'help' maka langsung tertuju seperti pada gambar berikut:

Jika sobat perhatikan,dari screenshot gambar diatas,jika postingan blog sahabat saya tersebut dibuka / dibaca menggunakan browser Mozilla misalnya,maka setiap kita mengklik salah satu link anchor tertuju,misal 'testimonial','about' atau 'help' (dalam gambar diatas) maka akan denga sendirinya menentukan link yang dituju.
Lebih jelasnya ya,sobat lihat di sini (coba gunakan browser mozilla ya).

Nah,gimana sob dah jelas ya tutorial apa yang ingin saya sampaikan malam hari ini :D

Langkah dan Cara Membuat Link Anchor Satu Halaman / Link Tombol Kembali ke Atas

Pertama,baca bismillah ya..
Selanjutnya,buatlah posting seperti berikt ini,untuk mengetahui triknya,sobat bisa copy paste aja dari beberapa barisan artikel berikut,da modifikasi sendiri ya :D

Pergilah ke posting dan pilihlah type edit htmlnya,lihat gambar dibawah ini:





Kemudian buatlah posting seperti ini (hanya contoh saja ya,INGAT,penulisan huruf kecil dan besar pada link anchornya sangat sensitiv ya gan pent-)

Mulai posting dari sini..
<a href="#about">About</a> | <a href="#help">Help</a> | <a href="#testimonial">Testimonial</a>
<a name="about"></a>
<h4>About</h4>

Kami adalah jasa membuat website dan blog dengan menawarkan harga paling rendah namun dengan hasil berkualitas tinggi.
Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.

Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

<a name="testimonial"></a>
<h4><strong>Testimonial</strong></h4>

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.

For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

<a name="help"></a>
<h4><strong>Help</strong></h4>

Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.
Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.
For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Akhir posting disini.

Nah,kemudian publikasikan.Selesai.

Hasilnya,kurang lebih akan seperti ini gan:

About

Kami adalah jasa membuat website dan blog dengan menawarkan harga paling rendah namun dengan hasil berkualitas tinggi.
Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.

Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Testimonial

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.

For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Help

Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.
Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.
For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Semoga berhasil ya sob,dan tunggu artikel selanjutnya yang tak kalah Hot!!
See you guys..

Cara Membuat Tombol untuk Menyembunyikan dan Menampilkan Text dan Gambar

Cara Membuat Tombol untuk Menyembunyikan dan Menampilkan Text dan Gambar

Sepertinya sobat sudah pada kenal yang namanya form button ya,pernah sebelumnya blog ini juga sharing bagaimana membuat form button dengan posisi berjejer alias horizontal.
Namun kali ini,TaC-tiC-toL bukan sharing bagaimana membuat link form button melainkan membuat form button untuk menyembunyikan dan menampilkan sebuah teks atau image(gambar),atau yang sudah agan tahu dengan istilah spoiler.

ga perlu berbasa basi lagi ... Langsung aja ke TKP !

Caranya,sobat tinggal masukkan kode dibawah ini pada postingan sobat ya :D

<div><input type="button" value="Lihat Gambar" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Gambar'; }"><br /></div><br /><div style="background: #ffffff; margin: 10px auto;<br />border: 0px solid #000;<br />padding: 5px;"><br /><div style="display: none;"><br /><img src="http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" alt="Cara Mudah dan Cepat Membuat Spoiler di Blogger" title="Cara Membuat Spoiler di Blogger." width="300" height="200"/><br /></div><br /></div>

Cari tulisan "http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" dengan tombol F3  dimana obyek akan ditampilkan atau disembunyikan,bisa sobat ganti berupa teks saja, alamat sebuah gambar maupun video kesukaan kamu,that's it :D

semoga bermanfaat ya ..
^_^

Membuat Teks Area(+Highlight)

Sobat semua pasti tau dengan Teks Area kan,masa hari gini ngak tahu ama teks area, ituloh kotak yang didalamnya berisi kode teks atau tulisan,biasanya teks area ini digunakan untuk menyimpan kode2 HTML agar bisa dicopy oleh para pengunjung yang biasanya digunakan untuk tukeran link dengan Blogger lainnya

Untuk lebih memudahkan Anda memahami apa itu Teks Area,silahkan anda perhatikan kotak di sebelah kanan bawah layar anda,ada kotak yang berisi kode-kode HTML nah itulah yang disebut kotak Teks Area.

Untuk membuat Teks Area sangat mudah,silahkan anda copy kode dibawah ini
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
contohnya seperti ini

<a href="http://blogkomputers.blogspot.com"><img border="0" width="90" src="http://i388.photobucket.com/albums/oo322/arif_bucket/blogkomputers-1.jpg" height="17" /></a>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Teks Area yang memakai Tombol Highlight

Selain cara diatas ada Variasi lain untuk membuat Teks Area yaitu Teks Area yang menggunakan tombol Highlight.tombol Highlight ini mempunyai peran tertentu,yaitu dengan adanya Tombol Highlight akan memudahkan pengunjung untuk mengcopy kode-kode yang diberikan,Fasilitas ini sangat berguna apabila kode yang diberikan jumlahnya banyak,dan dengan cara ini akan mengurangi resiko adanya kode yang tertinggal,karna dengan sekali tekan saja semua kode yang didalamnya akan di Highlight dan tinggal mengcopy saja, Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, tulisan ini akan muncul dalam kotak Highlight dan siap di copy oleh para pengunjung</textarea></p></div></form>

Contohnya sebagai berikut:

<script style="text/javascript" src="http://amen24.googlepages.com/showrecentcomments.js "><br /></script><script style="text/javascript">var numcomments = 8;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://melq-nge.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><br />

Ohya kode yang dimunculkan dalam kotak Highlight diatas adalah kode unyuk membuat Recents Coment,pada tulisan http://melq-nge.blogspot.com/ isi dengan alamat blog sobat.

POSTING BLOG TAMPIL DENGAN BORDER MELENGKUNG

Setelah tutorial menampilkan postingan dalam bentuk kotak , sekarang anda dapat menampilkan border post dalam bentuk kotak yang sudutnya melengkung. Sebagai contoh, coba anda perhatikan border post EPG Studio yang telah diatur sehingga tampilannya berupa kotak melengkung pada keempat sudutnya.
Caranya, anda hanya perlu menambahkan sedikit kode pada bagian post, maka blog andapun akan tampil dengan border melengkung.
Ikuti langkah=langkah dibawah ini :

1. Masuk ke Blogger.
2. Pilih Rancangan kemudian pilih Edit HTML.
3. Cari kode seperti dibawah ini :
   
   post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em


4. Copy kode dibawah ini, dan paste tepat dibawahnya
   
   
   • Untuk tampilan border melengkung pada seluruh (4) sudut :
     
     
     -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px
   
   
   
   • Untuk tampilan border melengkung pada 2 sudut bagian atas :
     
     
     
     -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
   
   
   
   
   • Untuk tampilan border melengkung pada 1 sudut bagian kiri atas :
     
     
     -moz-border-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-khtml-border-radius-topleft: 10px;
border-top-left-radius: 10px
   
   
   
   • Untuk tampilan border melengkung pada 2 sudut bagian bawah :
     
     
     -moz-border-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
   
   
   • Border melengkung pada bagian atas kiri dan kanan bawah
     
     
     -moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;



5. Setelah selesai menambahkan kode border diatas, klik tombol Simpan Template.
6. Lihat perubahan blog anda sekarang.

Trik diatas dapat juga anda gunakan pada bagian blog yang lain, misalnya sidebar, komentar pengunjung atau bagian apa saja yang penting anda memahami dan mengetahui kode HTML bagian-bagian tersebut.
Selamat mencoba, semoga bermanfaat...!!!

Read more: http://epg-studio.blogspot.com/2010/07/posting-blog-tampil-dengan-border.html#ixzz1f5czUFaA

Text Effects Marquee Alpha

Langsung aja nih Contoh demonya..



Contoh isi dari text yang harus kamu ganti,Apakah Anda pernah secara tidak sengaja menghapus file Anda, kemudian sudah meng-empty recycle bin? Atau Anda telah mem-format hard disk tapi ingin data Anda kembali? Atau data hilang / rusak karena virus? Atau karena komputer mati atau restart tiba-tiba? Ada cara untuk mengembalikan data yang hilang, yaitu dengan satu software yang sangat lengkap, yaitu Ontrack EasyRecovery Professional. Inilah cara-cara mengembalikan data Anda yang hilang .
Pertama Anda harus download dulu software tersebut, silakan klik di sini untuk download software Ontrack Easy Recovery Professional. Software ini menyediakan sebuah solusi yang sangat komplit sehubungan dengan data yang hilang atau urusan recovery data yang hilang karena.


Gimana..??
Lumayan bukan..!!!
Pertama-tama sign in di blogger Lalu,melq cari Dasbord --> Element Laman --> Tambah Gadget --> HTML/JavaScript
copy semua code di bawah ini dengan menekan CTRL C dan Paste-kan di HTML/JavaScript

<marquee direction="down" scrollamount="5" scrolldelay="0" style="filter: Alpha(Opacity=100, FinishOpacity=5, Style=1, StartX=0, StartY=45, FinishX=0, FinishY=0); font-weight: bold; height: 250px; overflow: hidden; text-align: center; width: 155px;">

Isi dengan postingan/text yang melq mau.
</marquee>

Untuk "Down" adalah untuk arah gerakan ke bawah bila melq ingin arah ke atas ganti aja dengan "Up" dan untuk angka 5 adalah pergerakan atau kecepatan,dan yang terakhir adalah angka 250px untuk ukuran tinggi dan 155px untuk ukuran lebar,UpsSS hampir lupa yg jelas berwarna Merah adalah isi dari postingan melq..Ok sekian dulu Tips-Trik dari saya,saya udah capek nih..
Dan settingan yang lainnya silahkan melq pikir sendiri hehehe


Original from http://joesetapart.blogspot.com/2011/06/text-effects-marquee-alpha.html#ixzz1f5YwEfUL
Created design by : Blog Acak-Acakan
Under Creative Commons License: Attribution Non-Commercial

Cara Membuat Kotak Scrollbar Di Dalam Postingan Blog

Cara membuat scrollbar didalam posting ada berbagai macam caranya

diantaranya sebagai berikut :

cara 1.      <div  style=”overflow: auto;background-color:#C7DFB5; margin: 0px auto;  padding: 5px; height: 

                  200px;width: 94%;text-align: left;”>HTML, URL, TEXT, SCRIPT DSB </div>                         

 

<p align="center"><textarea name="code" rows="5" cols="40">Tulis text ataupun kode html yang anda inginkan</textarea></p>