Membuat Read More Di Blogger

.fullpost{display:none;}
Sering banget kan, kita melihat Read More.... atau Baca Selengkapnya.... pada artikel / postingan.di blog-blog atau Koran-Koran yang sering kita baca setiah harinya. Read More atau baca selengkapnya dimaksudkan untuk menyingkat halaman atau agar halaman utama blog kita tidak telalu panjang dan loadingnya juga biar ngak terlalu lama.

Bagi temen-temen yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikelnya, namun jika nanti artikel Anda sudah banyak, baru deh. Butuh untuk membuat read more/baca selengkapnya seperti pada blog ....

Karena menu ini sangat praktis dan memberi kesan rapi pada blog kita. Nah Bagi pengguna Wordpress, “Read more” tidak menjadi masalah karena sudah ada fiturnya alias sudah ada tag yang disediakan di editor wordpress untuk dipakai secara langsung. Tapi bagi pengguna Blogger, karena tidak ada fitur yang tersedia, makanya butuh sedikit Modifikasi di bagian template bloggernya.

Cara membuatnya Gimana ? Blogger sendiri telah menyediakan tutorialnya “How can I create expandable post summaries?” tapi bahasa Inggris untuk orang Indonesia agak susah, he.he.he.. ada beberapa cara untuk membuat read more ada yang panjang, susah lagi buatnya, dan ada juga yang mudah, simple. hasilnya juga sama kok. jadi seperti biasa kita cari yang mudah dan simple aja.. oke.

Untuk membuatnya Coba temen-temen mengikuti langkah-langkah berikut ini :

1. Seperti biasa login, pilih Layout (tata letak) kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template".

3. Cari kode berikut di Template blog kamu :

4. Kalau sudah ketemu>, Replace(Ganti) kode tersebut menjadi seperti ini :

Read More......

Tulisan "Read More....." itu bisa kamu ubah semaumu, misalnya jadi “Selengkapnya” atau "Baca Selengkapnya" terserah selera aja.

5. Tekan simpan template.

6. Kemudian pilih menu Setting / pengaturan lalu pilih Formatting

7. Pada kotak Template Posting isikan kode berikut:

8. Kemudian Simpan.

9. Ketika memposting artikel baru, pilih EDIT HTML. Maka secara ostosmastis akan tampak kode di atas.

10. Supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen muculin tulisan menjadi Read More.. yakni ketik (span class="fullpost") isinya berupa sisa postingan sampai selesai (/span).

Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting. Temen-temen juga bisa download filenya disini.

Ini misalkan awal berita atau artikel atau posingan yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. (span class="fullpost") Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat pembaca meng klik link baca selengkapnya atau link read more..ditutup dengan ketikan(/span)

Ini misalkan awal berita atau artikel atau posingan yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat pembaca meng klik link baca selengkapnya atau link read more..ditutup dengan ketikanBaca Selengkapnya......

HAVE a TRY

date_replace('10.02.2008');

Kartu Ucapan Hari Raya Idul Fitri
.fullpost{display:inline;}
Rasanya kurang seru jika di Hari Raya kita tidak mengirim kartu ucapan. bisa dibilang kartu ucapan mewakili kita untuk memohon maaf kepada orang yang tidak bisa langsung kita jumpai di hari raya ini. Dulu mungkin kita masih sering mendapati kartu ucapan Idul Fitri di kotak surat. Namun, sekarang teramat jarang Jadinya Pak Pos sekarang udah berkurang kerjanya. Treandnya sekarang yakni dengan Mengirim sandek (pesan pendek - SMS),MMS, bertukar pesan email, ngasih command di friendster dll.Mungkin ada kerinduan bagi sebagian dari kita untuk mengirim atau menerima surat ucapan idul fitri.

Tentu dengan kartu bergambar ketupat, masjid atau pun beberapa orang memakai sajadah. Dan membubuhkan tulisan tangan yang terasa personal beserta tambahan salam tulus yang menghangatkan hati.Kartu Ucapan Sekarang Gratis. so mari mulai mengirimi kartu ucapan Lebaran orang-orang yang kita kenal, baik itu sanak keluarga atau temen-teman terdekat kita.Caranya Mudah kok tinggal copy dan paste coding dibawah ini :
Get Hari Raya Graphics Here

Get Hari Raya Graphics Here
Get Hari Raya Graphics Here

Get Hari Raya Graphics Here

Get Hari Raya Graphics Here

Get Hari Raya Graphics Here

Get Hari Raya Graphics Here

Get Hari Raya Graphics Here

Membuat Efek Salju Pada Blogger

Para blogger sekarang sudah banyak yang menggunakan Efek salju untuk memperindah halaman blog mereka. Bisa di katakan Efek salju merupakan salah satu efek yang sangat populer di web untuk memperindah halaman. Halaman web kita akan nampak seolah-olah dihujani oleh salju yang turun dari atas ke bawah. Anda dapat melihat tampilannya pada halaman ini. Efek salju ini dibuat dengan memanfaatkan javascript menggunakan tag DIV tanpa menggunakan gambar (images) sehingga hasilnya akan lebih ringan dan cepat.


Untuk membuat efek salju ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..to…!. Biar pemula juga mudah mencoba tips ini. Langkah-langkahnya sebagai berikut:

1. Sign in di Blogger

2. Kemudian pilih layout ( Tata letak )

3. Tambahkan Elemen HTML / Javascript atau pakai yang sudah ada juga ngak apa2.

4. Copy kode scipt dibawah ini :





5. Paste coding di atas ke Elemen HTML / Javascript yang tadi kemudian di Save (simpan). Setelah itu tinggal kita lihat perubahannya.

Gimana mudah kan. Kamu juga bisa download file tutorial blog ini di sini. Semoga Bisa membantu anda. Selamat Mencoba.

Membuat Menu Dropdown

.fullpost{display:inline;}
Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini: - Archives - January 2007 February 2007 Mart 2007 April 2007 Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita. Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :
Login ke blogger.com dg id Anda
Klik Template
Di bagian sidebar blog Anda bagian archives, ada kode html sbb:&
<$BlogArchiveName$>

Nah, ganti kode di atas dg kode html di bawah ini: onchange="document.location.href=this.options[this.selectedIndex].value;">
- Archives -

"><$BlogArchiveName$>


Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
Selesai.Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :
login dulu, tentunya dengan id anda
klik LAYOUT
Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
Klik Edit pada kotak Blog Archive tadi
Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
Klik Save Changes
SelesaiNah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

tulisan disini yang akan muncul duluan tulisan di sini yang akan muncul

Sebagai contoh untuk menu Dropdown milik saya :

- Blog Tutorial -Membuat Blog setting Blog Memilih Template warna & hurup Posting Artikel Read more (1) Text area Blogger Emoticons Yahoo!Emoticons Download Gratis

Hasilnya akan seperti ini :
- Blog Tutorial - Membuat Blog setting Blog Memilih Template warna & hurup Posting Artikel Read more (1) Text area Blogger Emoticons Yahoo!Emoticons Download GratisMudah bukan? Selamat mencoba ! Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini .Ingin pintar membuat Website sendiri, klik di sini.

Membuat efek Marquee

.fullpost{display:inline;}
Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog. Marquee ini bisa di buat dengan menggunakan tag .... Atribut yang sering di gunakan adalah : BGCOLOR="warna" -->

Untuk mengatur warna background (latar belakang) teks DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan Scroll --> teks bergerak berputarSlide--> teks bergerak sekali lalu berhentiAlternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo) TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik LOOP="angka-1infinite" --> Mengatur jumlah loop WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen Agar lebih jelas akan saya sertakan contohnya : Contoh marquee dari gerakan : marquee dari kanan ke kiri hasilnya :
marquee dari kanan ke kiri ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down . Contoh marquee dari perilaku gerakan : marquee menurut perilaku

Marquee menurut perilakuContoh marquee dengan variasi hurup dan warna latar belakang :

hasilnya :
marquee dengan variasi hurupAda variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee. Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini : silahkan tunjuk ke sini hasilnya :
silahkan tunjuk ke siniContoh marquee yang di dalam nya terdapat link : Rubrik Elektronik
Electronic Rubric
Kolom iklan
hasilnya :
Free Template Kolom iklan Kang Rohman Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini. Selamat ber eksperimen Ingin pintar dalam bahasa HTML, silahkan download ebook nya di siniIngin pintar membuat website sendiri, silahkan klik di sini

Membuat Text Area

.fullpost{display:inline;}
Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat text area, silahkan anda Copy kode di bawah ini :

</span></div><div align="justify"><span style="font-family:times new roman;">T</span><span style="font-family:times new roman;">ulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

Sebagai contoh :

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. Text Area dengan memakai HighLight Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy.

Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

</strong></div><div align="left">Simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area. Elemen tombol highlight All :

--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.
Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.Element text area :

--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"
HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.

Panduan membuat Blog di Blogspot

.fullpost{display:inline;}
Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ? Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri. Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :
>Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
>Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
>Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
>Tuliskan password yang anda inginkan pada form Masukkan sebuah password
>Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
>Isi Nama Tampilan dengan nama yang ingin anda tampilkan
>Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
>Klik gambar anak panah yang bertuliskan "LANJUTKAN"
>Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
>Tulis nama situs anda pada form Alamat Blog (URL)
>Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
>Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
>Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". >Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING". 3. Isi ( Content ) blog : Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda. (bersambung)