tutorial for twitter

Adding spaces or boxes for friends or/and messages for the layout would render you difficulty in understanding but I'll try my best to simplify things in words.

First, you have to click source in order to see the codes for your layout.

Second, decide of which you wish to add, i.e. spaces or boxes for friends or/and messages.

I. For messages section,
Scroll down until you reached the bottom.
From the bottom, count the < / d i v > codes up to two.
Right before the second < / d i v > code you've seen, paste this/these:

a) for tagging people with short comment.

<div style="border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-width:1px;border-color:#B0B0B0;width:349px;background-color:#ffffff;padding:10px;text-align:left;">
                        <div style="width:50px;height:50px;">
                                <img alt="" src="http://i.imgur.com/5sIxCDP.jpg" style="width:50px;height:50px;" /></div>
                        <div style="height:50px;">
                                <div style="margin-left:60px;width:169px;margin-top:-50px;height:17px;font-size:14px;font-family:arial, helvetica, sans-serif;color:#4B4B4B;">
                                        <strong><a href="yoururl.com" rel="nofollow" style="text-decoration:none;color:#B0B0B0;" title="click this">name</a></strong> @ name</div>
                                <div style="margin-left:60px;margin-top:5px;height:27px;font-size:12px;font-family:arial, helvetica, sans-serif;color:#B0B0B0;line-height:13px;">
                                        <a href="yoururl.com" rel="nofollow" style="text-decoration:none;font-weight:normal;color:#6E6E6E;" title="click this">@name</a> short comment.</div>
                        </div>
                </div>

b) for tagging people with photos (maximum width must be 289)

<div style="border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-width:1px;border-color:#B0B0B0;width:349px;background-color:#ffffff;padding:10px;text-align:left;">
                        <div style="width:50px;height:50px;">
                                <img alt="" src="http://i.imgur.com/5sIxCDP.jpg" style="width:50px;height:50px;" /></div>
                        <div style="height:50px;">
                                <div style="margin-left:60px;width:169px;margin-top:-50px;height:17px;font-size:14px;font-family:arial, helvetica, sans-serif;color:#4B4B4B;">
                                        <strong><a href="yoururl.com" rel="nofollow" style="text-decoration:none;color:#B0B0B0;" title="click this">name</a></strong> @ name</div>
                                <div style="margin-left:60px;margin-top:5px;height:27px;font-size:12px;font-family:arial, helvetica, sans-serif;color:#B0B0B0;line-height:13px;">
                                        picture caption. <a href="yoururl.com" rel="nofollow" style="text-decoration:none;font-weight:normal;color:#6E6E6E;" title="click this">pic.twitter.com/character</a></div>
                        </div>
                        <div style="margin-left:60px;">
                                <div style="width:289px;height:217px;">
                                        <img alt="" src="http://i.imgur.com/5sIxCDP.jpg" style="width:289px;height:217px;" /></div>
                        </div>
                </div>

c) for tagging people with videos (just change the characters next to the /embed/)

<div style="border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-width:1px;border-color:#B0B0B0;width:349px;background-color:#ffffff;padding:10px;text-align:left;">
                        <div style="width:50px;height:50px;">
                                <img alt="" src="http://i.imgur.com/5sIxCDP.jpg" style="width:50px;height:50px;" /></div>
                        <div style="height:50px;">
                                <div style="margin-left:60px;width:169px;margin-top:-50px;height:17px;font-size:14px;font-family:arial, helvetica, sans-serif;color:#4B4B4B;">
                                        <strong><a href="yoururl.com" rel="nofollow" style="text-decoration:none;color:#B0B0B0;" title="click this">name</a></strong> @ name</div>
                                <div style="margin-left:60px;margin-top:5px;height:27px;font-size:12px;font-family:arial, helvetica, sans-serif;color:#B0B0B0;line-height:13px;">
                                        video caption. <a href="yoururl.com" rel="nofollow" style="text-decoration:none;font-weight:normal;color:#6E6E6E;" title="like this">http://www.youtube.com/watch?v=XQ...</a></div>
                        </div>
                        <div style="margin-left:60px;">
                                <iframe frameborder="0" height="162" src="//www.youtube.com/embed/XQHpKfRkXLA" width="289"></iframe></div>
                </div>



II. for adding friends section,

Press Command (Ctrl) + F and paste this inside the box:
follow her/him </a></div>

After finding which, insert this code right AFTER the highlighted text:

<div style="margin-top:10px;">
                                <div style="width:50px;height:50px;">
                                        <img alt="" src="http://i.imgur.com/5sIxCDP.jpg" style="width:50px;height:50px;" /></div>
                                <div style="margin-left:60px;width:169px;margin-top:-50px;height:15px;font-size:12px;font-family:arial, helvetica, sans-serif;color:#4B4B4B;">
                                        <strong>Name</strong></div>
                                <div style="margin-left:60px;height:35px;font-size:10px;font-family:arial, helvetica, sans-serif;color:#B0B0B0;line-height:13px;">
                                        short bio<br />
                                        message<br />
                                        <a href="yoururl.com" rel="nofollow" style="text-decoration:none;font-weight:normal;color:#B0B0B0;" title="click this">follow her/him</a></div>
                        </div>


Should there any more be questions, feel free to raise it up on my rp's comment section and I'll help you as much as possible. Thanks.