rss

wibiya widget

Recent Post

  • Free Domain
  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic
  • Ziddu
  • CO.CC
Welcome ! Hopefully want to share and learn together in this COBABELAJAR Blog. Don't forget to prepare your (coffee / tea). OK, Thank you , waiting for the next visit.
  • Free Domain Ayo... Buat Blogmu dengan nama domain sendiri!!
  • CO.CC Dapatkan nama domain gratis selama 1tahun di CO.CC

3.31.2009

Cara Membuat Readmore

Readmore digunakan agar artikel yang Anda posting tidak terlalu panjang, hal ini juga membuat blog Anda lebih terkesan rapi. Dan untuk membuatnya silahkan baca langkah-langkah dibawah ini.

1. Sign In dahulu ke blog Anda,
2. Masuk ke Tata Letak
3. Klik 'Edit Html'
4. Jangan lupa centang 'Expand template Widget'
5. Cari kode seperti berikut:

<data:post.body/>

(Untuk mempermudah pencarian, lebih baik gunakan ctrl+f, yang mana di kotak find di isi dengan kode yang akan Anda cari)

6. Kemudian ganti kode di atas dengan kode dibawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<a expr:href='data:post.url'>Readmore &#187;&#187;</a>
</b:if>

(tulisan Readmore.. dapat Anda ganti dengan Selengkapnya..)

7. Setelah itu 'Simpan Tamplate'

LANGKAH BERIKUTNYA:

1. Masuk ke Pengaturan
2. Klik Format
3. Cari kotak Template Posting, isi kotak kosong tersebut teks sebagai berikut:

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

4. Simpan Setelan / Pengaturan
5. Selesai..

CARA MENGATUR Readmore:

Masuk ke Posting, lalu tulis artikel yang hendak Anda posting. Kemudian untuk mengatur letak readmore, klik tab Edit HTML. cari <div class="fullpost"> letakkan kode tersebut pada akhir kalimat yang hendak Anda tampilkan pada Blog. Dan kode </div> taruh pada akhir dari artikel Anda (dimana sisa artikel akan di sembunyikan oleh readmore)

Contoh:

Readmore digunakan agar artikel yang Anda posting tidak terlalu panjang, hal ini juga membuat blog Anda lebih terkesan rapi. <div class="fullpost">Dan untuk membuatnya silahkan baca langkah-langkah dibawah ini.</div>


Hasilnya:

Readmore digunakan agar artikel yang Anda posting tidak terlalu panjang, hal ini juga membuat blog Anda lebih terkesan rapi.
Readmore »»

Readmore »»
Cara Membuat Readmore
SocialTwist Tell-a-Friend

3.30.2009

Membuat artikel posting

Percuma buat blog kalau kita ga pernah posting atau buat artikel dalam blog. Maka begitu pentingnya membuat artikel posting, tanpa posting artikel blog Anda akan terlihat kosong.
Dan untuk membuat artikel posting, haruslah relevan antara isi dengan Tema blog yang akan Anda terbitkan. Terlebih lagi persiapkan dahulu artikel yang hendak Anda posting ke Blog, agar postingan tidak terlihat asal-asalan. Serta agar postingan lebih tampak menarik dapat diberi sisipan gambar atau video.

Cara posting sangatlah mudah.
1. Setelah Anda masuk ke dalam account Blogger. Klik Entri Baru
2. Pilih tab Tulis,



3. Kemudian ketik judul Artikel Anda, dan selanjutnya silahkan memulai mengetik artikel yang Anda sudah persiapkan sebelumnya.
4. Setelah selesai, klik 'Terbitkan Entri'
5.Selsai..
Readmore »»
Membuat artikel posting
SocialTwist Tell-a-Friend

3.20.2009

Menampilkan Status Online YM

Anda para pemilik Blog, dapat memasangkan icon status online pada blog Anda.
Dimana para pengunjung blog Anda dapat mengenali apakah Anda sedang online atau tidak.
Cara memasangnya adalah sebagai berikut:
1. Masuk ke 'Tata Letak'
2. Klik Tab 'Elemen Halaman'
3. Klik 'Add Gadget'
4. Masukkan kode berikut

<a href="ymsgr:sendIM?id_YM"><img src="http://opi.yahoo.com/online?u=id_YM&amp;m=g&amp;t=0" align="middle" border="0" /></a>
NB= Untuk tulisan warna hijau diganti dengan ID_YM kamu, lalu untuk kode t=0 adalah kode icon yang akan muncul. Untuk contoh kode icon sebagai berikut:


t=0


t=1


t=2


t=5


t=6


t=7


t=8


t=9


t=10


t=11


t=12


t=13


t=14


t=15


t=16

Ok, selamat mencoba
Readmore »»
Menampilkan Status Online YM
SocialTwist Tell-a-Friend

3.14.2009

Daftar Blog ke Search Engine

Setelah kita membuat blog dan merombaknya sedemikian rupa, pingin dong kalau Blog kita bisa terindeks di search engine seperti google. Karena untuk blog baru biasanya belum dapat terindeks oleh search engine. Dan pastinya, hal ini dapat memudahkan orang untuk mengakses Blog kita. Berikut alamat daftar situs Blog:

- Google

masuk ke http://www.google.com/addurl/



Kemudian isi URL blog Anda, contoh http://mari-belajar-bareng.blogspot.com/
Isi Comment dengan deskripsi Blog Anda.
Dan terakhir Optional, isi dengan huruf yang telah tersedia dalam kotak, lalu klik Add URL.
Selesai

- Yahoo

Kunjungi https://siteexplorer.search.yahoo.com/submit

Isi URL blog Anda pada kotak yang disediakan.
Selesai

- Daftar ke lebih 40 search engine

Kunjungi http://www.submitexpress.com/



Daftarkan URL Blog Anda dalam kotak yang sudah disediakan dan kemudian Anda akan diminta mengisi alamat email, setelah itu Anda akan mendapatkan kode badge dari submit express yang dapat Anda pasangkan di Blog Anda.




Readmore »»
Daftar Blog ke Search Engine
SocialTwist Tell-a-Friend

3.06.2009

Memasang Image Header Sendiri Di Blog

Kadang kita merasa jenuh dengan header asli bawaan dari template yang sudah ada. Biasanya para pengguna blog merasa ingin header'nya lebih melambangkan logo / jati diri dari content blog tersebut. Dapat juga diberi image foto Anda sendiri yang sudah di edit-edit. Kalau itu yang Anda inginkan, hal yang perlu dipersiapkan adalah gambar yang sudah di edit dengan ukuran 760 x 120 pixels. Umumnya menggunakan softwear photoshop. Lalu upload image ke jasa layanan seperti di photobucket.com untuk mendapatkan alamat URL'nya. Setelah itu kembali ke blog Anda, masuk ke Layout, pilih Edit HTML; dan cari kode berikut:


#header {
width: 760px;
.....................
.....................
.....................
.....................
font: $headerFont;
}


Setelah ketemu, masukan kode berikut

Background:URL (URL-IMAGE-HEADER-ANDA) no-repeat center top;


(perhatian ganti URL berwarna merah tersebut dengan alamat link image Anda.)
Persis dibawah font: $headerFont; , setidaknya hasilnya akan seperti ini:

#header {
width: 760px;
.....................
.....................
.....................
.....................
font: $headerFont;
Background:URL (URL-IMAGE-HEADER-ANDA) no-repeat center top;
}


Dan yang terakhir save template

Selamat Mencoba..

Readmore »»
Memasang Image Header Sendiri Di Blog
SocialTwist Tell-a-Friend

3.05.2009

Membuat Teks Berjalan Pada Title Bar Blog

Teks dalam title bar, seperti judul Blog biasanya sifatnya hanya diam tak bergerak. Jika kita ingin memberi kesan berbeda, kita dapat membuat teks dalam Title bar tersebut berjalan.
Langkah-langkahnya:

1. Pilih Layout
2. Klik Edit HTML
3. Kemudian cari kode berikut ini di kotak HTML
<title><data:blog.pageTitle/></title>

lihat gambar
4. Setelah itu ganti kode diatas, dengan kode berikut ini:

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() {
document.title=txt;
txt=txt.substring(1,txt.Length)+txt.charAT(0);
segarkan=selTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Kemudian save template

Selamat Mencoba..

Readmore »»
Membuat Teks Berjalan Pada Title Bar Blog
SocialTwist Tell-a-Friend

Cara Membuat Favicon

favicon dapat kita lihat di tab Address Bar komputer Anda terdapat logo Blog seperti ini favicon sebenarnya tidaklah begitu penting, namun favicon dapat mempercantik tab address di bar komputer Anda, agar tidak terlihat biasa-biasa saja.

Atau dalam bentuk tab bar seperti ini:



Nah, sekarang kalau Anda memiliki keinginan merubah favicon menjadi logo perusahaan / foto pribadi yang Anda inginkan, contohnya seperti ini:



Yang perlu dipersiapkan adalah siapkan image yang akan Anda pasang hukuran 24x24 pixels sampai32x32 pixels. Setelah itu ikon / gambar harus di upload ke dalam penyedia layanan image hosting (contohnya di photobucket.com), hal ini untuk mencari alamat URL image'nya. Berikut cara mengganti favicon:

1. pilin Layout
2. Klik 'Edit HTML;
3. Cari kode </head>
4. Lalu letakkan kode berikut, diatas kode </head>

<link href='URL-IMAGE-ANDA' rel='SHORTCUT ICON'/>

(GAnti URL-IMAGE-ANDA dengan direct link dari penyedia layanan image hosting, misal seperti ini http://i41.photobucket.com/albums/e293/1985aryat/faviconmari-belajar.jpg )

5. Setelah itu save template...

Selamat Mencoba
Readmore »»
Cara Membuat Favicon
SocialTwist Tell-a-Friend

3.04.2009

Cara Memasang Search Engine2

Kalau sebelumnya memasang search Engine versi 1, ini ada versi 2.
Hasilnya seperti ini:



Caranya sama sih dengan yang pertama, bedanya cuma di kode.
Jadi langkah-langkahnya sebagai berikut:

1. Pilih Layout
2. Klik 'Page Element'
3. Selanjutnya klik 'Add a Gadget'
4. Dan saat berada di dalam tab baru Add a Gadget, silahkan cari dan klik link 'HTML/JavaScript'
5. Setelah itu isi kotak Content dengan kode berikut:

<form action="http://ALAMAT BLOG ANDA/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value="" onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;"
type="text" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
value="Search"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://www.google.com/" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://ALAMAT BLOG ANDA/" name="sitesearch"
type="checkbox"/> curezine5</li>

</div>
</form>

Ganti huruf yang bertanda merah dengan alamat Blog Anda. Untuk warna biru ganti alamat pencarian yang Anda inginkan, dan warna hijau ganti dengan nama blog atau situs atau apa saja terserah kalian.

6. Setelah itu Save.

Selamat mencoba...

Readmore »»
Cara Memasang Search Engine2
SocialTwist Tell-a-Friend

Cara Memasang Kotak Pencarian

Kotak Pencarian atau Search Engine, berfungsi untuk memudahkan pengunjung menemukan artikel yang mereka butuhkan. Dan keberadaan Search Engine ini sering digunakan oleh mereka yang sudah berhasil bergabung di Google Adsense, untuk menambah pemasukannya setiap ada pengunjung yang menggunakan Search Engine tersebut. Tetapi bagi kita yang belum berhasil bergabung dengan Google Adsense, jangan putus asa karena Anda juga dapat memasangkan Search Engine ke Blog Anda.
Berikut langkah-Langkahnya:

1. Pilih Layout
2. Lalu pilih Page Element
3. Lalu klik link 'Add a Gadget'
4. Setelah masuk di tab baru Add a Gadget, cari dan klik 'HTML/JavaScript'
5. Selanjutnya ketikan kode berikut ke dalam kotak Content:

<form action="http://NAMA BLOG ANDA.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30"
type="text"/> <input value="search" class="buttonsubmit"
name="submit" type="submit"/></form>
6. Save, Selesai..., dan lihat hasilnya.

NB: Untuk http://NAMA BLOG ANDA.blogspot.com diganti dengan alamat Blog Anda. Lalu untuk size="30" dapat Anda ganti ukuran kotaknya sesuka Anda (Intinya semakin besar bilangannya semakin panjang pula kotaknya). Dan terakhir yang dapat Anda ganti ialah value="search" , dimana tulisan search dapat Anda ganti dengan GO atau apa saja.

Selamat mencoba..
Readmore »»
Cara Memasang Kotak Pencarian
SocialTwist Tell-a-Friend

3.03.2009

Cara Menyembunyikan Navbar Blog

Kalau sebelumnya kita sudah membahas bagaimana menghilangkan navigation bar pada halaman blog. Sekarang tidak lagi menghilangkan tetapi menyembunyikan navigation bar.
Sebenarnya cara ini diperuntukan bagi kalian yang merasa tidak menyukai navbar pada blog namun merasa membutuhkannya, maka Anda dapat menggunakan cara ini.

1. Masuk ke Tata Letak
2. Klik Edit HTML,
3. Masukan kode berikut di atas /* Variable definition

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
(Pemberitahuan aja bahwa kode ini didapat dari sini.)

Contoh gambar



Setelah itu Simpan...., dan lihat tampilan blog Anda.
Selamat mencoba
Readmore »»
Cara Menyembunyikan Navbar Blog
SocialTwist Tell-a-Friend

3.02.2009

Menghilangkan Navbar Blog

Sebenarnya cara yang satu ini dapat membuat masalah tersendiri, karena keberadanya cukup berguna. Namun, kalau kita memang merasa terganggu dengan keberadaan Navbar tersebut kita dapat menghilangkannya. Sedari itu ada beberapa orang yang menganggap keberadaan Navbar merusak tampilan Blog, makanya saat menghilangkan Navbar blog jadi lebih terlihat cantik.

Berikut langkah-langkahnya:
1. Sign in ke blog Anda
2. Pilih Tata Letak,
3. Pilh Edit HTML
4. Cari kode berikut

/* Variable definitions

5. Setelah ketemu kode diatas, letakkan kode berikut ini diatas kode /* Variable definitions

#navbar-iframe {
display: !important;
}

6. Setelah itu Save

Selamat mencoba...

Readmore »»
Menghilangkan Navbar Blog
SocialTwist Tell-a-Friend

Cara Membuat background warna / gambar pada postingan

Mungkin kita pernah melihat tutorial blog seperti gambar dibawah ini.


Dan yang menjadi pertanyaan, bagaimana membuat background warna pada postingan seperti gambar diatas. Perlu diketahui bahwa penggunaan background warna perlu menggunakan kode warna, yang dapat Anda cari di Adobe Photoshop.

Cara membuatnya sangat simple, berikut langkah-langkahnya:
1. Setelah Anda menulis artikel, masuk ke tab Edit HTML dan cari tulisan / paragraf mana yang hendak Anda beri background warna.

2. Kemudian diatas tulisan / paragraf yang akan di warnai, beri kode seperti ini:
<div style="background:KODE WARNA;">
(Ganti kode warna yang berwarna merah tersebut dengan kode yang Anda inginkan)

3. Lalu akhiri dengan kode:
</div>

Contohnya seperti ini



Dan hasilnya seperti contoh gambar yang diatas.
BACKGROUND GAMBAR:

1. Kalau tadi background warna kodenya seperti ini " <div style="background:KODE WARNA;"> "; maka untuk mengganti menjadi kode gambar menjadi seperti ini:

<div style="background:url (URL IMAGE) no-repeat;">

(URL IMAGE diganti dengan URL dari gambar yang akan di gunakan)

2. Dan seperti biasa diakhiri dengan kode
</div>

OK, Selamat mencoba.
Readmore »»
Cara Membuat background warna / gambar pada postingan
SocialTwist Tell-a-Friend
←   →
Related Posts with Thumbnails

Other Information

Tutorial Blog

  • Membuat Iklan Melayang dengan Tombol Close
  • Button Maker Online
  • How To Install Alert in Blog
  • Creating Exchange Banner and Text Bar
  • Make Favicon Generator
  • What is blog?
  • Memasang Artikel Terkait Menggunakan LinkWithin
  • Cara Membuat Tab View
  • Cara Memasang Alert Pada Blog
  • Cara Membuat Link Download
  • Cara Membuat Page Navigation
  • Menghilangkan Navbar Blog
  • Menyembunyikan Navbar Blog
  • Memasang bookmark di Setiap Postingan
  • Pasang Audio di Blog
  • Mengganti Tanggalan Dengan Icon Kalender
  • Pasang Iklan di Bawah ReadMore
  • Mengganti Link Blog Pager Dengan Icon
  • Menampilkan Status Online
  • Pasang Emoticon Yahoo di Atas Kotak Komentar
  • Membuat Tulisan Link Berwarna-warni
  • Membuat Teks Dalam Tabel
  • Membuat Teks Berjalan Pada Title Blog
  • Membuat Teks Bergerak Pada Title Bar Blog
  • Membuat ReadMore
  • Membuat Marquee Untuk Banner Iklan
  • Membuat Log in Blogger
  • Membuat Link di Postingan
  • Membuat gambar melayang disudut halaman blog
  • Membuat Button Sebagai Link
  • Membuat Box Pemisah Pada Sidebar
  • Membuat Box Pemisah Pada Postingan
  • Membuat Background Warna / Gambar di Postingan
  • Membuat Awalan Huruf Besar di Awal Postingan
  • Membuat Automatic Scroll Blogroll
  • Membuat Artikel Postingan
  • Membuat Animasi Label Awan
  • Membuat border Pada Gambar Posting
  • Membuat Image Header Buatan Sendiri
  • Memasang Icon Pada Post Footer Element
  • Memasang Google Translate Memakai Icon Bendera
  • Kustomisasi Sidebar Title
  • Kode Warna
  • Kode Emotion
  • Daftar ke Search Engine
  • Cara Pasang Shoutmix
  • Cara Menambah Kolom Pada Footer Blog
  • Cara Membuat Tabel di Postingan
  • Cara Membuat Menu di Atas Header
  • Cara Membuat Link
  • Cara Membuat Favicon
  • Cara Memasukan Kode HTML ke Postingan
  • Cara Memasang Search Engine2
  • Cara Memasang Kotak Pencarian
  • Cara Buat Tukeran Banner dan Teks Barnya
  • Belajar Membuat Shoutmix Tersembunyi
  • Alternatif Teks Pada Gambar
  • Buat Blog
  • Berbagai Macam Metode dan Program Dalam Mencari Uang Melalui Blog
  • Apa itu Blog
  • Kurs Valuta Asing

    Harga Emas dan Minyak Dunia


    Today's Birthday

    Sponsor...

    Adsense Indonesia
     
    My Ping in TotalPing.com Computers Blogs Powered by  MyPagerank.Net
    Yahoo bot last visit powered by MyPagerank.Net
    Msn bot last visit powered by MyPagerank.Net



    RUMAH WEB
    Percayakan Web Hosting Anda Hanya Kepada Rumah Web
    http://www.rumahweb.com

    MASTERWEB
    Mau Punya Blog Dengan Domain Sendiri atau Punya Facebook Dengan Domain Sendiri. Hanya 94ribu
    http://masterkey.masterweb.net

    FREE PREMIUM DOMAIN
    Segera Bergabung Untuk Mendapatkan Domain {.com .net .org} -GRATIS-
    www.FreePremiumDomain.com

    000webhost
    Dapatkan FREE WEB Hosting 250Mb
    http://masterkey.masterweb.net
    Foto saya
    ngeblog saat ini sudah menjadi aktivitas yang dilakukan oleh beberapa kalangan termasuk saya, tapi di blog ini, saya hendak berbagi dengan apa yang sudah saya pelajari maupun yang sedang saya pelajari.
    Jump To Top
    Kembali ke atas