Tips Trick kali ini adalah tentang cara Membuat huruf awal postingan Besar bergaya Koran. Biasanya para blogger yang menggunakan konsep Blogazine pada postingannya pasti menggunakan cara ini agar lebih nampak seperti Koran atau Majalah. Sebenarnya saya juga ingin menerapkan konsep Blogazine pada postingan saya namun saya masih harus belajar karena kurang mengerti tentang Custome Css.
Kembali ke Topik, pada ngerti gak maksud tutorial saya kali ini? kalo gk ngerti coba perhatikan Huruf pertama pada postingan ini. bagaimana ? Lebih besar bukan dari huruf yang lain ? bagi yang ingin menerapkan cara ini ke blog atau websitenya jangan khawatir postingannya jadi berat karena ini menggunakan Css bukan Javascript.
untuk yang belum ngeti nih ada Screenshotnya
Jika sudah pada ngerti langsung saja ke cara membuatnya
Bagaimana cara menerapkannya di postingan ? pilih edit HTML saat ingin menulis postingan baru lalu masukan kode berikut <span class="awal">T</span> huruf T adalah huruf yang akan diperbesar. Ganti huruf T dengan huruf yang lain sesuai huruf awal postingan anda.
Sekian dulu Tutorial dari saya, Salam sejatera sobat blogger
Kembali ke Topik, pada ngerti gak maksud tutorial saya kali ini? kalo gk ngerti coba perhatikan Huruf pertama pada postingan ini. bagaimana ? Lebih besar bukan dari huruf yang lain ? bagi yang ingin menerapkan cara ini ke blog atau websitenya jangan khawatir postingannya jadi berat karena ini menggunakan Css bukan Javascript.
untuk yang belum ngeti nih ada Screenshotnya
Jika sudah pada ngerti langsung saja ke cara membuatnya
- Seperti biasa Login ke blogger dengan akun masing masing
- Dari dasbor langsung ke Rancangan
- Lalu pilih Edit HTML
- cari kode ]]></b:skin> untuk lebih mudah tekan ctrl+f
- masukkan kode berikut Diatas kode tadi
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:50px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:50px;
} - Jika sudah klik Simpan template
Bagaimana cara menerapkannya di postingan ? pilih edit HTML saat ingin menulis postingan baru lalu masukan kode berikut <span class="awal">T</span> huruf T adalah huruf yang akan diperbesar. Ganti huruf T dengan huruf yang lain sesuai huruf awal postingan anda.
Sekian dulu Tutorial dari saya, Salam sejatera sobat blogger
mantap dah
BalasHapus@Zh!nTho Kalo mantap Praktekin ya ^__^
BalasHapusmantab2, tp tolong penggunaan padding dan marginny dperbesar lg :D
BalasHapustkp gan.
BalasHapus@Cek Info hha iy.
BalasHapusizin praket gan :D
BalasHapusnumpang absen aja ah :D
BalasHapus@Said Arsyad sipp !!
BalasHapus@SE-DOT Lanjutkan.
BalasHapus@XaOn jiah daftar hadir w ilang :P
BalasHapustapi kalo css nya ditaroh langsung di postingan bisa nda?
BalasHapus@DAW-XP mmm... dicoba aja gan. kalo saya persis kayak gini prakteknya
BalasHapussaya udah pasang gan di blog saya,, tapi lupa mulu pas nulis post masukin scriptnya,, hehhe,,
BalasHapus@Rama88 wkakak lama lama inget koq ^_^
BalasHapusini namanya drop caps ya kan? wahhh mantep nih!
BalasHapus@Farixsantips Iy gan betul sekli
BalasHapus@Admin - Sc zone ahhaa,, iya sob,, udah inget lagi,, udah dipraktekin tadi,, ^_^
BalasHapus@Rama88 ahaa Sip (y)
BalasHapuskeren nih kayaknya,,,
BalasHapuscobain dolo ahhh.
@Ageboy Sip...
BalasHapuspake span diedit html pas posting kyknya jga bisa gan,, :)
BalasHapuscustom postnya keren sob,, hehehe,, (y)
BalasHapus@Rama88 Hhe iy ini juga baru bisa gini.
BalasHapuswah sip nih udah di bikin custom post :) tukar Link yuk ?
BalasHapusmantep sayangnya saya gabisa buat koran :D hehehhe
BalasHapus@Admin - Sc zone tapi keren sob,, ane aja gak bisa2 bikin custom post,, hehhe
BalasHapus@Rama88 ayo jangan putus asa,,, pasti bisa
BalasHapus@Mbah Qopet Ayuk
BalasHapus@Dicky Rahman Ramadhan wew apa hubungannya ??
BalasHapusnice info gan,..
BalasHapus@otomac Sip,,,
BalasHapushmm.. backgroundnya ngga usah dikasih aja mas, ntar kalo bacgkround tulisan ngga pake putih, tapi huruf awalnya background nya putih kan lucu, wkwkwkkk
BalasHapustapi bisa diatur sih kalo mix mix sama style yg lain ;)
makasih infonya . .
@Ladida C Sip Master, Makasih juga infonya ^_^
BalasHapus@allshare zone Pake Span susah
BalasHapusyah,nanti kalo ganti postingan,pasti nanti awalannya beda lagi hurufnya sob?
BalasHapusini dia yang dicari-cari
BalasHapus@4JIE BLOG Gunakan Sebijak mungkin yea hhe *b'canda
BalasHapusHello, I simply wanted to take time to make a comment and say I have really enjoyed reading your site.
BalasHapusMantap gan hasilnya :D
BalasHapusMy blog >>> punyashodiq.blogspot.com