Some Useful Code That Will be Useful to Make Your Article Looks Better by hananan

View this thread on: hive.blog | peakd.com | ecency.com

steemit · @hananan · Sep 22 '17

$4.69

Some Useful Code That Will be Useful to Make Your Article Looks Better

Few days after I joined steemit community I was wondering how to make my article looks better. I was spending hours to figure out some of it. so this time I'd like to share about some useful code for your steemit writing ^^.
## How to make your picture in the middle of the article

https://steemitimages.com/DQmbcxzEDHkT57d5jKz3hQyagW9MpeVSuZ39PASnJjABLzd/centre.jpg

<center>https://steemitimages.com/DQmXe48M5xuEbYivA3ThmsaNEJPr4BtwynzEQ3cNb2aQBEe/DQmZbmB8dKyP7arfFMRihjTEmvrmZWRBh1i59WXjDs4qH8o.jpg</center>

## How to make your picture in the left/right part of your article <br>
<div class="pull-left"> https://steemitimages.com/DQmXe48M5xuEbYivA3ThmsaNEJPr4BtwynzEQ3cNb2aQBEe/DQmZbmB8dKyP7arfFMRihjTEmvrmZWRBh1i59WXjDs4qH8o.jpg </div> when you do this all your writing will appear in the right side. If you wanted the picture to appear in the right side just change the code to be pull-right.
https://steemitimages.com/DQmQNpU4XWfF4qjj31K5vbZGcoX8CcMhFj2HuYNaP2JKyBH/pull%20left.jpg


<div class="pull-right"> https://steemitimages.com/DQmXe48M5xuEbYivA3ThmsaNEJPr4BtwynzEQ3cNb2aQBEe/DQmZbmB8dKyP7arfFMRihjTEmvrmZWRBh1i59WXjDs4qH8o.jpg </div>
Now I am in your right side :D
https://steemitimages.com/DQmQ74joMoYc5GrQ8dUyN8sGfYUKGSbY14k6o6TP7VM7P1u/pull%20right.jpg

## How to make 2 columns
<div class="pull-left"> By using this 2 Columns you can write in two languages side by side, or anything that you like. </div><div class="pull-right"> Dengan menggunakan 2 kolom memungkinkan kita untuk menulis dalam 2 bahasa side by side. </div><hr>
https://steemitimages.com/DQmfEVa4twD5XGt6bTrdfLsnW9CG3ETL8yaqej9Hd7AX4m2/2%20colums.jpg <br>
If you wanted to put some space between pictures you can put break code (br)
https://steemitimages.com/DQmUQJ4BrF5brBqMWAUH8eyKhTQdjnyqTYPmwsbdhmoz9nm/br.jpg

## How to Make Table

Nama|alamat
----------|----------
Chomi|Dumai
Mia | Jakarta

https://steemitimages.com/DQmVymAv8jJomu3EBgQJ63dp596EZ619TmTSs1Ew4iYksk8/tabel.jpg

<hr>
Well, That's all for today, I hope it's useful especially for a new comer ^^ <hr><hr>
https://steemitimages.com/DQmfC1F1nDXyBmxztqtfYt95PkvqJEkdarHqz1MM87uZmjh/penutup.jpg

👍 jackkang, horazwiwik, kemal13, ackhoo, hananan, nazarwills, bahagia-arbi, cutthara, claudia1087, saifulyukache, aranda, aryatia, rykamutiarasari, dimensco, aurica72, alimurtaza, itsravi, fararizky

`author`	hananan
`permlink`	some-useful-code-that-will-be-useful-to-make-your-article-looks-better
`category`	steemit
`json_metadata`	{"tags":["steemit","format","code","indonesia","writing"],"image":["https://steemitimages.com/DQmbcxzEDHkT57d5jKz3hQyagW9MpeVSuZ39PASnJjABLzd/centre.jpg","https://steemitimages.com/DQmXe48M5xuEbYivA3ThmsaNEJPr4BtwynzEQ3cNb2aQBEe/DQmZbmB8dKyP7arfFMRihjTEmvrmZWRBh1i59WXjDs4qH8o.jpg","https://steemitimages.com/DQmQNpU4XWfF4qjj31K5vbZGcoX8CcMhFj2HuYNaP2JKyBH/pull%20left.jpg","https://steemitimages.com/DQmQ74joMoYc5GrQ8dUyN8sGfYUKGSbY14k6o6TP7VM7P1u/pull%20right.jpg","https://steemitimages.com/DQmfEVa4twD5XGt6bTrdfLsnW9CG3ETL8yaqej9Hd7AX4m2/2%20colums.jpg","https://steemitimages.com/DQmUQJ4BrF5brBqMWAUH8eyKhTQdjnyqTYPmwsbdhmoz9nm/br.jpg","https://steemitimages.com/DQmVymAv8jJomu3EBgQJ63dp596EZ619TmTSs1Ew4iYksk8/tabel.jpg","https://steemitimages.com/DQmfC1F1nDXyBmxztqtfYt95PkvqJEkdarHqz1MM87uZmjh/penutup.jpg"],"app":"steemit/0.1","format":"markdown"}
`created`	2017-09-22 14:38:09
`last_update`	2017-09-22 14:38:09
`depth`	0
`children`	18
`last_payout`	2017-09-29 14:38:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	4.630 HBD
`curator_payout_value`	0.060 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	2,145
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,622,583
`net_rshares`	1,620,782,324,637
`author_curate_reward`	""

properties (23)vote details (18)

voter	rshares	pct
jackkang	1,578,979,614,332	50%
kemal13	9,514,526,930	100%
ackhoo	5,481,547,601	100%
horazwiwik	12,244,398,689	100%
nazarwills	2,802,522,477	100%
aurica72	469,260,497	100%
fararizky	0	100%
saifulyukache	864,138,934	100%
alimurtaza	350,028,800	100%
itsravi	0	100%
dimensco	534,216,520	100%
rykamutiarasari	586,187,772	100%
aryatia	619,520,000	100%
bahagia-arbi	1,828,595,099	100%
hananan	3,114,191,376	100%
cutthara	1,457,045,843	100%
claudia1087	1,114,204,763	100%
aranda	822,325,004	100%

@ackhoo · Sep 22 '17

It's useful for me too! Lol... I know some of it, but learned some new things too! Thank you, Hani :)

properties (22)

`author`	ackhoo
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t200026411z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 20:00:30
`last_update`	2017-09-22 20:00:30
`depth`	1
`children`	1
`last_payout`	2017-09-29 20:00:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	101
`author_reputation`	127,502,153,524,768
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,648,593
`net_rshares`	0

@hananan · Sep 22 '17

You are welcome ^^

properties (22)

`author`	hananan
`permlink`	re-ackhoo-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t232957287z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 23:30:03
`last_update`	2017-09-22 23:30:03
`depth`	2
`children`	0
`last_payout`	2017-09-29 23:30:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	18
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,660,745
`net_rshares`	0

@alimurtaza · Sep 22 '17

Izin resteem

properties (22)

`author`	alimurtaza
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t171005995z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 17:10:09
`last_update`	2017-09-22 17:10:09
`depth`	1
`children`	1
`last_payout`	2017-09-29 17:10:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	12
`author_reputation`	84,788,688,769
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,635,550
`net_rshares`	0

@hananan · Sep 22 '17

Silahkan ^^

properties (22)

`author`	hananan
`permlink`	re-alimurtaza-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t173100974z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 17:31:06
`last_update`	2017-09-22 17:31:06
`depth`	2
`children`	0
`last_payout`	2017-09-29 17:31:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	11
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,637,262
`net_rshares`	0

@bahagia-arbi · Sep 22 '17

Wow keren banget dek Hani. Thanks ya sdh berbagi hal penting banget. Salam

properties (22)

`author`	bahagia-arbi
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t154226721z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 15:42:30
`last_update`	2017-09-22 15:42:30
`depth`	1
`children`	3
`last_payout`	2017-09-29 15:42:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	74
`author_reputation`	62,544,888,098,801
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,628,279
`net_rshares`	0

@hananan · Sep 22 '17

Makasi ^^

properties (22)

`author`	hananan
`permlink`	re-bahagia-arbi-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t161828750z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 16:18:36
`last_update`	2017-09-22 16:18:36
`depth`	2
`children`	2
`last_payout`	2017-09-29 16:18:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	9
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,631,283
`net_rshares`	0

@bahagia-arbi · Sep 23 '17

Dek Hani, mau bergabung dgn grup WA pasukan elit 20? Di sana hnya ada 20 steemian pilihan, sekarang sdh ada 15. Nama @ayijufridar, @mariskalubis, @razack-pulo, @kemal13, @orcheva, @jodipamungkas dll sdh join jg. Mau?

properties (22)

`author`	bahagia-arbi
`permlink`	re-hananan-re-bahagia-arbi-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170923t003049761z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"users":["ayijufridar","mariskalubis","razack-pulo","kemal13","orcheva","jodipamungkas"],"app":"steemit/0.1"}
`created`	2017-09-23 00:30:57
`last_update`	2017-09-23 00:30:57
`depth`	3
`children`	1
`last_payout`	2017-09-30 00:30:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	216
`author_reputation`	62,544,888,098,801
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,663,641
`net_rshares`	0

1 reply

@dimensco · Sep 23 '17

Thank you @hananan for sharing with us, followed and upvoted.

I've been thinking how to make a better way to presents my picture with text. And I think your advise with "pull-left" or "pull-right" is the best way! Thanks!

properties (22)

@hananan · Sep 24 '17

Pleasure is mine ^^ <br>
I am following you back

properties (22)

`author`	hananan
`permlink`	re-dimensco-re-hananan-2017924t281853z-20170924t000527757z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-24 00:05:33
`last_update`	2017-09-24 00:05:33
`depth`	2
`children`	0
`last_payout`	2017-10-01 00:05:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	48
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,749,419
`net_rshares`	0

@fararizky · Sep 30 '17

Makasi info nya

👍 fararizky

`author`	fararizky
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20171001t080240759z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-30 18:01:33
`last_update`	2017-09-30 18:01:33
`depth`	1
`children`	1
`last_payout`	2017-10-07 18:01:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	15
`author_reputation`	25,882,002,454,497
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	16,399,209
`net_rshares`	188,953,600
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
fararizky	0 B		188,953,600	100%

@hananan · Sep 30 '17

Sama2 ^^

properties (22)

`author`	hananan
`permlink`	re-fararizky-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170930t233825196z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-30 23:38:36
`last_update`	2017-09-30 23:38:36
`depth`	2
`children`	0
`last_payout`	2017-10-07 23:38:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	8
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	16,420,612
`net_rshares`	0

@horazwiwik · Sep 25 '17

Very cool.

properties (22)

`author`	horazwiwik
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170924t165126687z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-25 04:51:27
`last_update`	2017-09-25 04:51:27
`depth`	1
`children`	1
`last_payout`	2017-10-02 04:51:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	10
`author_reputation`	5,731,794,004,667
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,851,431
`net_rshares`	0

@hananan · Sep 25 '17

thanks

properties (22)

`author`	hananan
`permlink`	re-horazwiwik-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170925t055010355z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-25 05:53:48
`last_update`	2017-09-25 05:53:48
`depth`	2
`children`	0
`last_payout`	2017-10-02 05:53:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	6
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,855,014
`net_rshares`	0

@mariskalubis · Sep 22 '17

Aduh terima kasih banyak diberikan informasi penting unuk saya yang gaptek ini... muah!

properties (22)

`author`	mariskalubis
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t162009998z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 16:18:33
`last_update`	2017-09-22 16:18:33
`depth`	1
`children`	1
`last_payout`	2017-09-29 16:18:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	87
`author_reputation`	1,210,283,867,464
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,631,274
`net_rshares`	0

@hananan · Sep 22 '17

Sama2 kak 😄

properties (22)

`author`	hananan
`permlink`	re-mariskalubis-re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170922t173021064z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-22 17:30:30
`last_update`	2017-09-22 17:30:30
`depth`	2
`children`	0
`last_payout`	2017-09-29 17:30:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	11
`author_reputation`	15,324,475,511,060
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,637,207
`net_rshares`	0

@rykamutiarasari · Sep 23 '17

Sangat bermanfaat ini kakak.

properties (22)

`author`	rykamutiarasari
`permlink`	re-hananan-some-useful-code-that-will-be-useful-to-make-your-article-looks-better-20170923t000455896z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"app":"steemit/0.1"}
`created`	2017-09-23 00:05:03
`last_update`	2017-09-23 00:05:03
`depth`	1
`children`	1
`last_payout`	2017-09-30 00:05:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	28
`author_reputation`	48,344,566,153
`root_title`	"Some Useful Code That Will be Useful to Make Your Article Looks Better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,662,440
`net_rshares`	0

@hananan · Sep 23 '17

Thanks ^^

properties (22)