Membuat Sub Judul di Postingan, Updated!

Pagi tadi saya berbincang dengan "kang ndy" tentang pemanggilan sebagian kalimat dari postingan. Namun karena masih menemui jalan buntu, akhirnya berjuang pantang menyerah meneruskan eksperimen. Jika kita lihat di detiknews dan lain-lain saya sangat tertarik melihat judul blog yang dilengkapi pula dengan sub judul. Berawal dari itulah akhirnya saya mencoba bermain kode untuk membuatnya.

http://mrdaniels.files.wordpress.com/2009/02/blogging.jpg
Untuk lebih mudahnya silahkan Anda lihat dua postingan saya yang telah saya berikan fungsi subjudul ini. Lihat di Google Browse Size dan Post Request pada link-link berikut ini:
Fitur Baru Google Google Browser Size
- Post Request Posting Sesuai Keinginan Anda

Gambarnya seperti di bawah ini:



Bagi yang ingin membuatnya sangat mudah. Silahkan Ikuti tutorial berikut ini:
- Login blogger
- Buat postingan baru
- Pilih ke model pengeposan Edit HTML

Nah, ketika Anda mulai posting awalilah dengan kode berikut ini
<style>.post h2 subtitle {  display: block!important;  font-size: 18px!important;  font-weight: normal!important;color:#ff3c00;}</style>
Sesuaikan tag heading yang berwarna merah dengan tag heading judul Anda agar cocok. Lalu, di bawah kode Anda bisa menulis isi postingan Anda. Untuk penulisan subjudul apitlah dengan tag subtitle
<subtitle>subjudul disini</subtitle>
Bisa diletakkan di depan judul utama seperti

<subtitle>subjudul disini</subtitle> Judul Utama Anda

atau dibelakangnya seperti
Judul Utama Anda <subtitle>subjudul disini</subtitle>
Jika belum jelas perhatikan gambar di bawah ini.


Cara lebih mudah agar Anda tak harus tambahkan kode di awal setiap postingan Anda, adalah  tambahkan kode berwarna biru berkut ini di atas ]]></b:skin>

.post h2 subtitle {  display: block!important;  font-size: 18px!important;  font-weight: normal!important;color:#ff3c00;}

Nah mudah sekali bukan. Silahkan mencoba dan semoga bermanfaat.

Komentar

  1. Pertamax gak ya :D
    komen sebentar lagi mas.hehehe

    BalasHapus
  2. sep mas..siap mencoba tips nya..
    makasih yha mas sudah mau berbagi ilmu.
    Sukses

    BalasHapus
  3. oek kang yoyok sip
    makasih ya komentarnya

    BalasHapus
  4. sep deh tipsnya...baidewai itu kok ada kang ndy nya...wakekowakowa bincang2 tadi siang???kayaknya ga deh!!

    BalasHapus
  5. denadnan :D
    untuk mempercantik blog an dan artikel :D

    BalasHapus
  6. siang mah enggak kang ndy
    tapi paginya siapa ya yg nyalakan ym mu pake nick attinta wkwkw :D

    BalasHapus
  7. Sip sob tipsnya...

    Keep post sob...

    BalasHapus
  8. Tips yang bagus mas. Saya praktek dulu. Tapi apa ga ada masalah dengan SEO?

    BalasHapus
  9. keren mas ......

    lngsung deh di praktekkan !!!
    Thanks !!!

    BalasHapus
  10. @doyok wah jangan sebut2 merk attintha lah...awas loe doy

    BalasHapus
  11. Makin maju aja nih mas doy,, thx info'a!

    BalasHapus
  12. Menarik tipsnya Mas,
    Coba coba aaah kalo mo posting baru.
    Makasih share-nya

    BalasHapus
  13. lanjutkan bro..
    makasih sharingnya..

    BalasHapus
  14. wah makin keren donk...
    makasih y mas...

    BalasHapus
  15. wah belum ngerti mas doyok nanti gak sibuk aku datang lagi untuk pejari lebih jauh

    BalasHapus
  16. DK
    asal yg subnya diletakkan akhir gak masalah :D
    malah nambah nyenggol keyword :D

    mufied :D
    sip hhehehe
    semoga berhasil

    kang ndy
    wkwkwk
    punten kang :( :D
    malah diulang jadinya wkwkk

    BalasHapus
  17. imam77
    semoga bermanfaat ya :D
    dan makin mantep :D

    kelir
    ya mongo dicoba
    moga makin cantik hasilnya

    car
    oke .. makasih komentarnya dan supportnya

    BalasHapus
  18. van
    sip :D
    jadi seperti koran beneran kan :D

    ramlan
    oke :D silahkan semoga bermanfaat

    atics
    dibaca lagi :D
    semoga gak bingung

    BalasHapus
  19. wah terimakasi mas atas tipsnya yah^^
    sukses selalu ..

    salam blogger:)

    BalasHapus
  20. oke local :D
    semoga bermanfaat dan semoga sukses juga

    BalasHapus
  21. 1. Kodenya bisa bentrok enggak nih dg css yg ditanamkan di intern html bawaan template kita?
    2. Menurut gosip, inline style sheet yg ditanamkan di dalam postingan kurang bersahabat (kata is-tutorial.com) sih...hehehe
    3. Mamacih doyok...

    BalasHapus
  22. beben :D
    iya kata mereka sih :D
    tapi ada alternatif dimasukin cssnya di template
    tapi menurutaku oke oke saja :D semisal dropcase di blog :D

    BalasHapus
  23. oke juga mas doy eksperimennya berhasil dan sangat indah neh

    BalasHapus
  24. Wahh.. keren mas doyok... kapan2 tak coba ahh...

    BalasHapus
  25. wah coba ah..................kayaknya keren tuh!??!

    BalasHapus
  26. keterbatasan blogger ya mas, jadi harus bereksperiment sedemikian rupa. anyway baca2 ya mas, keknya menarik pembahasannya..

    salam kenal :)

    BalasHapus
  27. wah mantap, ini terobosan fenomenal.
    gw baru tau dijudul bisa disisipin kode.

    sip salut deh.

    BalasHapus
  28. Wuih dapet ilmu lagi tambahan lagi, thanxs mas doyok :D. moga moga bermanfaat deh buat sMuanya ^_^

    BalasHapus
  29. salam sahabat
    wah siip ta coba mugo iso mas..maaf jelang raya china sibuk banget jadi rondanya juga telat melulu mas Doy..good luck

    BalasHapus
  30. cyuhuuuu...bs dcoba nee..^.^ eh,mas pur (singkt: master purworejo. wkwkwk..) tu pinggirx ko' keiris?

    BalasHapus
  31. lapor!! sdh saya praktikkan di postg yg bjudul Petruk Dadi Ratu. Laporan selesai!!

    BalasHapus
  32. Alhamdulillah, dapat ilmu ngeblog lagi. Inovatif Mas Doyok ini. Idenya, seperti kata orang, "Gak ade matinye"

    BalasHapus
  33. Hmm.. cukup susah juga yach.. ehehe.. :D
    Hmm.. dikembangin lagi mas.. biar tambah enak.. ^^

    thanks..

    BalasHapus
  34. mantap mas artikelnya bagus-bagus

    BalasHapus
  35. Mas Doy, software yang bagus buat ngedit film apa ???

    BalasHapus
  36. Lanjuuuuttttt, sip + manteb tutorialnya...

    BalasHapus
  37. kok ribet ya mas...??

    wah, tunda dulu sebentar dah, hehhe

    BalasHapus
  38. dropcase beda kali YOk...itu kan memanggil css yg ada di intern css html template kita.
    Kalu inline css tuh yaaa, semuanyah pake style2 itu tuh rumusnya...hihihihi

    BalasHapus
  39. wah.. pertama kesini langsung dapat ilmu baru. thx mas doyok atas kunjungan dan sarannya. salam kenal untuk mas doyok dan para komentator disini. sukses untuk kita semua. amin.

    BalasHapus
  40. Ini dia!!! saya sampai sekarang bingung mau nulis judul yang ada sub judulnya kayak gini. tks mas Doyok!! Di tes dulu.

    BalasHapus
  41. siip bisa dicoba nih biar tambah keren....
    thanks for infox bro

    BalasHapus
  42. wah luar biasa ni infonya trima kasiiiih

    BalasHapus
  43. makasih tas infonya luar biasa .............

    BalasHapus
  44. ok kang..scriptnya mantaff ne.:-)

    BalasHapus
  45. tambah lagi nich ilmunya,praktek...praktek dan praktek...

    BalasHapus
  46. @mastergomaster
    monggo dicoba semoga bermanfaat

    @akhatam
    sip :D
    mampir terus dan dapetin info baru ya

    @jhoni
    dicoba aja
    semoga berhasil ya :D

    BalasHapus
  47. denny
    sip :D
    ternyta sukses dan menyenangkan :D

    choen
    sip kang
    malah ternyata saya menmukan yg mirip kang
    ternyata udah ada yg bahas ini :(
    sudah lama dan dulu bisanya masih di blogger draft
    malah dibahas nyisipin css sekalian di template :D
    ketinggalana ternyata hahahaha

    BalasHapus
  48. wawan
    oke semoga bermanfaat ya wan :D
    dan makin mantep blogmu


    diana
    wah
    rame dong
    kalau sibuk mah sama :D
    saya juga sibuk banget disini ampe 2hari gak online

    yun
    pinggir apanya yun :D?

    BalasHapus
  49. manglawak
    jadi pengen ngecek
    jadi apa nggak
    berangkat dulu :D

    muchlisin
    emang siapa yg bilang mas? hahaha
    makasi dukungannya :D

    sip mas oemar
    makasih dukungannya selama ini :D

    BalasHapus
  50. chi
    makasih ya komentarnya :D

    kang marno
    makasih dukungannya mas
    jadi termotivasi nih :D

    mxman
    waduh
    kalo fim saya gak pernah maen nih :(

    BalasHapus
  51. linggau
    oke semoga bermanfaat :D


    kakve
    emang ribetr kan kalau mau bagus heheh
    tapi saya kria ini mudah lo

    tutorial blog
    ah gak juga mas :D
    dicoba saj dulu :D

    BalasHapus
  52. beben
    kan bisa juga lewat post kayak gini :D
    hmhmhmhmh :D

    miftah
    apanya nih?
    keknya udah jelas waduh
    tambah pusing jadinya

    mr bho
    oke mas
    semoga bermanfaat
    dan salam kenal juga :D

    BalasHapus
  53. yans
    monggo monggo
    saya juga ide mendadak saja :D
    eh ngobrol ngobrol ma kang ndy lalu jadi
    sip lah mas

    tovazone
    monggi nggeh mas
    semoga berhasil dan sukses
    makin ciamik blognya

    denie
    oke mas
    semoga bermanfaat

    BalasHapus
  54. cinta
    wah ternyata orang yg sama dgn dhenie :D

    dika
    makasih ya komentarnya
    semoga bermanfaat :D

    merawat
    oke makasih kunjungannya
    semoga bermanfaat dan
    makin sukses ngeblognya

    seputar dunia maya
    tambh lagi komentarnya mas :D
    salam kenal
    maju terus blogger
    terima kasih

    BalasHapus
  55. moggo mas aan
    tapi hati hati kalau pakai readore otomatis di depan gak keluar effectnya soalnya effect seperti link otomatis juga dimatikan

    BalasHapus
  56. keren mas, persis kyak punya detik.com yh !! jadi, pengen coba,,

    BalasHapus
  57. oke fadil monggo sopk atuh dicoba :D

    BalasHapus
  58. mas doyok maksudnya gmana sih ?masih binggung bos

    BalasHapus
  59. ya seprti contohnya itu mas, dilihat saja :D

    BalasHapus
  60. keren nih...tapi belum mau di applikasikan ...masih belum ngerti terima kasih ilmunya

    BalasHapus
  61. heh ya dibaca baca aja dulu mas :D

    BalasHapus
  62. wah ini keren mas doyok.
    tpi apa udah mas doy aplikasikan. .
    saya mau tanya ??
    coba berkunjung ke blog saya. dan tolong nilai apa yang membuat trafik blog saya turun naik. sekarang cuma mangkal di 500.000 ribu alexa traffic rank. . mohon pencerahannya . .

    ditunggu balesannya diblog saya. hehehe.. .

    BalasHapus
  63. Aku punya saran.

    Kalo kode CSS-nya ditaro di template bisa nggak? Jadi nggak perlu repot buat nulis kode CSS-nya...

    Ini cuma saran...

    BalasHapus
  64. eko prasetyo
    sudah
    lihat saja contohnya di atas kan adalinknya

    rizki
    bisa aja :D
    ialngin style nya itu
    kodenya pindah di atas
    bbskin

    BalasHapus
  65. Mas mksh infonya, Lam kenal..

    BalasHapus
  66. nasib ane yg blajar scara otodidak. Ane gk tau apa 2 ttg tag. Bahkan ane gk tau judul ane pk tag brapa

    BalasHapus
  67. mending di tarok di tamplate dari pada di setiap post.
    lebih simple. makasih mas tutor nya.

    BalasHapus
  68. padahal kodenya cuma seperti itu,tapi mikirnya susah ya,kudu bertapa di goa dulu,wkwkwk..mantab dah mas

    BalasHapus
  69. Menarik nih tulisannya, pasti bermanfaat buat saya dan teman2 yang lain :-)

    BalasHapus
  70. heheheheh...maen tambah2an ya mas..... tapi terkadang utk template2 costum class atau IDnya kadang beda2...tapi tinggal disesuaikan itunya aja

    BalasHapus
  71. kita akan coba dulu mas, sekali lagi banyak trims

    BalasHapus
  72. tipsnya menarik mas...
    saya akan mencobanya...

    BalasHapus
  73. wow..!
    cocoknya buat yang demen ama tutorial nih :)

    BalasHapus
  74. tipsnya menarik mas...
    saya akan mencobanya...

    BalasHapus
  75. Assalamu alaikum wr.wb
    Mas, gunanya apa itu?

    BalasHapus
  76. ane ada sih di htmlnya subtitle, tp gak pernah dipakek, dan gak tauk pakeknya....tak pikir2 nih kode apaan yak, ternyata ini toh...ternyata ini kode bawaaan template blon tak kuasain semuanyah...hauhauhauahuahuahuhauhua

    BalasHapus
  77. Wah bagus mas doy triknya!!!!

    BalasHapus
  78. mantab nih mas doy, bisa d coba kalau aq update postingan nanti, makasih mas doy

    BalasHapus
  79. wah aku belun ngerti... sub sub gitu..dipostingan.. hehehe.. biarin lah

    BalasHapus
  80. Ini memang saya cari2 karena kadang2 saya kepingin buat sub judul postingan tapi belum tau caranya. trims info n tipsnya

    BalasHapus
  81. di side tabnya kok jadi ada tulisan
    subtitlenya juga, bukan titlenya...cek get dot bos
    http://www.masdoyok.co.cc/2010/01/post-request-posting-sesuai-keinginan.html

    BalasHapus
  82. Bagus infonya mas...ini termasuk seo penjudulan jg ga?? ...Thnks

    BalasHapus
  83. apakah ini juga mempengaruhi seo atau hanya mempermudah pengunjung untuk melihat posting kita yang lain?

    BalasHapus
  84. waaah merguru karo mas doyok ki :D

    BalasHapus

Posting Komentar

Postingan Populer