zzzzzzzzzzzzzzzzzz

* Home
* Software
* BaseCamp
* Software Iklan
* Order Web Iklan

Aplikasi Siap Pakai

Program Lengkap Untuk Berbagai Usaha
Indobanners


IndoBanner Exchanges

adsense link 728px X 15px

Menyulap PC Jadi Alat Musik Software Accouting Terlengkap & TermudahWin XP Langka Qur'an MS-Word Software MultiFungsi Utk Berbagai UsahaSoftware Unik

Posts Subscribe to CommentsComments
adsense 300px X 250px

profile kami
Pasang Banners
tab 1 - Click >> Edit
Daftar Produk Kami, Silahkan Plih dan Klik Saja:
1.Software Retail Multi Outlet

2.Software Apotek/Toko Obat

3.Menyulap PC Jadi Alat Musik Lengkap

4.Software TokoPlus

5.Film 3GP

6.SW Menghitung Zakat

7.CD WIN XP Langka

8.Kamus Digital Arab Indonesia

9.SW Remove Data Full Version

10.Ms Word-Qur'an

11.SW Azan

12.Scipt Penghasil Rupiah

13.SW Qur'an dan Hadist

14.Digital Transtool Terlengkap

15.Belajar Bhs Inggris Dgn Audio

16.Kode Rahasia HP Nokia

17.Membuat Website Dengan WordPress

18.Software Accounting Termudah dan Terlengkap

19.E-Book Dahsyat

20.Cara Pemesanan Produk

tab 2 - Click >> Edit
Please enter your username and password to enter your Blogger Dasboard page!

Username:
Password: (?)

Widget edited by Tokoamin
tab 3 - Click >> Edit
Dapatkan Berbagai produk terbaru kami, tinggal Klik saja:
TokoPlus

Apotik

bengkel

koperasi

Daftar Situs Iklan Kami
Daftar Situs Iklan, Karya Kami, silahkan pilih dan pasang iklan anda:

1.IklanSuka

2.IklanOgut

3.FreeAds Amin

4.Iklan4Amin

5.AminShop

6.Siamin

7.Guru TK

8.Warung Amin

9.Info Vicom

10.Kumpul Iklan

11.IklanGratis Amin

12.Iklan Baris

13.IklanKu

14.Iklan Withu

15.Iklan Skripsi

16.Iklan Anda

17.IklanAmin

18.Iklan4u

19.Iklan Forum

20.HotInfo

21.Jasa

22.FreeAds4me

Tab 5 - Click >> Edit
Afiliasi:
DoMorePromo.com - Promoting Your WebsitesGrowUrl.com - growing your website Submit Your Site To The Web's Top 50 Search Engines for Free!

Free Meta Tag Analyzer Iklan PulsaMandiri.Com |Iklan Baris Gratis Sepuasnya, Unlimited Jaringan Iklan Text Online
Free Online Classified Ads View my Classified Ads
Free Classifieds by Bravenet.com

* 1
* 2
* 3
* 4
* 5


Joko Supriyanto Weblog
Tips & Celoteh Ala JokoSupriyanto

* Home
* AboutMe
* Archive
* Download MP3
* Links Exchange

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.
Tulisan terkait :

* Obrolan Tidak Penting Nov 14

* Siapa yang Newbie dan Siapa yang Master Nov 05

* Kiat Menghindar dari Halaman Suplemen Nov 05

* Ngebloglah Dengan Riang Gembira Oct 07

* Tips Membuat Blog atau Website Jun 30

* SEO-Search Engine Optimization Jun 12

Tags
tips mempercatik blog, tips ngeblog
Topics
Blog, Wordpress, tips
Feedbacks
32 comments

32 komentar untuk artikel ini

1.
andi felani says:
Wednesday, 28 January,2009 at 5:54:04 pm

pertamax dan langsung mencoba :)

andi felanis last blog post..Jembatan Barelang

Reply
Reply
2.
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

Reply

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

amin, silahkan di praktekan bos

Reply
Reply
3.
putrago says:
Wednesday, 28 January,2009 at 11:08:01 pm

tops bgt nih

putragos last blog post..Test Kepribadian

Reply
Reply
4.
Lowongan Kerja says:
Thursday, 29 January,2009 at 8:19:31 am

makin penuh pernak pernik aja nih blog :D

Lowongan Kerjas last blog post..Hayden Panettiere Exposed!

Reply
Reply
5.
heru says:
Thursday, 29 January,2009 at 8:30:48 am

bemain main dengan CSS :D

Reply
Reply
6.
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

Reply
Reply
7.
Rajawali kecil says:
Friday, 30 January,2009 at 11:33:31 am

Nanti di postingan berikutnya saya coba sambil mengutip beberapa kata mutiara :)

Reply
Reply
8.
nkurniawn83 says:
Friday, 30 January,2009 at 3:36:34 pm

manteb :)

nkurniawn83s last blog post..A Mushroom On Bamboo

Reply
Reply
9.
rotyyu says:
Saturday, 31 January,2009 at 4:08:51 pm

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

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

Reply
Reply
10.
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

Reply
Reply
11.
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…)

Reply

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

tadi kita habis kopdar lumayan rame juga kok

Reply
Reply
12.
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)

Reply
Reply
13.
joe says:
Monday, 2 February,2009 at 10:35:26 am

thanks atas infonya

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

Reply
Reply
14.
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

Reply
Reply
15.
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!!

Reply
Reply
16.
Goodbaby says:
Thursday, 5 February,2009 at 2:57:28 pm

Nanti coba dipraktekkan. Thanks anyway….

Goodbabys last blog post..14 Reasons why Baby crying

Reply
Reply
17.
Kampanye Damai Pemilu Indonesia 2009 » Blog Archive » Tips Memperindah Tulisan Artikel Di Blog says:
Saturday, 7 February,2009 at 1:01:45 pm

[...] Original post by Geblek [...]
Reply
18.
apamliblynidg says:
Sunday, 15 February,2009 at 3:30:14 pm

http://www.jokosupriyanto.com – cool sitename man)))

Reply
Reply
19.
Arsyil says:
Tuesday, 24 February,2009 at 2:01:44 pm

css tuh apaan ya? maaf saya blogger pemula nih…

arsyil.blogspot.com

Arsyils last blog post..PESAN BUAT ANAK PANGKALAN BUN

Reply

Geblek Reply:
February 24th, 2009 at 8:03:11 pm

coba baca disini bos http://en.wikipedia.org/wiki/Cascading_Style_Sheets

Reply
Reply
20.
buJaNG says:
Sunday, 19 April,2009 at 5:31:22 am

Wah makasih banget atas infonya…. sangat bermanfaat sekali. saya langsung ke TKP aja ya…

buJaNGs last blog post..Tentang Kompetisi Blog

Reply
Reply
21.
alhikam says:
Wednesday, 3 June,2009 at 10:42:02 pm

sip deh mesti blum dicoba

Reply
Reply
22.
faza says:
Friday, 12 June,2009 at 6:17:24 pm

mantapp abisssssssssss… makasih mas untuk ilmunya

salam kenal ya

fazas last blog post..fren…(finally…)

Reply
Reply
23.
panji says:
Wednesday, 24 June,2009 at 5:43:05 pm

thanx ya tentang ilmunya……………

Reply
Reply
24.
irwansyah says:
Thursday, 25 June,2009 at 3:58:12 pm

Was, tipnya ok nih… bias Artikel di blog tidak monoton/ngebosenin… thx yah mas…

Reply
Reply
25.
lataminoka says:
Tuesday, 30 June,2009 at 11:21:13 am

SA SUKA ARTIKELNYA. NANTI JADI BAHAN PRAKTEKKU THANKS

Reply
Reply
26.
firman says:
Tuesday, 17 November,2009 at 7:53:46 pm

wah …mas joko hebat,aku bloger pemula mas trims infonya
tapi minta saran bogku kok belum terindeks di google ya…bagaimana mas trims

Reply

Geblek Reply:
November 18th, 2009 at 7:45:05 am

posting terus mas, rajin blogwalking, daftar manual di search engine bila perlu. semoga membantu dan tetap semangat

Reply
Reply
27.
finux (info IT) says:
Saturday, 5 December,2009 at 11:26:03 am

wahh matep gan thnks info ya…
n numpang mapir nie..
.-= finux (info IT)´s last blog ..Linux Basic Command (Perintah Dasar Linux) =-.

Reply
Reply
28.
fherry says:
Tuesday, 23 March,2010 at 3:31:39 pm

Nice info gan . . . .

Reply
Reply

Leave a comment
Click here to cancel reply.

Your name (required)

Email address (required)

Website/blog URL

Click to cancel reply
« Previous post • Home • Next post »
Saya ?

joko supriyantoRuang ini lepas dr makna hidupku sendiri. Ruang ini bukan sekedar goresan tidak juga harian.Disaat diriku membutuhkan tempat, blog ini menjadi ruang untuk bersuara terkadang juga diam. selengkapnya »

Transfer domain gratis perpanjangan 1 th dan gratis hosting 1 th mau ? HANYA DI SINI
Daftar penghasil dollar($) yang terbukti membayar:

* Kirim Dollar langsung ke Paypal anda via ask2link.
* Dibayar untuk link yang terjual via Teliad
* Belum punya account di Paypal? miliki segera.
* Raup Dollar dengan memasang linknya.
* Upload file dapat dollar.
* Daftar, pasang, bayaran.

Recent posts

* Mar 29 Jembatan Barelang Di Malam Hari
* Mar 17 Dermaga Pelabuhan Telaga Punggur Batam
* Mar 14 Lirik lagu Kotak Pelan Pelan Saja
* Mar 10 Tak Berujung
* Mar 08 Fashion Photografi atau Portrait Photografi

Komentar Terakhir

* mbah bejo komen: wah komentarY bgus dah. bisa nambh ilmu karna
* mbah bejo komen: sebuah karya tu suka2 d'kasih nama ma yg buat
* mat petir komen: yang ngomong goblok itu jelas dia orangnya yang go
* Yani komen: Iya, broken links semua jadinya :( Di Flickr ada?
* Tutorial Admob komen: mantep buanget tuh image nya... selera ente tingg

Topics

* AAC
* BatamNews
* Blog
* Blogger
* Celoteh
* Elmu
* Free Themes Wordpress
* FreeDownload
* Informasi
* Lirik
* Madiun
* My Life
* Photo
* Plugins Wordpress
* rtrwnet
* Sampah
* tips
* Wordpress

*
* Celebrity Gosip News
* Reviews Gadgets
* Free Software Download
*

Flickr
A photo on Flickr
A photo on Flickr
A photo on Flickr
A photo on Flickr
A photo on Flickr
A photo on Flickr
Blogger
You!
Join My Community
Pipin N Ogut detri_m2009 Ratu Wahjoe dadang s 'AbdiE hafiz arifrahmawan
Dedek paralanta Areef Bukhaerotul Afriza Aenteoen vibi gede Meliadi
View Reader Community
Join this Community
(provided by MyBlogLog)
TopOfBlogs Add to Technorati Favorites Top Photo blog blogs BRDTracker Blog Resources Blogs - BlogCatalog Blog Directory BRDTracker Personal Top Blogs [SEO Monitor by MyPagerank.Net] Site Meter Visit www.batamdigitalisland.com - Bersama menjadikan Batam Digital Island.
TOP 100 PHOTOGRAPHY SITES batam blogger community
Blog Statistics - Top 10 Blog Statistics Trackers
Alexa Certified Traffic Ranking for http://www.jokosupriyanto.com
Informasi seputar kepri batam
Komunitas Fotografer Dan Videografer Batam Indonesia Yuk.Ngeblog.web.id

© 2010 Joko Supriyanto Weblog. Made using WordPress.

Built using Texta Theme by Orangescale Studio.