19 {{ upvoteCount | shortNum }}
19 {{ upvoteCount | shortNum }}

How can I do this

by nicholasb
16 replies
can somebody go to Katie Freiling | Integrating Personal Development with Online Marketing

and look at the top of her blog and notice how she has a video with a headline and a capture form right above the content.

I am pretty sure she is using wordpress, but how do I do something similar?
  • Profile picture of the author KatyaSenina
    Wow you've read my mind.... Same question here
    {{ DiscussionBoard.errors[1376403].message }}
  • Profile picture of the author JMPruitt
    I don't know programming enough to know how, but it is in the CSS for the site so it is always on the page.
    Signature
    follow my relationship marketing blog for tips on building more traffic without relying on Google's whims.
    {{ DiscussionBoard.errors[1376461].message }}
  • Profile picture of the author AlonzoTJones
    Kate apparently is using the fresh news wordpress theme from "woo themes". Fresh News|Archive|Video

    The video box is probably a widget area built into the theme.
    I am suspecting that she is also using the viperbond007 video plugin that you can get here: My WordPress Plugins Viper’s Video Quicktags Viper007Bond.com

    Or you can get it from here:
    WordPress › Viper's Video Quicktags WordPress Plugins

    Using a little HTML she divided the widget box and put in an Opt-in box. Pretty clever and it looks good.

    Go to her website and then go to the "view" tab in your toolbar up top. Then select "page source" (in Mozilla) and you will get the HTML source code for her front page. If you are able to wade through all of the code, you will be able to see the structure that she has used. Select it and copy it, then paste it into your own wysiwyg editor or even into a blog HTML post view and you should get an image of that section when you go back to the design view.
    {{ DiscussionBoard.errors[1376474].message }}
  • Profile picture of the author mrdomains
    Looks good but there is nothing special to it as the video and optin are not a single entity. The video is just a video and the optin is a normal form that goes to her getresponse list. The two are just placed beside each other.

    This may not be exactly the same but could be a cool thing to try. I am not associated, just something I found out there. There should also be some wp-plugins out there along these lines.

    Signature

    Free action plan : Think less. Do more.

    {{ DiscussionBoard.errors[1376505].message }}
  • Profile picture of the author AlonzoTJones
    I pulled it down and here's the first part:
    <div id="centercol" class="grid_10">
    <div class="box">
    <div id="optinfeatured">
    <div id="optinvideo">
     <embed FlashVars="playerMode=embedded" id="VideoPlayback" src="http://video.google.com/googleplayer.swf?docid=-2435053607369182677&hl=en&fs=true" style="width:245px;height:199px" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash"> </embed>
    </div>
    <div id="optinright">
    She embedded a google video into it and then she put in the form:
    <form action="http://www.getresponse.com/cgi-bin/add.cgi" method="post" id="GRSubscribeForm" accept-charset="UTF-8">
    <fieldset>
    <label for="GRCategory2">Your Name</label><input type="text" name="category2" size="14" id="GRCategory2" />
    <label for="GRCategory3">Your E-Mail</label><input type="text" name="category3" size="14" id="GRCategory3" />
     </fieldset>
    <input id="sendbtn1" type="image" src="http://katiefreiling.com/images/send-button.jpg" />
    <input class="hidden" type="hidden" name="category1" value="katiefreiling" />
    <input class="hidden" type="hidden" name="confirmation" value="http://www.katiefreiling.com/thank-you/"/>
    <input class="hidden" type="hidden" name="ref" value="hmpg" />
    <input class="hidden" type="hidden" name="getpostdata" value="empty" />
    </form>
    </div>
    </div>

    You can play around with it on a private blog page in the HTML editor and see if you can get it to work on your site.
    If you do it that way, you can always delete the page and you won't have to worry about it affecting the appearance of your blog.
    </div>
    {{ DiscussionBoard.errors[1376516].message }}
  • Profile picture of the author dave147
    [DELETED]
    {{ DiscussionBoard.errors[1376538].message }}
    • Profile picture of the author eshera
      Ummmm....for what dave147...?:rolleyes:
      Signature
      There are 10 types of people in the world: Those who understand binary and those who don’t.
      {{ DiscussionBoard.errors[1376545].message }}
      • Profile picture of the author dave147
        [DELETED]
        {{ DiscussionBoard.errors[1376555].message }}
        • Profile picture of the author eshera
          OHHH...yep, holy cow how the heck did I miss that! Whew, I am signed up, too.

          Thanks for the heads up!
          Signature
          There are 10 types of people in the world: Those who understand binary and those who don’t.
          {{ DiscussionBoard.errors[1376562].message }}
          • Profile picture of the author KatyaSenina
            Originally Posted by eshera View Post

            OHHH...yep, holy cow how the heck did I miss that! Whew, I am signed up, too.

            Thanks for the heads up!
            :confused:
            {{ DiscussionBoard.errors[1376573].message }}
            • Profile picture of the author eshera
              Watch the video...
              Signature
              There are 10 types of people in the world: Those who understand binary and those who don’t.
              {{ DiscussionBoard.errors[1376575].message }}
  • Profile picture of the author KatyaSenina
    haha thank you guys...this tool is amazing
    {{ DiscussionBoard.errors[1376594].message }}

Trending Topics