Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Sunday, May 1, 2016

Manyvids Link Icon


HTML Code:
<a href="Your_Manyvids_url_goes_here" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzaLhdfSHUnLOiHe8g50yW8RJgpWDW9yV88q7vmnvauMXS_w5jE-ltU6Xg29w3RT4EFqTVMozT9izc0bPRgLsCcM_48r0aJBpAdgrS2kSWiOIoGkVJwr-AI1NdMk1ARAZiO7W49OsENE/s1600/manyvids.png" border="0" /></a>

Monday, April 13, 2015

Basic HTML Codes for Editing Text (Beginners)

<br>
 
Line Break Element
produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.


HTML Text Formatting Elements

TagDescription
<b>Defines bold text
<em>Defines emphasized text 
<i>Defines italic text
<small>Defines smaller text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text
<mark>Defines marked/highlighted text



 Links are defined with the <a> tag:
<a href="url">link text</a>

Example:

<a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>

Try it Yourself »
The href attribute specifies the destination address (http://www.w3schools.com/html/)
The link text is the visible part (Visit our HTML tutorial).
Clicking on the link text, will send you to the specified address.

NoteThe link text does not have to be text. It can be an HTML image or any other HTML element.

Thursday, June 5, 2014

Make Icons Glow Neon Pink on C4S



Another image/link effect I put together to add to your clips4sale store.


Amazon, Twitter, and Tumblr clickable icons that highlight neon pink when you scroll over them with your mouse,


http://www.amazon.com/ https://twitter.com/ http://tumblr.com/



Paste the HTML code where ever on your page that you want it to show up. (Change the highlighted links to your specific URL)


HTML Code:

<div style="text-align: center;">

<a href="http://www.amazon.com/" target="_blank"><img alt="http://www.amazon.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoYYKxqSA8V3sWuCrDVYfG3IVhmukPyZhWW-eIAr1HehnkNslYLVWu0fahvPIwwZlWaVZ_rrXdRg4DELKX6NW8Ia_iRqUst26sQLSMLV0qx9ycooSVWJjsP4fzFe4NApM9SGoKR96EhE/s1600/amazon-logo-8.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoYYKxqSA8V3sWuCrDVYfG3IVhmukPyZhWW-eIAr1HehnkNslYLVWu0fahvPIwwZlWaVZ_rrXdRg4DELKX6NW8Ia_iRqUst26sQLSMLV0qx9ycooSVWJjsP4fzFe4NApM9SGoKR96EhE/s1600/amazon-logo-8.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpcS_cLH7Nk4xcSQFOw_Ef1fRTBBzttToZhrRy6PNYZdUoKJJtfuQclx2hkuob55o7s1EtLTA2n003-zi0Eag3XEWwE23fht6T2N7mGeWDGyDs0eLNXCc6QaJmHH8FR-xCoWdmBugWd3s/s1600/amazonpink.png'" /></a>

<a href="https://twitter.com/" target="_blank"><img alt="https://twitter.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0GI_77HnkMLhSv-Wu5uuOoiFSNk0USUH8D48ArHMatvdEpBffewLqgSSuQuRVglVgGkbe5mvJiUewZ4KuiwB8rIoBHbg1K9kFcxS6beWh1YyFtAi3Gx0mvDDrvht1_2KIqt2nRKVkpQ/s1600/twitter+(1).png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0GI_77HnkMLhSv-Wu5uuOoiFSNk0USUH8D48ArHMatvdEpBffewLqgSSuQuRVglVgGkbe5mvJiUewZ4KuiwB8rIoBHbg1K9kFcxS6beWh1YyFtAi3Gx0mvDDrvht1_2KIqt2nRKVkpQ/s1600/twitter+(1).png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXiLJlVy4SyaYrk_8dExeC081AW2X7IGFMU1qaSsil9Kc6W7UnQbhwQ_7GjzM4Gw44EsOnKFwePwR5yYyGxAWTue413PUECGEyLZh2I74f-CzQ7s5po-0MumN0IcT_05JFnwWllnA0WU/s1600/68058JC81HF8L.png'" /></a>

<a href="http://tumblr.com/" target="_blank"><img alt="http://tumblr.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFgEgyzR5Vdjr3-8Epky0o_0in5CR4artqo3-pLWCDRaJsZ5Awi-IEu81XA7q_IWBDxgdsdOktd6UpOOblPldXie6E7KoP2_uIe8WDZN8y7Ox_JQm-bJLeXJzSsz-Ep5Vwa40GI1zvLk0/s1600/tumblr.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFgEgyzR5Vdjr3-8Epky0o_0in5CR4artqo3-pLWCDRaJsZ5Awi-IEu81XA7q_IWBDxgdsdOktd6UpOOblPldXie6E7KoP2_uIe8WDZN8y7Ox_JQm-bJLeXJzSsz-Ep5Vwa40GI1zvLk0/s1600/tumblr.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7gHsL5RjTtxSJtsFqolx4DDNXOYHhc_zyP0NNPX7yQ1zP0uqHbC2YQ-PgWZeScpTY6L9sODdlB2P-0ofBzxjYyFy1REBx3vXzlaO12FbwaxC7_atiT8T0VwHCA88aGHTHuKZmMsUYcG8/s1600/tumblrpink.png'" /></a> </div>

Add this to your Clips4Sale Store



New image/link effect I put together to add to your clips4sale store


Amazon, Twitter, and Tumblr clickable icons,
the colors invert when you scroll over them with your mouse,


http://www.amazon.com/ https://twitter.com/ http://tumblr.com/



Paste the HTML code where ever on your page that you want it to show up. (Change the highlighted links to your specific URL)


HTML Code:

<div style="text-align: center;">

<a href="http://www.amazon.com/" target="_blank"><img alt="http://www.amazon.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikugKVjUHqNQ1Iv0UmpLf4oG6-GAk8qf7bifso3WY03kKBYGCFBLrGGngFQfTth44k7IvPC0LO4r9WOBBxfk8v5YOI8OYuE1dZrkTZI7Njnfe4aHoNbNIa8Z2dvXJd8YyWLdH-knF3X8/s1600/amazon-logo-8.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikugKVjUHqNQ1Iv0UmpLf4oG6-GAk8qf7bifso3WY03kKBYGCFBLrGGngFQfTth44k7IvPC0LO4r9WOBBxfk8v5YOI8OYuE1dZrkTZI7Njnfe4aHoNbNIa8Z2dvXJd8YyWLdH-knF3X8/s1600/amazon-logo-8.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OJju0UI7fMNy9FtnpWE8QvgKbEdTT8PO10ZqnO0oFksD1sPHfmIPmGW1QZRpDbZya2nkJlrhgrAgEn-iTKaT_KAylKdHqq-nZ2YOP1XF7M_4Bv4V8eiT5gEbWnfqZ1ukxB5o1w6q4bM/s1600/amazoninvert.png'" /></a>

<a href="https://twitter.com/" target="_blank"><img alt="https://twitter.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg6rLQLvOUDU141Dole56C8GBBSi0iJ-phi5-kbCdT0HS_JkBcC7vPrG0PuByk2M4AV-qzb7L3itsIJSg08r8asbPxmWDr2Hkb570mZbFAPTr4w_PppC37ptOk_L2Vwq6Kv42WWyjQb10/s1600/twitter+(1).png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg6rLQLvOUDU141Dole56C8GBBSi0iJ-phi5-kbCdT0HS_JkBcC7vPrG0PuByk2M4AV-qzb7L3itsIJSg08r8asbPxmWDr2Hkb570mZbFAPTr4w_PppC37ptOk_L2Vwq6Kv42WWyjQb10/s1600/twitter+(1).png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqBvEFhaksY0l2kNM9WG-LI46cOu6taksAKIbQGv5-jIXcYzgkPcECMhIz4cwlLcPdlf5KnhZGvzJOKDh6x9op6zQThT3nGAKi4Di-YnBwKqzbnGJA5Kx_oLfoEVcNVPO6xEq1EELqC8/s1600/twitterinvert.png'" /></a>

<a href="http://tumblr.com/" target="_blank"><img alt="http://tumblr.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MTP_NddKm6p7glacFTm9ohq_d7ff9c7Rpb4-aaInHIBZ6BTUlXV5MgeRjchLxP9QC61-sEZmB8kXv5DERNMvCfgrudjC-D9iuLCr8JKdmq5P09lpkm0OuhQ9IssIIYIWF8q-DfsdSnI/s1600/tumblr.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MTP_NddKm6p7glacFTm9ohq_d7ff9c7Rpb4-aaInHIBZ6BTUlXV5MgeRjchLxP9QC61-sEZmB8kXv5DERNMvCfgrudjC-D9iuLCr8JKdmq5P09lpkm0OuhQ9IssIIYIWF8q-DfsdSnI/s1600/tumblr.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYbsU5J0Cp1EEzSwUSZ2073D3J9gHBzYpJUjvEpDXG3kkUAVMZsn_ObPmn0aufiGOevSZbP_qCY4_opkVJpGaMzQE7IiMZNvKXcrI7hTp3qaWeY7te3sSfkgu-5u7K_1xXiIY6ikffnU/s1600/tumblrinvert.png'" /></a> </div>

Wednesday, February 5, 2014

Saigon's Bio Tips for Chaturbate


If you are curious to know how or are wondering about how to enhance the visual appearance of your bio, here are some tips. Athough some HTML tags won't work such as <tr>, <td>, <sup>, <sub>; the list goes on, there are ways around it that produce similar results.
  • Bullet Points & Numbered Lists
    Here is a link to a straightforward bullet point guide
  • Inclusion of Other Characters
    To include other symbols, add the Unicode entity of the character you want, which usually starts with a "&" and ends with a ";" onto the page. A list of Unicode character entities can be found here
  • Text Manipulation
    There are a variety of ways of modifying text, besides changing color, boldening, italicizing and underlining, to improve their aesthetic appearance; here's a list of some techniques:

    • Font Style
      To change the font type, do the following: <font style="font-family: FONT">Text</font>, where FONT is the name of the font.
    • Text Shadow
      Here is a very useful link on text shadows which gives you tutorials on topics such as embossing/letterpress or even putting an outline on text as exemplified just now! Or, how about going up a step with neon lights or even 3D-esque effects? Here's another very useful link
    • Blinking text
      Currently only works in Firefox and Opera. To make text blink, do the following: <font style="text-decoration: blink">Blinking text</font>

  • Borders & Boxes
    • Borders & Padding
    • Box Shadow
    • Color Gradient
      Here's a very useful link for customizing multi-browser gradient fills: Colorzilla Gradient Editor
  • Images
    • Adding Images to Bios
      To add an image to your bio page, the code for it looks like this:

      <img style="height:HEIGHT;width:WIDTH;background:COLOR;etc..." src="//IMAGE ADDRESS" />

      Where IMAGE ADDRESS is the url of the image, without the "http://" bit.

      For example, if your image url was the following: http://i.imgur.com/oBDBj.png, then to make it display on your page, the code for it would look like this:

      <img style="background:black;height:200px;width:200px;" src="//i.imgur.com/oBDBj.png" />

      Which will render like this:

Friday, January 31, 2014

Answers to FAQs Section

I just made a new FAQs section with cute little effects.
Here's some screen shots:



To see it in action click here.

You can make your own images and adjust the codes to fit your profile if you'd like.

Here's the HTML code:

<div id="casinorules"></div>

<div id="faqs"><div id="analq"></div><div id="phoneq"></div><div id="squirtq"></div></div></a></div>
<a><div id="faqs1"><div id="fistq"></div><div id="pokerq"></div><div id="favsq"></div></div></a></div>


Here's the CSS code:

#casinorules {
  display:block;
  position:relative;
  margin-left:-50px;
  height:84px;
  width:1110px;
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNV3nLhzH9HFaxquvsnEkoGqelWinOlnc5f09X1c5ss39HRCpABD5gpI60JrLAXOQaJZGRFRmdMBWDliPW5v2C-7zUa-HBMTAAOVW0QLApvPiVSpqqprG-m_uWu-c5dCihj0RFNLl_p7Xg/s1600/LPr3l0UBslft.png) no-repeat top;
  overflow:hidden;
}


#faqs {
  display:inline-block;
  width:950px;
  height:170px;
  overflow:hidden;
  margin-left:30px;
  border-bottom:0 solid #000;
  -webkit-box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
  -moz-box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
  box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
}

#analq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/iLHCZGY6rQ1A0.jpg) center top no-repeat;
}

#analq:hover {
  background-image:url(http://i.minus.com/ibaMlqI3jx0Zq5.jpg);
}

#phoneq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/ibNqPWWSzX2MF.jpg) center top no-repeat;
}

#phoneq:hover {
  background-image:url(http://i.minus.com/ib1p0meJIPqYaJ.jpg);
}

#squirtq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/iXQUIx7pp0D6D.jpg) center top no-repeat;
}

#squirtq:hover {
  background-image:url(http://i.minus.com/ir3q4j0t4DBQB.jpg);
}

#faqs1 {
  display:inline-block;
  width:950px;
  height:170px;
  overflow:hidden;
  margin-left:30px;
  border-bottom:0 solid #000;
  -webkit-box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
  -moz-box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
  box-shadow:0 28px 11px -7px rgba(50,50,50,0.0);
}

#fistq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/im7MhKv5J9lzQ.jpg) center top no-repeat;
}

#fistq:hover {
  background-image:url(http://i.minus.com/ibp193FjAEuxmV.jpg);
}

#pokerq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/i18qIzAKBvRTy.jpg) center top no-repeat;
}

#pokerq:hover {
  background-image:url(http://i.minus.com/iJiuRriyRen2e.jpg);
}

#favsq {
  width:308px;
  height:176px;
  float:left;
  display:block;
  background:transparent url(http://i.minus.com/iSaSDIi82bQ8e.jpg) center top no-repeat;
}

#favsq:hover {
  background-image:url(http://i.minus.com/iCNVB8kO58GM6.jpg);
}

Tuesday, August 20, 2013

Offline Tip Buttons:

I made some offline tip buttons for anyone to use on their MFC profile.
You'll need to get your broadcaster ID by going here then add to the code by replacing the bold text in red.



Code:
<a href="your_broadcaster_id_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMGBQzcx7GiaxtV8T8WFYg-iCkvN5W_eUJ88qyhg8H4FYTkisvTugBHFNfbXzeeCuHJuUV8mQ7O7cuNnALkbWefF17QVkABSmcS2ySEp8RDXUX8xjYWxbCFFzpIGMTcZasns7BqkqNphk/s1600/tip1.gif" border="0" /></a>




Code:
<a href="your_broadcaster_id_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnm17_WMd3_4zZDES7kpOHzNJ5XqGtqV7pu2i2RHgt4d1XX_-DdQd1LHJUeV2_Tzepmx9zLjxTe8NU-o2u1_9l60Uqikpm_JsFYSqp3KZdILBx719EILflDDWn2oC7lMksBEShCxaW_Zc/s320/tip2.gif" border="0" /></a>




Code:
<a href="your_broadcaster_id_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuNtj8HorHg-w18RdI1AoAb-6nHg2wmDUZtX-TTJG3DHS-NuVkP1Kcr23kC475gu9oyB-PSaTzN6i5NYP2i21ZALIlNo9qJskbojHtFwML1PhrBA2PIs72R55MTAwL_U1Cue2uHVWwEA/s320/tip3.gif" border="0" /></a>






Code:
<a href="your_broadcaster_id_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgre8Kn_S_IMoQFzT5-k2g5xidAfg6Xl2FNqmOjmnbcrrn_Pm3sFdISgYBgZ0VU2lrZ0ZswxgYoh9yUM03Hw5kdc5TSyiIkanv_XefGLcSwVpJqVrQTIc57aTevnvXGnP_HHm4Cc1VkZr8/s320/tip4.gif" border="0" /></a>







Code:
<a href="your_broadcaster_id_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZ0TFHIoAB3-cBgHJF2s8EOKofwM7-77sLNrizwwGWvOKyDdVAEhFTvQy7iqOhnlIhbFJf4zvQK0HROsi47yzzzP-EbSpaR_kUnsiHHfr3F4QHCVyLSVOijVD-ldI7mlPx8v_jLorJLk/s320/tip5.gif" border="0" /></a>



Wednesday, August 14, 2013

Personlized Twitter Buttons:

OK, so I made some animated twitter buttons that is easy to customize with your own twitter handle.

The out come should look something like this:

But you can choose the font and color that you like best of course.


First you'll want to right click on any of the images below, and either save it to your computer, or you can just click on "Copy Image Location":


Then you'll want to go to LunaPic.com and scroll down to either "Basic Upload" (if you saved your image to your computer), or "Open from Web with URL" (if you selected copy image location instead).

There you'll be able to add your Twitter handle to your image. You can also change the size of the image, and host the image from that site as well.

The code will be something like this:
(Substitute the text in blue for your twitter link, and substitute the text in orange for you image link)

Code:
<a href="https://twitter.com/Poker_Babe69" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXrDBfIvSpai1nWCVSmPRySkGR5uIYXwoXQOxRForwlxQJ8yN5PYW-tRLEPpcL8kbydb2lIfn4cqVx07uNoF7sFPyvGP7ulrQpcHfVf9FxICDzI19TsLNsP0K3_2NjzyRprq4gh20UMs/s1600/137651196780458.gif" border="0" /></a>


If you want it to highlight when you scroll the cursor over it add class='highlight' to the code.
It will look something like this:

Code:
<a href="https://twitter.com/Poker_Babe69" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXrDBfIvSpai1nWCVSmPRySkGR5uIYXwoXQOxRForwlxQJ8yN5PYW-tRLEPpcL8kbydb2lIfn4cqVx07uNoF7sFPyvGP7ulrQpcHfVf9FxICDzI19TsLNsP0K3_2NjzyRprq4gh20UMs/s1600/137651196780458.gif" class='highlight' border="0" /></a>


Then go to Customize Profile add add this CSS code:
(If you want a thicker or thinner highlight, you can change the two border: 4px rbga(x,x,x,x) rules. If you want to change the color of the highlight, you need to change the rbga values in the second rule. You can go here to find different colors.)

Code:
.highlight {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:4px solid rgba(0,0,0, 0.0);
}

.highlight:hover {
    box-shadow: 0 0 10px rgba(255,0,255,1.0);
    -webkit-box-shadow: 0 0 10px rgba(255,0,255,1.0);
    -moz-box-shadow: 0 0 10px rgba(255,0,255,1.0);
    border:4px solid rgba(255,0,255,1.0);
}





Monday, August 12, 2013

Basic Codes:

Create bold text.
Create italic text.
Create strike through, or underlined text. The word "line-through" should be replaced with "underline" for underlined text.
Font color, size and style can be combined or seperate. Just take out the ones you don't want.
Use the following to center text on your myspace page. You can replace "center" with "right", or "left" for those effects.
Use the following codes to place an image on your page. The URL must begin with http:// and be valid.

Sunday, August 11, 2013

Some Social Networking Buttons:

Found some of these social networking buttons. Here's some easy to use codes if you're new to how html works and how to attach links to images.


Code:
<a href="https://twitter.com/your_twitter_name" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu51hsueLV8XrjOFh7LHvMC6lpVMxFz7xu4gjtjfyHlYbizqUv1NzynMVtYiYXpFS02c_PBvZbNqlwY3dvIVU7myNkkfxcDzhYHSvW7Cmw2navFK54kM9Pexy_WRqgvVJ4WDkOyuYRQNw/s400/logo_twitter_png_pink_by_mfsyrcm-d568164.png" border="0" /></a>





Code:
<a href="https://your_FaceBook_url.com" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoPXv4UkbuukkYpiFXHhrA2Wv_bgjcDA97BVAOSkGA9_bRVKxL6FOoAv8qARnUso11JEFv60frGCMs0sQChBwig4mv_82H8p1CWYa8u0sprkG8dkKYGFeU7B7BodEzwOCq4vBBUJkBjfM/s200/Facebook-Logo-in-the-pink.gif" border="0" /></a>



Code:
<a href="https://twitter.com/your_twitter_name" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEh7zj84xygg-Cv8N7WcmD-wtv91xnUSGGyQKY47bL6nPJUwPiUz1D_BI2dsonN-Wy65KHYvClmKtFQGeOU-FNERl6VL2GI8LRa7u8oi3LTI_dat7otlX-m9Q4Jj3pbC3KnjZcaHStExk/s200/Twitter-Logo-In-The-Pink.gif" border="0" /></a>



Code:
<a href="https://twitter.com/your_twitter_name" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCKpD8LpZBIMOEGmPX0Nfy33StKMYsCwqO0G3vF85MqshfeFWgCh7dCbQ-WD47n6aS0stWQmHNiXH4FQw-v-WVlHxGLFadZXTHvL-Ky1kLyvym3qdT4h_lnEvHclK_hyphenhyphenQhj8AZ3g1r2H0/s320/twitter.png" border="0" /></a>



Code:
<a href="https://twitter.com/your_twitter_name" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX6pgxuYuAzAl3YLeOtzM7bT7_T98KH3hzQSdiMZBVVoaiBpu0WsDMTbVKdO4SpHvs_icXJKOIeqhXm1t6oiVgCLqYTtu9gu-47dajEIBhg0KYuXMJX4OuecoLBBM8piPVrP4qjib0FRo/s1600/Twitter+logo.png" border="0" /></a>