Sunday 9 August 2009

Membuat Penggalan Artikel

Kali ini saya akan membahas cara pembuatan tentang penggalan artikel. Semoga para sobat tertarik, kalau tidak juga ya sekedar pengetahuan saja juga kan tidak ada ruginya. Penggalan artikel ialah bukan suatu tulisan hasil posting, melainkan hanya berupa tulisan biasa yang ujung kalimatnya di beri link untuk menuju ke artikel sebenarnya. Maksudnya pemasangan penggalan kalimat itu sebenarnya untuk membawa para pembaca ke Link yang lain.


Untuk membuat penggalan artikel seperti diatas, langkah pertama adalah mengcopy sebagian kalimat yang mau kita link, yang kedua adalah mencatat address dari artikel tersebut, nah ujung dari kalimat tersebut kita buatkan link. Agar tidak terlalu membingungkan saya beri contoh. Misalkan address dari artikel yang mau saya pasang linknya adalah sebagai berikut :

http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html

Isi dari penggalan kalimatnya adalah sebagai berikut :

Perlunya IE dan FireFox

Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain.


Maka kode yang kita buat adalah sebagai berikut :


<span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span>
<hr width="100%" align="left">
<br/>
Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? <a href="http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html"><b>...Read more...</b></a>
<hr width="90%" align="left">
<br/>


Kode tersebut hasilnya akan seperti ini :

Perlunya IE dan FireFox




Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? ...Read more...




Biar lebih faham, sedikit saya uraikan :

<span style="color:#FD8403"> ..... </span> --> ini adalah kode untuk merubah warna text. #FD8403 merupakan kode warna orange.
<font size="6">.......</font>< --> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar)
<hr width="100%" align="left"> --> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri.
<br/> --> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break.


Mudah-mudahan keterangan diatas dapat di pahami. Setelah kita membuat kode seperti yang di terangkan diatas, tugas selanjutnya yaitu memasukan kode tersebut kedalam blog. Tentunya ada perbedaan cara memasukan kode antara template klasik dengan template baru. Silahkan ikuti langkah-langkahnya :

Untuk template klasik :

  • Sign in di blogger dengan id sobat

  • Klik menu Template

  • Klik menu Edit HTML

  • Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template

  • Cari kode seperti di bawah ini :


  • <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>


    Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi :


    <span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span>
    <hr width="100%" align="left">
    <br/>
    Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? <a href="http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html"><b>...Read more...</b></a>
    <hr width="90%" align="left">
    <br/>
    <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>


  • Klik tombol Preview untuk melihat perubahan yang baru di lakukan

  • Apabila sudah OK, klik tombol save Template Changes

  • Selesai.


  • Catatan : cara di atas tentunya merujuk kepada template asli buatan blogger.com, bagi pengguna template bukan buatan blogger tentu akan lain, yang perlu di ingat yaitu penempatan kode penggalan artikel adalah persis diatas kode untuk Posting artikel.


    Untuk template baru :

  • Sign In di blogger dengan id sobat

  • Klik menu Layout

  • Klik menu Page Elements

  • Klik Add a Page Element

  • Klik tulisan ADD TO BLOG yang berada di bawah tulisan HTML/JavaScript

  • Copy paste kode penggalan artikel yang telah kita buat tadi

  • Klik tombol SAVE CHANGES

  • Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan Blog post (di drag & drop)

  • Klik tulisan View Blog untuk melihat hasil dari penambahan kode tadi

  • Bila sudah OK, klik tombol SAVE

  • Selesai.



  • Selamat mencoba ! ! !

    Komentar :

    ada 2 comments ke “Membuat Penggalan Artikel”
    Decals design said...
    pada hari 

    Ok Bang, mirip kayak bikin halaman statis dan readmore, hanya saja bisa kita pake untuk artikel yang lagi hot...

    Unknown said...
    pada hari 

    q644y8jjwwt689 cheap nfl jerseys,wholesale jerseys,wholesale nfl jerseys,Cheap Jerseys china,Cheap Jerseys free shipping,wholesale jerseys from china,Cheap Jerseys china,wholesale nfl jerseys,cheap jerseys,wholesale jerseys from china p687v9ifrna779

    Post a Comment

    Recent Comments