http://www.takerootandwrite.com/columns_computer_coaching/index.html Bridging the gap between Messianic Judaism and Christianity, through posted articles, blogs and Rooted Living Magazine. en-US Wed, 21 Sep 2011 07:06:00 -0400 http://www.typepad.com/ http://www.rssboard.org/rss-specification http://www.Takerootandwrite.com/2009/02/how-to-make-a-picture-link-back-to-a-website.html http://www.Takerootandwrite.com/2009/02/how-to-make-a-picture-link-back-to-a-website.html How does everyone take a picture and then make it where when you click on it, and it takes you to somewhere on the web? This might be for making a badge for your website or just a fun, useful graphic to link people to another spot on your site or someone else's. Remember, as long as you have the link to something, like your RSS feed or a very special post on your site etc., you can use any graphic and link it to that spot on the web! You can see for Our RSS feed here at Take Root and Write I customized a regular RSS feed button just for us. Then I have coded it to link to the TRW feed so you can sign up. I am including a Video Tutorial to walk you through how to do this. Below is all the text used in the video so you can copy and paste for yourself. Keep the code handy in a draft email (that's what I do) so you can pull it up, copy, paste & edit where you want it. This is the Text Aligned CENTER code. <p style="text-align: center;"><a href="WEBSITE LINK HERE"><img src="DIRECT LINK TO YOUR PICTURE" /></a></p> This is the Text Aligned CENTER ....Open in NEW page code. <p style="text-align: center;"><a href="WEBSITE LINK HERE" target="_blank"><img src="DIRECT LINK TO YOUR PICTURE" /></a></p> Do not want it centered? <a href="WEBSITE LINK HERE"><img src="DIRECT LINK TO YOUR PICTURE" /></a> Using more than One pic/link like.... Then you need.... <p style="text-align: center;"><a href="FIRST WEBSITE LINK HERE"><img src="FIRST DIRECT LINK TO YOUR PICTURE" /></a> <a href="SECOND WEBSITE LINK HERE"><img src="SECOND DIRECT LINK TO YOUR PICTURE" /></a> <<a href="THIRD WEBSITE LINK HERE"><img src="THIRD DIRECT LINK TO YOUR PICTURE" /></a></p> Notice the <p style="text-align: center;"> at the beginning and the </p> at the very end. That is all to center the pics. If your space is narrower than your pics all together than it will automatically make one go to the next row and be centered there. You can add as many pic links that you want in between the <p style="text-align: center;"> & </p> Don't get nervous! Watch the video tutorial below from Take Root and Write Computer Coaching on BlipTV. Go for it! You do not need a tech helper for this. Make Sure you click on bottom right of Video to make it full screen. Here is the link to Video Tutorial! Making Picture Code Links... For Blog Badges, link any pic! Related Posts: How to Make a Code & Code Box for Your Blog Bdge, Meme or Picture Link Hey! Have you Joined our Take Root and Write Blog Log? Come on over and join if you have a Blog, site or Ministry you want to list! Take Root and Write is going through some cosmetic changes, so be patient with us! Just Growing with the expansion! <p><a href="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d718f428a4-pi" style="display: inline;"><img alt="Computer Coaching" border="0" class="at-xid-6a00e5512b13618833011278d718f428a4 image-full " src="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d718f428a4-800wi" title="Computer Coaching" /></a> </p><p><span style="color: #111111; font-family: Arial;">How does everyone take a picture and then make it where when you click on it, and it takes you to somewhere on the web? This might be for making a badge for your website or just a fun, useful graphic to link people to another spot on your site or someone else&#39;s. </span></p><p><span style="color: #111111; font-family: Arial;">Remember, as long as you have the link to something, like your RSS feed or a very special post on your site etc., you can use any graphic and link it to that spot on the web! </span><a href="http://www.takerootandwrite.com/index.rdf" onclick="window.open(this.href,&#39;_blank&#39;,&#39;scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0&#39;); return false" style="float: left;"><img alt="TRW-RSS-MAIN" border="0" class="at-xid-6a00e5512b13618833011278d71cab28a4 " src="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d71cab28a4-800wi" style="margin: 3px;" title="TRW-RSS-MAIN" /></a></p><p style="color: #111111; font-family: Arial;">You can see for Our RSS feed here at Take Root and Write I customized a regular RSS feed button just for us. Then I have coded it to link to the TRW feed so you can sign up. </p><p style="color: #111111; font-family: Arial;">&#0160;I am including a Video Tutorial to walk you through how to do this. Below is all the text used in the video so you can copy and paste for yourself. Keep the code handy in a draft email (that&#39;s what I do) so you can pull it up, copy, paste &amp; edit where you want it.</p><p style="color: #111111; font-size: 14px; font-family: Arial;"><strong>This is the Text Aligned CENTER code. </strong></p><p style="color: #111111; font-family: Arial;">&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;WEBSITE LINK HERE&quot;&gt;&lt;img src=&quot;DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</p> <p style="color: #111111; font-size: 14px; font-family: Arial;"><strong> This is the Text Aligned CENTER ....Open in <span style="text-decoration: underline;">NEW</span> page code. </strong></p><p style="color: #111111; font-family: Arial;">&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;WEBSITE LINK HERE&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt;&lt;/p&gt; </p><p style="color: #111111; font-size: 15px; font-family: Arial;"><strong>Do <span style="text-decoration: underline;">not</span> want it centered?</strong></p><p style="color: #111111; font-family: Arial;">&lt;a href=&quot;WEBSITE LINK HERE&quot;&gt;&lt;img src=&quot;DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt;</p><p style="color: #111111; font-size: 14px; font-family: Arial;"><strong>Using more than One pic/link like....</strong></p> <p style="text-align: center;"><a href="http://www.christianwomentakeroot.com/notes/CWTR_Welcome_Wagon"><img src="http://i303.photobucket.com/albums/nn136/TakeRootandWrite/CWTR%20MAin/WelcomeWagonFINAL.jpg" /></a> <a href="http://www.christianwomentakeroot.com/notes/CWTR_Prayer_Team"><img src="http://i303.photobucket.com/albums/nn136/TakeRootandWrite/CWTR%20MAin/CWTRPrayerTeam.jpg" /></a> <a href="http://www.christianwomentakeroot.com/notes/CWTR_Administrators_Helping_You"><img src="http://i303.photobucket.com/albums/nn136/TakeRootandWrite/CWTR%20MAin/CWTRADministrators.jpg" /></a></p><p style="text-align: left; color: #111111; font-family: Arial;">Then you need....</p><p style="text-align: left; color: #111111; font-family: Arial;">&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;FIRST WEBSITE LINK HERE&quot;&gt;&lt;img src=&quot;FIRST DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;SECOND WEBSITE LINK HERE&quot;&gt;&lt;img src=&quot;SECOND DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt; &lt;&lt;a href=&quot;THIRD WEBSITE LINK HERE&quot;&gt;&lt;img src=&quot;THIRD DIRECT LINK TO YOUR PICTURE&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</p><p style="text-align: left; color: #111111; font-family: Arial;"> </p> <p style="text-align: left; color: #111111; font-family: Arial;">Notice the &lt;p style=&quot;text-align: center;&quot;&gt; at the beginning and the &lt;/p&gt; at the very end. That is all to center the pics. If your space is narrower than your pics all together than it will automatically make one go to the next row and be centered there. You can add as many pic links that you want in between the &lt;p style=&quot;text-align: center;&quot;&gt; &amp; &lt;/p&gt;</p> <p style="color: #111111; font-family: Arial;">Don&#39;t get nervous! Watch the video tutorial below from Take Root and Write Computer Coaching on BlipTV. Go for it! You do not need a tech helper for this.&#0160;&#0160;</p><p style="color: #111111; font-family: Arial;"><em>Make Sure you click on bottom right of Video to make it full screen.</em></p><p style="color: #111111; font-family: Arial;"><strong>Here is the link to Video Tutorial!</strong> </p><p><a href="http://blip.tv/file/1767585" target="_blank" title="Making Picture Code Links... For Blog Badges, link any pic! Take Root and Write">Making Picture Code Links... For Blog Badges, link any pic! </a><a href="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d7934c28a4-pi" style="float: left;"><img alt="JOIN TRW Bloglog Final Jan" border="0" class="at-xid-6a00e5512b13618833011278d7934c28a4 " src="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d7934c28a4-800wi" style="margin: 2px;" title="JOIN TRW Bloglog Final Jan" /></a></p><p><a href="http://blip.tv/file/1767585" target="_blank" title="Making Picture Code Links... For Blog Badges, link any pic! Take Root and Write"><strong><span style="color: #111111; font-size: 14px; font-family: Arial;"></span></strong></a><em>Related Posts:</em></p><p><a href="http://www.takerootandwrite.com/2008/08/how-to-make-a-c.html" title="How to Make a Code &amp; Code Box for Your Blog Bdge, Meme or Picture Link ">How to Make a Code &amp; Code Box for Your Blog Bdge, Meme or Picture Link</a> </p><p>Hey! Have you Joined our <a href="http://www.takerootandwrite.com/join-trw-blog-log-.html" title="Take Root and Write Blog Log">Take Root and Write Blog Log</a>?</p><p>Come on over and join if you have a Blog, site or Ministry you want to list! </p><p><em>Take Root and Write is going through some cosmetic changes, so be patient with us! <br /></em></p><p><em>Just Growing with the expansion! </em></p><p style="color: #111111; font-family: Arial;"></p> <p><a href="http://www.takerootandwrite.com/meet-noelle-mena.html" style="display: inline;"><img alt="Noelle Mena" border="0" class="at-xid-6a00e5512b13618833011278d75c4928a4 image-full " src="http://itsourblog.typepad.com/.a/6a00e5512b13618833011278d75c4928a4-800wi" title="Noelle Mena" /></a> </p> Columns: Computer Coaching Encouragement for Our Creativity Take Root Publishing Fri, 13 Feb 2009 15:52:46 -0500