Cara membuat read more pada blog

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:
Buka Template --> Edit HTML -->Berikan tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap" ntar kalo ada kesalahan, huhehe

Langkah Ketiga:

Cari kode dibawah ini:
<div class='post-header-line-1'/>
<div class='post-body'>

Tips :
Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini
<div class='post-header-line-1'/>
kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)
Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


Kemudian dibawah kode diatas kita akan menemukan kode:
<p><data:post.body/></p>
Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore »»</a></b:if>


Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")
Kode selengkapnya jika dilihat akan tampak sebagai berikut:
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)
Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.
Langkah Empat
Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan--> Format--> dan cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">
</div>

Jangan lupa disimpan :)

Langkah Kelima :
Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:


<div class="fullpost">
</div>
ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya. Dan cara memposting adalah:
POSTINGAN AWAL

<div class="fullpost">
POSTINGAN SELANJUTNYA
</div>

Alamat game gratis untuk pc

Game PC memang sangat menghibur, saya sendiri kalau main bisa lupa waktu. Dulu-dulu kalau beli game pc biasanya harus ke glodok dan mangga dua, tapi semenjak dirumah ada internet saya tinggal googling dan cari situs-situs yang nyediain download gratis game pc.
Nah selama berpetualang nyari situs penyedia download gratis game pc, saya menemukan banyak sekali situs. Dan ini hanya sebagain kecil situs untuk download gratis game pc:
http://www.share-games.com/
www.gametop.com/
http://www.funpcgame.com/
http://www.top100gamesites.com/
http://www.divogames.com/
http://www.spawnpoint.com/
http://www.terragame.com/
http://www.download.com/Games/
http://www.astatix.com/
http://www.freegamepick.com/en/
http://www.bigantgames.com/
http://www.gamespot.com/downloads/index.html
http://www.funny-games.biz/full-games/
http://www.download-free-games.com/
http://www.cimaxgames.com/
http://www.gonzagames.com/
http://www.yupgames.com/
http://game-fresh.blogspot.com/
http://freepcgamez.blogspot.com/
http://compressedgamez.blogspot.com/
Oke deh cukup daftar situs download game pc gratis,  jika masih kurang silahkan Googling. Semoga bermanfaat & sampe jumpa di posting berikutnya.

Tips agar blog kita banyak dikunjungi

Kita membuat blog mungkin bertujuan untuk menuliskan suatu ide-ide (berita terhangat) untuk bisa dibaca oleh orang lain. Tetapi apalah artinya jika kita membuat blog tetapi tidak ada alias sepi pengunjung (pembaca). Disini saya mencoba menuliskan 9 tips agar blog ramai dikunjungi:

1.  Bersikap sabar.

Mendatangkan pembaca memang perlu waktu, jadi kunci yang utama bersabar tetap berusaha dan jangan menyerah membuat posting terbaru.

2. Membuat Konten yang berkualitas

Pada saat ini sudah ada jutaan blog di dunia maya yang menjadi pesaing anda. jadi buatlah sesuatu yang unik dan bermanfaat untuk dibaca guna memancing perhatian pengunjung.

3. Buat link ke Blog lain

Ternyata selain membuat konten original yang tentu saja bukan hasil COPAS (copy paste), melink blog lain juga bisa membuat sarana untuk menarik perhatian blogger yang lainnya. Tetapi jangan sembarangan memilih link ke semua blog, tetapi pilihlah yang memiliki konten yang benar-benar berkualitas.

4. Memberikan komentar diblog  lain

Berikan komentar sesuai dengan posting dan jangan menyimpang dari topik yang dibahas. Sering-seringlah berkomentar diblog yang dofollow karena setiap kita berkomentar akan mendapatkan satu backlink yang menuju ke blog kita.

5. Update secara teratur

Meskipun kita membuat posting yang berkualitas dan menarik tetapi apabila kita jarang mengupdate secara berkala akan membuat pengunjung enggan untuk kembali ke blog kita, Dengan update secara teratur akan membuat bot mesin pencari mendatangi blog kita secara teratur dan lebih sering.

6. Daftarkan ke blog search engine

Ternyata mendaftarkan blog kita ke situs seperti technorati, akan memudahkan pengunjung untuk melakukan pencarian melalui kata kunci atau topik.

7. Kirim tulisan ke situs sosial bookmark

Dengan mengirim tulisan kita ke sosial bookmark seperti digg.com atau lintas berita, akan mempercepat datangnya pengunjung ke blog kita

8. Buatlah Judul yang Bombastis

Judul posting ternyata sangat berpengaruh terhadap kunjungan pembaca. Dengan membuat judul yang bombastis akan membuat pengunjung tertarik untuk membaca dan berkomentar.

9. Jadi diri sendiri

Mungkin ada ratusan atau bahkan jutaan tips dan trik seputar cara mendatangkan pengunjung. Namun yang perlu diingat buatlah tips dan trik yang merupakan hasil dari pengalaman. Jangan ragu untuk bereksperimen terutama gaya menulis dan topic yang akan ditulis.

Jumlah pengunjung bukan SEGALANYA!! Yang paling penting dalam blogging adalah mengembangkan kualitas persahabatan dan jaringan, serta berbagi ide kepada orang lain.

Semua tulisan diatas adalah hasil eksperimen. Jadi mohon koreksi dari para blogger senior demi kemajuan kita bersama. Jangan lupa sarannya ditunggu loooh…

Menngganti icon blog

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

lalu dibarengi dengan alamat blognya.

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

• http://www.favicongenerator.com atau
• http://www.favicon.co.uk
  Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64) atau
• http://favicon-generator.org
  atau
• http://www.favicon.cc
  Anda dapat membuat favicon sendiri sesuai kreasi Anda

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Ganti huruf yang berwarna Hijau dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

1. Login ke picasa dengan account google di http://picasaweb.google.com
2. Tekan tombol I accept.
3. Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
6. Tekan tombol browse dan arahkan pada file yang akan anda upload
7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
9. Klik kanan gambar tersebut dan pilih properties.
10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
13. Lakukan hal yang sama untuk gambar2 yang lain

atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif

Selamat Mencoba . . . !!!!!

Membuat fasilitas chat diblog

Selain buku tamu seperti shoutmix dan cbox kita bisa membuat widget live chat yang lebih menarik untuk blog kita. Banyak sekali model livechat untuk blog. Saya akan memberikan beberapa saja dan sobat bisa mencobanya sendiri.

1. Olark

Widget chat ini setelah terinstal akan otomatis terpasang di bagian kanan. Anda bisa menggunakan akun apa saja, misal gmail, ymail atau apa saja untuk mendaftaranya. Hebatnya widget akan langsung berhubungan dengan email Anda.

- Langsung saja ke alamat berikut http://www.olark.com/portal/?rid=habla
- Tulis saja alamat blog Anda danklik Preview
- Pilih jenis tampilan, klik Next
- Pilih akun yang kan digunakan, isikan user dan password, klik Next
- Klik Next dan akan muncul kode yang bisa kamu masukkan di gadget html kamu, terserah di tambahkan dimaa, karena otomatis akan tampil di bagian kanan bawah.

2. Jabbify

Sangat simpel dan bermanfaat banget.
- Kamu bisa langsung menuju ke https://jabbify.com/
- Klik Sign Up for Jabbify
- Setelah mendaftar cek email dan klik link aktivasi
- Kemudian pilih blogger (bagi Anda pegguna blogger.com, bagi pengguna lain sesuaikan)
- Masukkan kodenya yang telah didapatkan.
- Lalu bukalah blog Anda, maka jabbify belum bekerja, daftarkan blog Anda dengan cara sign in jabbify dari blog Anda agar bisa normal digunakan.

3. Geesee

Sangat simpel, kamu bisa membuat komunitas kamu sendiri disini.
- Menuju ke http://www.geesee.com
- Klik Free Sign Upp
- Isi Form Pendaftaran
- Jika sudah jadi akan ada perintah cek email, buka inbox anda dan klik link konfirmasi
- Lakukan pengaturan model, lebar dan tinggi
- Untuk mendapatkan kodenya klik Embed Chat dan bisa diletakkan di gadget html kamu
- Untuk hanya mengambil tombol yang akan diletakkan di blog dan begitu di klik terbuka halaman komunitas chat mu, klik Chat Buttons
- Untuk setting halaman chatmu klik Edit

Nah, masih banyak banget sebenarnya fasilitas chat. Semoga bermanfaat dan meningkatkan komunikasi dengan pembaca.

Membuat efek roll pada blog

satu tips buwat blogger yang gemar menghias blognya,

1. login ter lebih dahulu ke blogger
2. kemudian masuk ke menu tata letak ==>> edit HTML
3. cari kode <head> dengan key ctrl + f
4. lalu copy kode dibawah ini tepat diatas kode <head>

<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

5.setelah itu save hasil kerjaan kita dan lihat hasilnya.

selamat mencoba.. ^_^

Free templete

 Free Blog templete for you

lebih dari 30 templete

click in here

Menambah menu tepat diatas postingan

Postingan tentang menambah menu horisontal di blog sudah banyak di posting oleh para blogger, khusunya blognya Kang Rohman, di sana banyak tips yang sangat bermanfaat untuk mempercantik blog. Setiap ada rekan atau teman kuliah yang ingin mempercantik dan memperindah blog saya selalu sarankan untuk mencarinya di blog Kolom Tutorial, tapi emang dasar teman yang kadang emang merepotkan :) tapi itulah temantetap saja maksa agar saya juga harus posting tentang bagaimana menambah Menu di blog, khusunya menambah menu tepat di atas kolom postingan. Tujuan saya menempatkan Menu tepat di atas kolom postingan agar kita tidak terlalu banyak mengubah code html dari template yang sudah ada, ya itung-itung dipersingkat gitoe...

Oke kita mulai saja dengan membuat menu...
Sebelum membuat menu, buatkan dua buah gambar untuk nantinya digunakan sebagai tampilan pada menu, jadi buatlah seindah mungkin dan sesuai dengan warna utama dari blog anda agar tidak terlalu berbeda jauh dari warna blog anda.
Sebagai contoh lihat gambar berikut :

menukiri.gif menukanan.gif

Contoh dari gambar di atas bisa anda lihat hasilnya di sini.
Setelah anda memiliki kedua gambar tersebut, langkah selanjutnya adalah menempatkan kedua gambar tersebut ke website yang menyediakan layanan upload gmbar, sebagai contoh saya menggunakan googlepages, upload kedua gambar tersebut ke google pages dan catat alamat url nya agar nantinya digunakan dalam pembuatan menu.

Langkah berikut adalah login ke blogger dengan akun anda kemudian klik layout atau tata letak dan klik edit html.
cari kode brikut : ]]></b:skin>

Bila sudah ketemu kode di atas, maka copy kode berikut ini dan pastekan tepat di atas kode tersebut setelah itu simpan template anda. Ingat !, gantikan alamat url yang ada dengan alamat url gambar yang sudah anda simpan di google pages atau web lainnya.

/* menambah menu tepat di atas blog */ #tabsMenu {float:left; width:100%; background:transparent; font-size:15px; line-height:normal; border-bottom:1px solid #666;} #tabsMenu ul { margin:0; padding:10px 10px 0 50px; list-style:none;} #tabsMenu li { display:inline; margin:0; padding:0;} #tabsMenu a { float:left; background:url("http://hendrypiran.googlepages.com/menukiri.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;} #tabsMenu a span { float:left; display:block; background:url("http://hendrypiran.googlepages.com/menukanan.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#0000cc;} /* warna teks pada menu */ /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsMenu a span {float:none;} /* End IE5-Mac hack */ #tabsMenu a:hover span { color:#999900;} /* warna teks menu saat mouse tepat pada teks */ #tabsMenu a:hover { background-position:0% -42px;} #tabsMenu a:hover span { background-position:100% -42px;} #tabsMenu #current a { background-position:0% -42px;} #tabsMenu #current a span { background-position:100% -42px;} /* akhir menu di blog */


Langkah pertama kita dalam membuat Menu sudah berakhir, tapi ingat masih ada satu langkah lagi untuk menentukan letak menu tersebut di tampilkan, dalam hal ini tepat di atas kolom postingan seperti contoh di sini.

Klik Layout dan tambahkan komponen html/javascript kemudian copy dan pastekan code brikut ini. Ingat !, gantikan linknya ke link blog anda.

<div id="tabsMenu"> <!-- awal tabsMenu --> <ul> <!-- gantikan link dengan link blog anda --><li id="http://klikganda.blogspot.com"><a href="#"><span>Halaman Muka</span></a></li><li><a href="#"><span>Produk</span></a></li><li><a href="#"><span>Buku Tamu</span></a></li></ul></div><!-- akhir tabsMenu -->


Langkah kedua sudah berakhir dan coba dipreview atau pratinjau blog anda.

Kedua langkah di atas adalah untuk membuat atau menambah menu tepat di atas kolom posting, apabila anda ingin menambah menu tepat di bawah judul blog maka anda harus mengubah beberapa code berikut.
Klik edit html, kemudian cari kode seperti berikut :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>

setelah ditemukan ganti kode tersebut dengan kode di bawah ini atau ganti huruf yang berwarna merah di atas dengan huruf berwarna kuning di bawah ini

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>

langkah selanjutnya lakukan seperti menambah komponen di atas kolom posting tadi, bedanya sekarang komponen yang kita tambahkan tersebut harus ditempatkan tepat di bawah header blog.

Mengganti icon blog dengan foto

Logo blogger yang sudah tidak asing lagi di mata para pengguna internet karena begitu khas dengan lambang huruf B dan juga begitu banyak pengguna internet yang membuat blog gratisnya menggunakan blogspot sehingga logo blogger/blogspot selalu terlihat sepeti :

Artikel ini saya posting atas permintaan sobat kita yang bernama Salim yang menanyakan tentang cara mengubah icon bloggger (favicon). Blog sobat kita Salim bisa dilihat di http://salimhimafi.blogspot.com.Selain membantu saudara Salim juga bermanfaat bagi sobat-sobat blogger pemula yang ingin mengganti logo blogger dengan logo buatannya sendiri.

Logo seperti di atas sering terlihat di address bar pada sebuah blog yang menggunakan icon blogger standar, namun logo tersebut dapat diganti dengan gambar yang lain seperti pada blog Belajar Ilmu Komputer ini yang sudah saya ganti dengan pas foto saya sendiri seperti berikut :

Tidak sulit untuk mengganti sebuah logo blog seperti di atas menjadi gambar atau foto anda sendiri, caranya mari kita lihat bersama.

Sebelum memulai masuk ke blogger kita harus persiapkan sebuah gambar yang  hendak dijadikan logo pengganti logo blogger dan mengubahnya menjadi sebuah icon.

Gambar tersebut tidak langsung dapat digunakan sebagai logo yang tampil pada address bar karena logo yang tampil pada address bar harus diubah dulu agar ukurannya tidak terlalu besar dan berbentuk sebuah icon dengan format file : *.ico.

Untuk mengubah file gambar tersebut  menjadi sebuah icon, kita bisa memanfaatkan situs penyedia layanan pembuatan icon gratis seperti di sini.

Setelah membuat sebuah file icon, langkah berikutnya adalah menyimpan file icon tersebut di google pages atau bisa juga menyimpannya di situs lain, kemudian catat alamat url icon tersbebut. Sebagai contoh saya menggunakan google pages untuk menyimpan icon blog Belajar Ilmu Komputer yang urlnya adalah :

http://hendrypiran.googlepages.com/pasfoto.ico

Setelah itu login ke blogger dengan akun anda kemudian klik Tata Letak dan Edit HTML
Langkah selanjutnya cari kode seperti berikut :

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

copy code berikut kemudian paste-kan di antara kedua kode di atas :

<link href='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon' type='image/x-icon'/>

ganti alamat url icon (yang berwarna orange) dengan url icon anda sehingga hasil kode selengkapnya seperti berikut :

<title><data:blog.pageTitle/></title>
<link hrgef='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon' type='image/x-icon'/>
<b:skin><![CDATA[/*

simpan hasil perubahan dan coba pratinjau/preview blog anda. Logo Blogger sudah diganti dengan foto anda sendiri.

Selamat mencoba

Membuat huruf pertama besar pada postingan

Postingan ini akan membahas bagaimana cara membuat huruf pertama postingan tampil besar seperti pada blog saya ini ... Sering melihat koran atau majalah? Di koran atau majalah kalau kamu amati Huruf pertamanya pasti huruf besar. Tertarik untuk membuatnya?

Langkah2nya adalah

1.Copy Paste CSS Berikut:

/*- Huruf 1 Style Koran--------------------------- */
.stylekoran { float:left; color: #A91B33; font-size:100px; line-height:80px;
padding-top:1px; padding-right:5px; }

+ Login ke Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML" dan paste kode diatas ]]></b:skin>
+ Kemudian Save Template.
+ Kode warna yang Merah bisa kamu ubah sesuai keinginanmu.

2.Masuk ke area Setting klik pada Formatting.

+Drag kebawah sampai pada bagian Post Template
+Copy Paste script berikut

<span class="stylekoran">


</span>

Contoh posisi script :

+ Kalau sudah Save seting.

3. Masuk ke area Posting dan klik Create/buat Posting Baru atau Edit Posting jika ingin mengedit postingan/artikel yang sudah ada. Cara menempatkan kode tadi pada posisi Edit HTML yaitu :

<span class="stylekoran">P</span>ostingan ini akan membahas bagaimana cara membuat huruf pertama postingan tampil besar seperti pada blog saya ini ... Sering melihat koran atau majalah? Di koran atau majalah kalau kamu amati Huruf pertamanya pasti huruf besar. Tertarik untuk membuatnya?

Anda bisa melihat hasilnya seperti postingan ini ...
Semoga bisa bermanfaat.

Membuat sambutan pengunjung blog

Agak sedikit mirip dengan Kata untuk penutup blog, tips membuat kata sambutan bagi pengunjung blog sebelum pengunjung masuk ke halaman blog anda, trik ini hanyalah trik untuk menyambut kedatangan tamu blog dengan kata2 sambutan dari anda sebagai admin blog. Ada dua type kata sambutan yang bisa anda gunakan pertama berupa kata sambutan dari admin blog dan kedua adalah kata sambutan dari admin berupa pertanyaan dari admin mengenai pengunjung blog anda. Jika ingin mencoba menggunakan tips ini silahkan ikuti petunjuknya :

Kata Sambuatan model 1, yaitu berupa kata sambutan dari Anda :

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat diatas kode </head> :

<SCRIPT language='JavaScript'>alert("WellCome To Seby-Antoe.Com(Silahkan baca baca ya !!)");</SCRIPT>

Keterangan :
+ Ganti tulisan yg warna merah pada script dengan kata kata anda sendiri

5. Kemudian klik Simpan Template.

Kata sambutan Model 2, yaitu berupa pertanyaan kepada pengunjung blog :

Caranya sama dengan diatas hanya berbeda script, Copy pastekan script di bawah ini tepat di atas kode </head> :

<script type="text/javascript">
var yourName = prompt("Bolehkah saya tau nama anda", "Nama Kamu Siapa?");
</script>

Keterangan :
+ Ganti tulisan yg berupa pertanyaan dengan pertanyaan anda sendiri.

Selamat mencoba ...