How To Create Scrolling Text Boxes

You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :PUT CONTENT HEREThis will look like the following :PUT CONTENT HEREIf you want set background :إرسال تعليق</a> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> </div></div>  </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://bblogger2you.blogspot.com/2009/03/how-to-add-page-elements-to-posts_29.html' id='Blog1_blog-pager-newer-link' title='رسالة أحدث'>رسالة أحدث</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://bblogger2you.blogspot.com/2009/03/how-add-meta-tags-to-bloggerblogspot.html' id='Blog1_blog-pager-older-link' title='رسالة أقدم'>رسالة أقدم</a> </span> <a class='home-link' href='https://bblogger2you.blogspot.com/'>الصفحة الرئيسية</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> الاشتراك في: <a class='feed-link' href='https://bblogger2you.blogspot.com/feeds/4278685726320381011/comments/default' target='_blank' type='application/atom+xml'>تعليقات الرسالة (Atom)</a> </div> </div> </div></div>  <div id='bawah-post'> <div class='kiribawah-post section' id='kiribawah-post'><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> <script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('fd0t90hgwhdb')</script> <a href="http://s03.flagcounter.com/more/tx5"><img src="http://s03.flagcounter.com/count/tx5/bg=FFFFFF/txt=000000/border=CCCCCC/columns=3/maxflags=20/viewers=0/labels=0/pageviews=1/" alt="free counters" border="0" /></a> <script type="text/javascript" src="http://gdata-jsguide.appspot.com/static/analytics/samples/retrievedatacontent.js"></script> </div> <div class='clear'></div> </div></div> <div class='kananbawah-post section' id='kananbawah-post'><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>المتابعون</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/1994677372410071797?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dar\x26origin\x3dhttps://bblogger2you.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/1994677372410071797?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dar\x26origin\x3dhttps://bblogger2you.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div></div> </div>  </div>   <div id='search-wrapper'> <form action='/search' id='searchthis' method='get' style='display:inline;'> <input id='search-box' name='q' size='25' type='text'/> <input id='search-btn' type='submit' value='Search'/> </form></div>  <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar2'><div class='widget PopularPosts' data-version='1' id='PopularPosts1'> <h2>Entri Populer</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2008/10/free-tools-to-create-your-own-social.html' target='_blank'> <img alt='' border='0' src='//lh3.ggpht.com/antonio.lupetti/SOjU41MLfxI/AAAAAAAACeI/w88dkdf2zX4/w72-h72-p-k-no-nu/ning.png'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/10/free-tools-to-create-your-own-social.html'>Free tools to create your own social network Facebook-like</a></div> <div class='item-snippet'>Are you looking for free tools to create your own social network Facebook-like? Take a look at this popular free services on-line. 1. Ning N...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2008/07/nice-login-and-signup-panel-newsvine.html' target='_blank'> <img alt='' border='0' src='//lh3.ggpht.com/antonio.lupetti/SHi1q8uXZiI/AAAAAAAABsI/6p_I3k5aQ4g/w72-h72-p-k-no-nu/newsvine.png'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/07/nice-login-and-signup-panel-newsvine.html'>Nice login and signup panel Newsvine like using CSS</a></div> <div class='item-snippet'>Are you looking for inspiration for a login panel? This post can help you... Yesterday a reader of my blog, Benjamin, asked to me a suggest ...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2008/03/how-to-design-sexy-header-for-your-site.html' target='_blank'> <img alt='' border='0' src='//1.bp.blogspot.com/_TqPdHmAEwTM/R9PUkthRQ8I/AAAAAAAABMY/B3hJDP0QZ20/w72-h72-p-k-no-nu/section-structure.png'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/03/how-to-design-sexy-header-for-your-site.html'>How to design a sexy header for your site using CSS</a></div> <div class='item-snippet'>Yesterday I received a lot of positive messages about the new template of my site. Expecially for the new header (in particular the green b...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2011/03/free-premium-business-blogger-templates.html'>Free Premium Business Blogger Templates Collection</a></div> <div class='item-snippet'>In this article I have listed below premium quality free blogger templates collection for business purposes.All of the templates listed here...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/12/leaves-fall-social-bookmark-button-for.html'>Leaves Fall Social Bookmark Button For Blogger Post</a></div> <div class='item-snippet'>1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see this: 4...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2008/12/10-free-christmas-fonts.html' target='_blank'> <img alt='' border='0' src='//lh4.ggpht.com/_TqPdHmAEwTM/STrfw6tG-0I/AAAAAAAACs0/xmgpBytsur4/w72-h72-p-k-no-nu/cf3.png'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/12/10-free-christmas-fonts.html'>10 Free Christmas fonts</a></div> <div class='item-snippet'>Christmas is coming and what is better then a collection of ten free Christmas fonts? Take a look at this list with some of my favorite Chri...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2009/07/recent-posts-with-thumbnails-for.html' target='_blank'> <img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxeypqhidM5tsEXfh5RejzmxKmxWkz6GOto7ldqG9jFziQMcwpad_Pyt5ikovNP41Bw9mVrDlyYOvQeLM1JwwF37uJH39mhmfzMTTGroPqYjSl5wTH9edlgkT8OFXqvFTiZeBF89prVQ/w72-h72-p-k-no-nu/'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/07/recent-posts-with-thumbnails-for.html'>Recent Posts with Thumbnails for Blogger</a></div> <div class='item-snippet'> This is an updated version of my Recent Posts Gadget.As the name suggests, this Gadget will help you to display the most Recent Posts on yo...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='https://bblogger2you.blogspot.com/2008/06/google-spreadsheets-tips-gantt-chart.html' target='_blank'> <img alt='' border='0' src='//lh5.ggpht.com/antonio.lupetti/SEKeM3fPx_I/AAAAAAAABjY/2pghIuvHZBw/w72-h72-p-k-no-nu/gantt.gif'/> </a> </div> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/06/google-spreadsheets-tips-gantt-chart.html'>Google Spreadsheets Tips: Gantt Chart (Microsoft Project-like) using Widget</a></div> <div class='item-snippet'>Google Spreadsheets is a powerful web application to do everything you do using Excel. A nice way to use it is to manage a project plan with...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2011/03/official-by-email-feedburner-widget-for.html'>Official "Follow by Email" Feedburner Widget for Blogger</a></div> <div class='item-snippet'>Now Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add ...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/07/how-to-add-beautiful-multi-tab-view.html'>How To Add Beautiful Multi Tab View Widget to Blogger</a></div> <div class='item-snippet'>1.Login to your dashboard--> layout- -> Edit HTML2.Don't Click on "Expand Widget Templates"3.Scroll down to till you see...</div> </div> <div style='clear: both;'></div> </li> </ul> <div class='clear'></div> </div> </div><div class='widget Stats' data-version='1' id='Stats1'> <h2>إجمالي مرات مشاهدة الصفحة</h2> <div class='widget-content'> <div id='Stats1_content' style='display: none;'> <script src='https://www.gstatic.com/charts/loader.js' type='text/javascript'></script> <span id='Stats1_sparklinespan' style='display:inline-block; width:75px; height:30px'></span> <span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'> </span> <div class='clear'></div> </div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <p align="center"><img src="http://www.speedcounter.net/count.php?u=10000000&c=grau&t=s&s=e" alt="SPEEDCOUNTER.NET - free counter!" border="0" width="110" height="64" /></p> </div> <div class='clear'></div> </div></div> </div>  <div class='clear'> </div> <div id='footer-wrapper'> <div class='credit'>Copyright © 2012 · <i><a href='https://bblogger2you.blogspot.com/'>blogger to you</a></i> , All rights reserved</div> </div>  </div> </div></div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4033524873-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'ACvIOeAkXUEnNbviMXrzjB3X1D7A:1786397881986';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1994677372410071797','//bblogger2you.blogspot.com/2009/03/how-to-create-scrolling-text-boxes.html','1994677372410071797'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1994677372410071797', 'title': 'blogger to you', 'url': 'https://bblogger2you.blogspot.com/2009/03/how-to-create-scrolling-text-boxes.html', 'canonicalUrl': 'http://bblogger2you.blogspot.com/2009/03/how-to-create-scrolling-text-boxes.html', 'homepageUrl': 'https://bblogger2you.blogspot.com/', 'searchUrl': 'https://bblogger2you.blogspot.com/search', 'canonicalHomepageUrl': 'http://bblogger2you.blogspot.com/', 'blogspotFaviconUrl': 'https://bblogger2you.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'languageDirection': 'rtl', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22blogger to you - Atom\x22 href\x3d\x22https://bblogger2you.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22blogger to you - RSS\x22 href\x3d\x22https://bblogger2you.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22blogger to you - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1994677372410071797/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22blogger to you - Atom\x22 href\x3d\x22https://bblogger2you.blogspot.com/feeds/4278685726320381011/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9563311258107878', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3db55d8de4fe007f', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'key': 'link', 'shareMessage': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Facebook', 'target': 'facebook'}, {'name': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'key': 'blogThis', 'shareMessage': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Pinterest', 'target': 'pinterest'}, {'name': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'key': 'email', 'shareMessage': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ar\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f', 'pageType': 'item', 'postId': '4278685726320381011', 'pageName': 'How To Create Scrolling Text Boxes', 'pageTitle': 'blogger to you: How To Create Scrolling Text Boxes'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u062a\u0639\u062f\u064a\u0644', 'linkCopiedToClipboard': '\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629', 'ok': '\u062d\u0633\u0646\u064b\u0627', 'postLink': '\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\u0645\u062e\u0635\u0635', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'How To Create Scrolling Text Boxes', 'description': 'You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Ht...', 'url': 'https://bblogger2you.blogspot.com/2009/03/how-to-create-scrolling-text-boxes.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4278685726320381011}}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'header-kanan', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2272137732-lbx__ar.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle_rtl.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'kiribawah-post', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'kananbawah-post', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar2', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'sidebar2', document.getElementById('Stats1'), {'title': '\u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0631\u0627\u062a \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0635\u0641\u062d\u0629', 'showGraphicalCounter': true, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//bblogger2you.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAEHf7-dQ5wppBEMDWJhImwvylGjo9h_UAf33rpPT3Z_0wPzvf9no1j-u-HvdOVCKeQUDCCpxKAv7aSTsPhw6wTE'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar2', document.getElementById('HTML2'), {}, 'displayModeFull')); </script> </body> </html>