Jumat, 02 Juli 2010

Magazine Template R.1.2

Karena ada yang meminta agar Magazine Template R.1 di tambah kolom pada bagian footernya, maka saya membuatkannya untuk anda. Template ini saya beri nama Magazine Template R.1.2.
Live Demo
MagazineR-1-2
Fitur Yang di tambahkan pada magazine Template R.1.2
  • Image Hover Link Pada Carousel Viewer
Jika anda menyorotkan mouse anda ke gambar yang ada di carousel viewer, maka background gambar tersebut akan berubah warna, ini tentunya akan membuat carousel viewer anda lebih atraktif.
  • 3 Kolom Di Footer
Dibagian kolom footer saya tambahkan 3 kolom sehingga memungkinkan untuk menambahkan lebih banyak widget.
Mengenai fitur-fitur lengkap serta semua yang berhubungan dengn Magazine Template R.1.2 bisa anda baca pada posting Magazine Template R.1
Informasi tambahan mengenai footer 3 kolom, kolom tersebut saya setting mempunyai tinggi yang fixed yaitu sebesar 270px, jika anda ingin menghilangkannya silahkan cari kode seperti ini :
#leftbottom {
       width: 285px;
       float: left;
       margin:0;
       padding:7px 10px;
       border-top:8px solid #a2bce0;
       height:270px;
        }
#leftbottom:hover{
        background:#a2bce0;
        }
#middlebottom {
       width: 290px;
       float: left;
       margin:0;
       padding:7px 10px;
       border-top:8px solid #b5c5d8;
       height:270px;
       }
#middlebottom:hover{
       background:#b5c5d8;
       }
#rightbottom {
        width: 285px;
        float: left;
        margin:0;
        padding:7px 10px;
        border-top:8px solid #a2bce0;
        height:270px;
        }
Hapus saja kode yang saya cetak merah dan akhiri dengan klik tombol Simpan Perubahan Template.
widget yang dapat di masukkan di bagian footer hanya 1 widget per kolomnya, ini karena saya membatasinya. Jika anda ingin menghapus batasa tersebut, anda bisa menghapus kode berikut :

maxwidgets='1'/>
maxwidgets='1'/>
maxwidgets='1'/>
Hapus saja kode yang saya cetak merah dan akhiri dengan klik tombol Simpan Perubahan Template.
Yang mau download template ini , silahkan saja langsung meluncur ke halaman download :
bigdownload

Membuat Link (2)

Untuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :

  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 Link List
  6. Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda
  7. Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.
  8. Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort
  9. Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//kolom-tutorial.blogspot.com
  10. Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Blog Tutorial.
  11. Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.
  12. Klik SAVE CHANGES bila sudah selesai
  13. Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang anda inginkan ( di drag & drop ) .
  14. Klik SAVE. Selesai


Membuat link dari gambar atau image

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

  1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.
  2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :

    http://i162.photobucket.com/albums/t253/hendrik58/animasichicklet.gif

    Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :
    http://i162.photobucket.com/albums/t253/hendrik58/animasichicklet.gif

    (kode dalam satu baris)

    jika ingin dalam window baru :

    http://i162.photobucket.com/albums/t253/hendrik58/animasichicklet.gif
    (kode dalam satu baris)


Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :

Resep bisnis

mudah bukan. Selamat mencoba.

Membuat Link (1)

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

  1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.
  2. Klik ikon yang bergambar seperti ini      yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :
  3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.resepbisnis.com/?id=rohman
  4. Klik OK. Selesai


Link dengan window baru

Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

  1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu    Edit HTML tab   yang ada pada toolbar.
  2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.resepbisnis.com/?id=rohman :

    klik disini

    maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

    klik di sini

    atau :

    klik di sini

    atau bisa juga seperti ini :

    klik di sini


Buat Links di sidebar

Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)

  1. Sign in di blogger dengan id anda
  2. Klik menu TEMPLATE
  3. Klik Edit HTML
  4. Klik Edit
  5. Klik Find (on this page)… --> untuk mempercepat pencarian
  6. find
  7. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find
  8. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :
  9. Blog Tutorial
  10. Klik Save Template Changes. Selesai
Sedikit clue untuk anda. Jika anda sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.

Bersambung : silahkan klik di sini

Download Gratis

Dalam sesi kali ini, ada kabar baik buat kawan-kawan semua. ya saya mau bagi-bagi software buat anda yang suka akan internet, khususnya bagi yang berminat untuk bisa membuat website sendiri. Untuk produk-produk di bawah ini saya sudah mendapatkan hak Resale Right atau hak jual ulang, tapi buat kawan-kawan semua khusus saya berikan gratis. Beberapa produk merupakan dalam format ZIP, silahkan gunakan winzip untuk mengekstraknya. Untuk membacanya, anda memerlukan Acrobat Reader versi 5.0 ke atas.

Klik di sini jika anda belum memiliki program Winzip.
Klik di sini jika anda belum memiliki program Acrobat Reader

• How to build HTML

Dengan e-book ini kita diajarkan cara menggunakan perintah-perintah HTML dasar dan tingkat lanjut. Di buat dalam format yang mudah untuk di ikuti. untuk mendownload silahkan klik disini atau klik :


  • Search Engine Optimization Made Easy



  • Strategi sederhana yang dapat anda pakai untuk optimalisasi website atau blog anda di search engine. Ikuti tipsnya dan dapatkan traficc sebanyak mungkin ke website atau blog anda. Untuk mendownload silahkan klik disini atau klik :



  • Instant Site Maker



  • Software ini akan mempermudah anda membuat website dalam waktu yang singkat. Cukup baik bila anda tidak memerlukan website yang kompleks. Untuk mendownload silahkan klik disini atau klik :


  • Java Buttons



  • Dengan kumpulan button dan menu yang menggunakan java script ini, bisa mempercantik website ataupun blog milik anda, untuk mendownload silahkan Klik disini atau klik :



  • Web Template



  • Kumpulan template web propesional yang dapat anda gunakan untuk mendesain website anda. Untuk mendownload silahkan klik disni atau klik :



  • Banner



  • Merupakan kumpulan banner cantik untuk mempromosikan website anda. Untuk mendownload silahkan klik di sini atau klik :



  • Meta Tag Master



  • Program untuk membuat meta tags, sehingga mempermudah pencarian website atau blog anda di search engine. Untuk mendownload silahkan klik di sini atau klik :



  • E-book "Menjadi Jutawan Via Internet"



  • E-book ini menjelaskan cara dan strategi mendapatkan penghasilan besar dengan memanfaatkan internet. Cara tsb antara lain : menjadi pembuat web professional, membuat "Web Pencetak Uang Otomatis" dengan konsep affiliasi & reseller, dan lain-lain. Dilengkapi pula dengan file-file latihan untuk memperjelas tuntunan praktis kami.

  • Script Web Affiliasi



  • Script Web Pencetak Uang Otomatis siap pakai dengan konsep affiliasi. Anda tinggal mengganti teks dan gambar sesuai dengan produk dan layanan anda!

  • Script Web Reseller

    Script Web Pencetak Uang Otomatis siap pakai dengan konsep reseller. Anda tinggal mengganti teks dan gambar sesuai dengan produk dan layanan anda!


  • FletMail

    Software ini memungkinkan anda untuk mengirim e-mail untuk berapapun jumlah penerima dengan sekali klik. Anda dapat menggunakan tags untuk mengganti kata-kata yang sesuai untuk penerima yang berbeda. Dengan demikian, setiap penerima akan merasa mendapat e-mail personal dari anda.


  • Image Capture



  • Dengan menggunakan software ini, anda dapat menangkap image dari layar komputer anda.

  • IP Ad Web Sender



  • Software ini memungkinkan anda untuk mengirimkan promosi kepada komputer-komputer yang terhubung dengan internet berdasarkan range IP addressnya.

  • Instant Software Downloads



  • Software yang bisa anda download adalah : Instant Unzip, HTML Compressor, IP Blocker, Link Evaluator, Site Submitter, Pop Up Zapper, Secret Popup Maker, HTML E-mail Link Encrypter, File Destroyer, Internet Explorer Blaster, MRU Wizard, Java Source Machine I, Java Source Machine II, Traffic Wizard, Password Manager, JavaScript Compressor, HTML Encryptor, Fast HTML Remover, Password Generator, File Splitter, HTML Editor, Picture Gallery Maker, Instant Notification.

  • The Building of a Better Website



  • Berisi tips-tips berharga bagaimana membangun sebuah website yang baik. Patut dimiliki untuk mendukung karir anda sebagai webmaster.

  • Magic Subscriber



  • Demi meningkatkan penjualan bisnis anda, anda dapat menggunakan software ini. Software ini mudah digunakan untuk menghasilkan prospek dan customer baru! Anda akan memiliki alat khusus yang akan menangkap data e-mail pengunjung tanpa mereka perlu menuliskannya!

  • Reprint Rights Magic



  • Bagaimana cara menghasilkan uang tanpa perlu menggunakan produk anda sendiri ? Bagaimana menggunakan rangkaian produk orang lain untuk menciptakan produk anda ? Informasi penting bagi anda yang ingin menghasilkan uang tanpa perlu merancang produk.

  • Instant eMail Scramble



  • Apakah anda jengkel dengan banyaknya junk mail yang anda terima setiap hari ? Dengan menggunakan utility ini, alamat e-mail anda di website anda akan terlindungi dari mesin penuai e-mail untuk keperluan spam! Alamat e-mail anda akan tetap terbaca oleh pengunjung website anda, dan juga berfungsi seperti biasa bila pengunjung mengklik link e-mail anda.

  • Pure Profit Software



  • Paket produk software yang sangat menarik! Berisi produk-produk pilihan seperti : Affiliate Defender, Instant Affiliate Link Master, Instant Meta Maker, Instant Bookmark, JavaScript Magic, dll.

  • PopUps Generator



  • Dengan menggunakan software ini, anda dapat membuat popups window dari website anda. Anda dapat memanfaatkannya untuk meningkatkan rasio penjualan dan pendaftar mailing list anda.

  • 99 Websites You Should Have Bookmarked..But Probably Don't



  • Internet dipenuhi dengan informasi gratis, sarana penghasil uang dan sumber lainnya. Hanya saja, mungkin anda tidak tahu tempat menemukannya. Informasi dalam e-book ini akan memberikan alamat websitenya untuk anda! The Embarrasingly Simple Way I Grabbed the #1 Position in Google, Yahoo & AOL Search engine merupakan gudangnya traffic. Dapatkan rahasianya bagaimana cara meraih posisi teratas di hasil pencarian pada 3 search engine terpopuler!

  • Intraday Basic



  • Bambang Hariyadi membeberkan 2 strategi andalannya dalam membaca "CandleStick" yang terbukti menghasilkan $4500 dalam seminggu !! (Forex market http://www.betonmarkets.com). Anda ingin mendapatkan $4500 minggu depan? Miliki segera e-book ini, dan dapatkan strateginya!

  • The TrafficJam Formula



  • Salah satu kunci keberhasilan bisnis di internet adalah jumlah traffic/pengunjung yang dihasilkan oleh suatu website. E-book ini memberikan informasi menarik cara menghasilkan sebanyak mungkin traffic ke website anda dalam waktu singkat! Baca secara detail di websitenya bagaimana sang penulis berani menjamin keberhasilan anda dalam mencari traffic!

  • The Affiliate Marketing Success Road Map



  • Jika anda ingin menjadi affiliate/reseller yang sukses, maka e-book ini untuk anda! Anda akan diberi cara mencapai sukses dengan merencanakan dan mendesain sistim yang efektif untuk mendatangkan profit.

  • Newbie's Guide to Online Fortunes



  • E-book ini berisi petunjuk mengenai prinsip dasar dan cara sederhana untuk memulai bisnis on-line anda !

  • How to Write and Publish Your Own eBook in as little as 7 Days



  • Bagaimana cara membuat dan mempublikasikan sebuah e-book yang sukses ? Anda akan mendapatkan informasinya di sini.

  • Internet Copycatting



  • 9 Model bisnis internet yang dapat anda tiru. Disertai dengan pembahasan pro dan kontra, detail mengenai setup, serta interview dengan pelaku bisnis untuk masing-masing model. Anda tidak perlu bingung lagi memikirkan model bisnis internet, tinggal tiru, dan mulailah menghasilkan uang !

  • Download Page Generator



  • Dengan menggunakan program ini, maka anda tinggal mengisi formulir pertanyaan dengan data-data yang diperlukan, dan secara otomatis halaman download/halaman ucapan terimakasih akan terbentuk untuk anda. Yang biasanya membutuhkan waktu 30 menit sampai satu jam untuk membuatnya, dengan program ini hanya butuh waktu satu menit saja !

  • Scroll Pops



  • Paket berisi 10 script yang mudah untuk digunakan. Anda dapat menggunakannya di website anda untuk membuat Confirmation Windows, Subscriber PopUps, Bookmark Windows, Alert Windows, dan lain-lain.

  • PHP Instant Scripts



  • Script-script pilihan telah kami sediakan untuk anda. Untuk kepuasan anda, script-script ini telah kami uji sebelumnya!

    Terdiri dari script : Affiliasi, Portal, Forum, E-Commerce, Hit Counter, Guest Book, Polling, Image Gallery, Classified Ad, Message Board, Search Engine, Event Calendar, Chat, News Publishing, Greeting Cards, User-Online, Mailing List, Simple Calendar, Calculator, Simple Counter, Unit Converter.

    SOFTWARE DAN E-BOOK BERHARGA LAINNYA UNTUK ANDA :

  • Wholesalers 2000 - Extreme Mega Edition



  • Website4Sale Secrets



  • 101 Auction Secrets Revealed



  • Don-Lapre Info Reports



  • Auction Prophet



  • Millenium Info Reports



  • The Cash Flow Deluxe : Info-Software Programs



  • Using NLP On eBay



  • Cyber Tactics 101



  • Internet Traffic Virus 2.0



  • Internet Success Ladder



  • Free Advertising System



  • Yahoo Secrets Revealed



  • 57 Free eBook Articles



  • WebPage-O-Matic (Personal Edition)



  • WebPage-O-Matic (Business Edition)



  • eZine Assistant



  • Priority Mailer



  • Internet Marketing Toolbar Pro



  • Cheap But Good



  • eBook Gold v3



  • Web Site and E-zine Promotion Made Easy



  • Amazing Marketing Tactics



  • TRAFFIC VIRUS



  • TYPEITIN SOFTWARE



  • KILLTIMER v4.9 SOFTWARE



  • WEB-O-RAMA SOFTWARE



  • CREATING PROFITABLE CLASSIFIED ADS



  • CASH FLOW REPORTER HOW TO SERIES



  • MAIL ORDER SERIES OF REPORTS



  • eBiz Tips Tricks



  • INTERNET DETECTIVE 5.0



  • TAKE THE INTERNET BY STORM



  • FILLOUT MANAGER



  • EXPRESS MAIL SERVER



  • EMS KEY GENERATOR



  • WEBFORCE



  • 5000+ ADSUBMITTER



  • DOUBLE YOUR BUSINESS



  • SEARCH ENGINE TACTICS



  • TARGETED DIRECT EMAIL GUIDE



  • OFFSHORE REPORT



  • 000 CLASSIFIEDS



  • AUCTION TIPS



  • 167 REPORTS



  • UNLIMITED PROFITS



  • INTERNET OPTIMIZER



  • CYBCASH SOFTWARE



  • LIST MANAGER



  • ARACHNOPHILIA



  • INSIDER SECRETS



  • MAKE YOUR ADS PULL LIKE CRAZY



  • INTERNET MARKETING PORTFOLIO



  • EARN A FORTUNE



  • WEBCELERATOR



  • CREATE YOUR OWN INFO PRODUCTS



  • AD/SALES LETTER TIPS



  • CHECKER SOFTWARE



  • 101 SECRETS



  • ONE MILLION ITEMS WHOLESALE



  • INTERNET TIPS REVEALED



  • Using TV



  • Legal Forms



  • Business Reports



  • Consumer Reports



  • Reference Reports



  • Well Known Books



  • Well Known Books



  • Volume 2 of the E-Business Encyclopedia Set



  • Volume 3 of the E-Business Encyclopedia Set



  • Historical Stuff



  • Anda ingin mendapatkan semua produk diatas? Jika ya silahkan klik disini

    Membuat Menu Dropdown

    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:



    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 :


    1. Login ke blogger.com dg id Anda
    2. Klik Template
    3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:
    4. & 
      
      
      <$BlogArchiveName$>
      
      
      
    5. Nah, ganti kode di atas dg kode html di bawah ini:
    6. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
    7. Selesai.
    Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :


    1. login dulu, tentunya dengan id anda
    2. klik LAYOUT
    3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
    4. Klik Edit pada kotak Blog Archive tadi
    5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
    6. Klik Save Changes
    7. Selesai
    Nah 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 :




    Sebagai contoh untuk menu Dropdown milik saya :


    Hasilnya akan seperti ini :


    Mudah bukan?   Selamat mencoba !

    Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini .
    Ingin pintar membuat Website sendiri, klik di sini.


    sumber : Fatih Syuhud

    Membuat Text Area

    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 :




    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 :




    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 :




    1. --> 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.
    2. --> 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.
    3. 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 :




    1. --> 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.
    2. -->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;"
    3. 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.

    Blogger sudah support fungsi Readmore

    Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

    read more
    Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
    Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode