Tips dan Triks Memperindah Tulisan Artikel Di Blog

Jan 28 2009

Tips Memperindah Tulisan Artikel Di Blog

Pada tulisan saya kemaren bagaimana pentingnya sebuah perubahan dalam semua hal, dan akirnya saya sedikit mengubah style tulisan pada setiap postingan saya dengan 3 style yang berbeda. Tiga style tersebut adalah sub title, drop cap dan pullquote. Tulisan kali ini saya hanya ingin berbagi bagaimana membuat drop cap dan pullquote di blog sampean.

Drop cap
Maaf saya ndak ngerti banyak tentang apa itu css, dalam kesempatan ini saya hanya mengambil dari berbagai sumber salah satunya dari sini dan tentunya sedikit penyesuaian pada hasil akir di blog sampean nantinya. Coba sampean copy code css di bawah ini dan copy pada file atau letak css di blog sampean berada.

.drop_cap {padding: 0.17em 0.08em 0.05em 0;font-size: 3.4em;line-height: 0.6em;color: #000;float: left;} .post .drop_cap {padding: 0.17em 0.08em 0.05em 0;font-size: 3.4em;line-height: 0.6em;color: #000;float: left;}

Lalu cara untuk memakainya hanya cukup menulis < span class=”drop_cap”>T< /span > disetiap awal postingan atau di mana sampean ingin menempatkan huruf yg ingin di posisikan sbg drop cap.

Pullquote
Nah selanjutnya sebuah elemen yang sering sampean lihat di majalah-majalah ataupun koran. Pullquote, disamping fungsinya sebagai penegas, penjelas, selipan motivasi atau apapun itu, juga bisa membuat pembaca tertarik membaca tulisan kita. Seperti halnya cara drop cap, kali saya juga hanya menambahkan style css berikut ini.

“Keteguhan hati merupakan elemen penting untuk meraih kesuksesan. Jika sampean mengetuk pintu dengan cukup kuat dan keras, sampean akan pasti berhasil membangunkan seseorang”

henry wadsworth lohgfellow

blockquote.left { width: 200px; margin: 5px 15px 5px 0; font-size: 1.4em; text-align: center; color: #abafb9; background: none; border: none !important; padding: 0 !important; float: left; } blockquote.right { width: 200px; margin: 5px 15px 5px 0; font-size: 1.4em; text-align: center; color: #abafb9; background: none; border: none !important; padding: 0 !important; float: right; }
Cara untuk memasukan di setiap postingan hanya dengan menulis code ini di setiap dimana pullquote tsb akan di posisikan, < blockquote class=”left”>tulisan ada di sini< /blockquote >, jika ingin di posisi kanan tinggal ganti left ke right saja. Sumber dr sini

Untuk yang memakai wordpress, sebenarnya sudah ada plugin kusus untuk menangani pullquote ini. plugin bisa di dapatkan di sini. Namun menurut saya, selama manual masih bisa kenapa memakai plugins kasian blog banyak plugins yg bekerja maka juga akan kecapekan.

Happy blogging kawan.

Postingan yang terkait :

Tags: "mempercantik blog di wordpress", arti css pada blog, arti float, arti float css, artikel di blog, artikel untuk blog, bagaiman cara memperindah blog, car memperindah blog wordpress, cara buat command button pada worpress, cara membuat command button di blog, cara membuat pull quote untuk blogger, cara memeperindah facebook, cara memper indah blog, cara memper indah blog 2010, cara mempercantik blog, cara mempercatik facebook, cara memperindah blog, cara memperindah blog dari blogspot, cara memperindah blog di blogger, cara memperindah blog di blogspot, cara memperindah blog di wordpress, cara memperindah blog lewat wordpress, cara memperindah blog pada wordpress, cara memperindah blog wordpress, cara memperindah blogger, cara memperindah blogger untuk pemula, cara memperindah blogger wordpress, cara memperindah blogspot, cara memperindah facebook, cara memperindah huruf di blog, cara memperindah tampilan blog, cara memperindah tampilan blog di wordpress, cara memperindah tampilan blogspot, cara memperindah tampilan facebook, cara memperindah tapilan blog, cara memperindah tulisan, cara memperindah tulisan blog, cara memperindah tulisan status facebook, cara memperindah wordpress, cara memperindah wordpress untuk pemula, cara memperindh blog, cara mudah memperindah blog, cari memperindah blog, cra memperindah blog, css untuk memperindah blog, drop cap di wordpress, inurl:memperindah facebook, kiat memperindah, kiat memperindah blogg, langkah-langkah memperindah blog, logo, memeperindah blog, memper indah blog, mempercantik blog archive, mempercantik dan memperindah blog, mempercantik dan memperindah blogger, mempercantik dan memperindah tampilan facebook, mempercantik tulisan blog, mempercantik tulisan pada blog, memperindah blog, memperindah blog blogger, memperindah blog dengan, memperindah blog di blogger, memperindah blog di wordpress, memperindah blog di worpress, memperindah blog wordpress, memperindah blogger, memperindah blogspot, memperindah blok, memperindah dan mempercantik blog, memperindah di blogger, memperindah facebook, memperindah tampilan blog, memperindah tampilan blog di blogspot, memperindah tampilan blog wordpress, memperindah tampilan blogger, memperindah tampilan facebook, memperindah tulisan, memperindah tulisan di facebook, memperindah web dengan css, memperindah wordpres, memperindah wordpress, pengertian css float, tampilan tulisan pada blog, tip mempercantik blog di wordpress, tips bahan tulisan buat blog, tips dan triks mempercantik blog, tips memeperindah blog, tips mempercantik tulisan pada blog, tips mempercatik blog, tips memperindah blog, tips memperindah tampilan blog, tips memperindah tampilan web, tips ngeblog, tips readmore tulisan diblog, tips untuk memperindah blog dan wordpress, web
Topics: Blog, Wordpress, tips
Feedbacks: 36 comments

andi felani says:

Wednesday, 28 January,2009 at 5:54:04 pm

pertamax dan langsung mencoba

andi felanis last blog post..Jembatan Barelang

osamanwae says:

Wednesday, 28 January,2009 at 8:25:31 pm

weks.. request langsung di paparkan habis habisan.. matur suwun mas geblek.. moga dilimpahkan rejekinya….
hehhehe

Geblek Reply:
January 29th, 2009 at 7:33:05 am

amin, silahkan di praktekan bos

putrago says:

Wednesday, 28 January,2009 at 11:08:01 pm

tops bgt nih

putragos last blog post..Test Kepribadian

Lowongan Kerja says:

Thursday, 29 January,2009 at 8:19:31 am

makin penuh pernak pernik aja nih blog

Lowongan Kerjas last blog post..Hayden Panettiere Exposed!

heru says:

Thursday, 29 January,2009 at 8:30:48 am

bemain main dengan CSS

Ria Saptarika says:

Friday, 30 January,2009 at 1:35:25 am

Mas Jokko,
Di tunggu jadwal Kopdar lagi!
Sy tuan rumah.
Thanks & Wassalam
Ria

Rajawali kecil says:

Friday, 30 January,2009 at 11:33:31 am

Nanti di postingan berikutnya saya coba sambil mengutip beberapa kata mutiara

nkurniawn83 says:

Friday, 30 January,2009 at 3:36:34 pm

manteb

nkurniawn83s last blog post..A Mushroom On Bamboo

rotyyu says:

Saturday, 31 January,2009 at 4:08:51 pm

Wah, keren banget nih, cobain ah……..

rotyyus last blog post..?????????????????????????? ????

itc says:

Saturday, 31 January,2009 at 4:10:26 pm

Mantap banget, thx atas tips-nya yang sangat berguna. Hidup blogger Indonesia

itcs last blog post..Aplikasi Alternatif Open Source Populer

Brian Joe says:

Sunday, 1 February,2009 at 5:44:46 pm

Thankz Mas Joko For D Visit…

Tutorin Sy Donkz Maz…
Kpn Nich Bisa Jumpa???

Salam

Brian Joes last blog post..Gw lagi Ngoverin Lagu Andra n BB (Lagi dan Lagi…)

Geblek Reply:
February 1st, 2009 at 6:23:21 pm

tadi kita habis kopdar lumayan rame juga kok

monique says:

Monday, 2 February,2009 at 4:04:36 am

Good artikel bos.. turut menyimak

moniques last blog post..10 Information of Cancer Need to be Known (Part I)

joe says:

Monday, 2 February,2009 at 10:35:26 am

thanks atas infonya

joes last blog post..Liem Swie King, King Smash

Jiewa says:

Tuesday, 3 February,2009 at 12:02:39 pm

Wah, makin mirip majalah style blog kita dgn cara ini. Thx ya sharingnya..

Jiewas last blog post..Sop Konro di Ujung Soerabaja

bestfast says:

Wednesday, 4 February,2009 at 10:08:35 pm

huebaat . . . huebaaat blognya, dan perlu di tularkan dan diaplikasikan bagi mereka yang sangat berminat secara riil atau dengan model works shop . . . .. . . lewat kopdar begitu bung.

bestfasts last blog post..Bengawan Solo dan Madiun Meluap Ngawi Banjir!!