Oct 12, 2006
How To Add Code In Your Posts
12.10.06 | Posted by
Avatar X |
Edit Post
|
As i have said and will say again, if you write to ask me something, i will deliver you answers, no matter how easy or hard the question is.
This time around was about posting Code into a Blog Post:
Avatar, i have seen in your blog and in others that somehow you can write code on post, how i do that?
"Somehow?"
heh, there are lots of ways to do it, but the cleanest, easy and the prettiests are this ones:
1.-Inline Replacing Marks
This way you only need to write this to replace the code openers and closer tags:
To get this:
<a href="http://bloggeratto.blogspot.com">Bloggeratto</a>
That in your post Html Editor must look like this:
2.-Inline Text Fields
In this case you need to put a code to be able to show the code you want to post.
To do this, you need to put a text area form field each time you want to post a some code and then place it inside.
The code for a Textarea form field is this:
<br /><center><form><textarea rows="3" cols="50" readonly>Code you want to post</textarea></form></center><br />
To get this:
See?, very easy to do. now, i use the first method, and others like Hans use the second method.
So, it is only a matter of taste.
Well, i hope this have been some help to someone.and once again, i am just a message away,
Lijit Ad Wijit
Categories
Labels
Templates
(8)
Add-ons
(5)
Appatic
(3)
Bloggerosphere
(3)
Services
(3)
Avatar X
(2)
Blogger Gadgets
(2)
Blogger In Draft
(1)
Blogger Page Element
(1)
Blogosphere
(1)
One Click Install
(1)
Opinion
(1)
Rant
(1)
Blog Archive
-
▼
2006
(289)
-
▼
October
(43)
- Blogger v3.0: Hovering Peek-A-Boo Blogger Navbar
- Blogger Says: Crashing In & Out (The Sitcom)
- Blox: The First Hit
- IE7 vs FF 2.0: One Week Later
- Blogger Says: Don´t Dare To Judge Us!
- New Post Threads
- Aditya Is Back
- Related Posts Finder Bookmarklet
- Blogger v3.0: About Adding A Second Sidebar
- Blogger v3.0: Peek-a-boo Comments
- Blogger v3.0: Video And Search With Google Ajax
- Blogger Says: Bulk Label Management Is On
- Blogger v3.0: Tags Rundown
- Blogger v3.0: Comment Highlighting with Notifications
- Performancing Partners: A Focused Blog Ad Network
- Bloggeratto v0.3
- Random Header Rotator
- Exlinks: Expand Your Site?
- Favorite Bloggeratto At Technorati
- Drop Caps For Your Blog
- Lonely Bloggers: Don´t Cry Alone, Cry In Front Of ...
- Blogger v3.0: Meta Data And Your Blog
- Blogger v3.0: Feed Links Widget
- Chatango: Group Chat Board Widget
- How To Add Code In Your Posts
- Blogger v3.0: Introductions For Labels And The Mai...
- Iconbuffet: Royalty-Free Stock Icons
- Google Buys YouTube = GooTube?
- Snapquotes For Your Blog
- WriteToMyBlog: Word Processor For Blogs
- Widgets Galore
- Blogger v3.0: Navigational Icons
- Ping Google
- Yotophoto: Free-To-Use Photo Search Engine
- About Posting JavaScript In Blog Posts
- Audioblogger Is Dead
- Blogger Says: Picasa Now Kinda Works With Blogger...
- Bordee: Free Messageboards With a Web 2.0 Twist
- Hoctro´s Journey Inside & Out Of Blogger v3.0
- Blogger v3.0: Extended Social Bookmarking
- Fullfeeds.com: Keep Them Whole!
- About The Ajax Search Api Hackery
- Older, Wiser And With A Lot Of Angst
-
▼
October
(43)
5 comments:
Jason:
A little mistep uh?, oh well glad you got here in a second try.
and yeah, it is has to be worked, but it look great.. i wish someone would make a online form so any code you posted would then get all ther >< replaced automaticlly so, it would be a breeze to use..
some post has box with scroll bar to minimize space.. i wish i know how to do that can you teach me? tnx.. send me a reply 2posporo2@gmai.com
more power
I used the first one work great for me but the second dont work it add me automaticaly "br" in every line.
I was wonder how to do something and am hoping you might be able to help explain it. I want to be able to post a repost code box like in the number 2 Inline Text field however, I want to be able to put the code box inside also. What I am wanting to do is have it so when someone goes to repost the code they also can repost the box with the code inside. Is there a way for me to be able to do this?
Thanks for all the awesome information has saved me bunches of time when giving out codes.
@Anonymous
well, there is a manual way to do that:
1.-use method 2 normally to have your code in a text area from field.
2.-Below the t.a.f.f in a different line you can put the embed code for it by using the inline replacing marks for the code of the t.a.f.f as shown in method 1 + the code you need using the same method. That way you can offer both the code and the code+ the t.a.f.f at the same as if it was an embed code.
3.-In order to not have to repost the inline replacing marks verse for the t.a.f.f, you can simply add it to your post template that is in your formating sub-tab in your blog settings tab.
Hope this helps
Post a Comment
Welcome To Bloggeratto. In here you can post any kind of comment you want. Seriously, Go ahead.