Breaking News
Loading...
Saturday, December 20, 2014

4 in 1 Social Sharing Slide Pop out Widget V2

8:13 PM
<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title" itemprop="name headline" style="background-color: #fcfcfc; color: #333333; font-family: Oswald, 'Bebas Neue', Bebas, 'Arial Narrow', sans-serif; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 0px 28px 10px 0px; position: relative;">
</h1>
<span class="morinfobtn" style="background-color: #303030; background-image: -webkit-linear-gradient(top, rgb(79, 79, 79) 0%, rgb(66, 66, 66) 50%, rgb(48, 48, 48) 100%); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: white; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 11px; height: 24px; line-height: 15.3999996185303px; position: absolute; right: 3px; top: 3px; width: 24px;" title="more options"></span><br />
<div class="topmeta" style="background-color: #fcfcfc; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 15.3999996185303px; position: relative;">
</div>
<div class="post-body entry-content" id="post-body-7571280114967857815" itemprop="description articleBody" style="background-color: #fcfcfc; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 1.6em; width: 580px;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img alt="4in1" border="0" src="http://www.makingdifferent.com/wp-content/uploads/2013/03/4in1.gif" style="-webkit-transition: opacity 0.2s ease-out; background-color: white; border: 1px solid rgb(218, 216, 216); height: auto; max-width: 100%; padding: 4px; transition: opacity 0.2s ease-out;" /></div>
<br />
<div style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;">
I had given you&nbsp;version 1&nbsp;of 4 in 1 social&nbsp;slide&nbsp;popout widget in my older post , and in this post i give you version 2&nbsp; which include&nbsp;<span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">facebook</span>&nbsp;like box , twitter fan follow me box , google + and subscription form . in&nbsp;<span class="IL_AD" id="IL_AD10" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">this version</span>&nbsp;i just changed a twitter tweets box with twitter fan follow me box.<br />
<div>
<span style="text-decoration: underline;"><b></b></span></div>
<h4 style="font-family: Oswald, 'Bebas Neue', Bebas, 'Arial Narrow', sans-serif; font-size: 17px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px 0px 10px; position: relative;">
HOW To INSTALL this WIDGET to BLOGGER ?</h4>
<b>Step :-1</b></div>
<div style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;">
First you need to have a jQuery Plugin in&nbsp;<span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">your Blog</span>&nbsp;template<b>This Step is Required, If&nbsp;your Blogalready have this plugin then Ignore this Step.</b></div>
<div style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;">
If&nbsp;your Blog&nbsp;Don’t have this Plugin,&nbsp;<span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">Install</span>&nbsp;the jQuery Plugin.</div>
<div style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;">
Add the below line of code before tag.</div>
<blockquote class="tr_bq" style="line-height: 1.6em; margin: 20px; padding-left: 32px; position: relative;">
<span style="background-color: white; font-family: 'Courier New', monospace; font-size: 12px; line-height: 19px; white-space: pre;">&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</span></blockquote>
<div style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px; outline: none; padding: 0px 0px 20px;">
<span style="text-decoration: underline;"><b>Step :- 2</b></span><br />
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Fill the required data in&nbsp;<span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">generator</span>&nbsp;below</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Click on “<b>Generate”</b>&nbsp;button</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Click on&nbsp;<b>“Preview”</b>&nbsp;button,&nbsp;<i>if you want to show your customized settings&nbsp;</i>..</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Finally click on&nbsp;<b>“Add to Blogger”</b>&nbsp;button to add this widget to&nbsp;your blog…&nbsp;<img alt=":)" class="wp-smiley" src="http://www.makingdifferent.com/wp-includes/images/smilies/icon_smile.gif" style="-webkit-transition: opacity 0.2s ease-out; border: none; float: none; height: auto; max-width: 98%; padding: 4px; transition: opacity 0.2s ease-out;" /></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><h2 style="border: 1px solid rgb(17, 17, 17); color: black; font-family: Verdana, Arial; font-size: 16px; line-height: normal; margin: 5px 0px 1em; padding: 3px 10px; text-align: center;">
4 in 1 Social Sharing Slide Pop out Widget V2 Generator by bishal creations</h2>
<fieldset style="border: 1px solid rgb(204, 204, 204); color: black; font-family: Verdana, Arial; font-size: 18px; line-height: normal; margin: 0px 0px 1.5em; padding: 0px 1.4em 1.4em;">
<legend>Settings</legend><br />
<form action="https://www.blogger.com/add-widget" method="post" target="_blank">
<table style="width: 100%px;"><tbody>
<tr><td width="60%"><label for="mdfburl" style="font-size: 15px; font-weight: bold; margin: 0px; padding: 0px;">Facebook Page URL</label>:</td><td width="40%"><input class="text-input" id="mdfburl" name="mdfburl" size="40" style="-webkit-box-shadow: rgb(252, 117, 7) 1px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(249, 120, 14); box-shadow: rgb(252, 117, 7) 1px 1px 1px; color: #666666; font-family: gergia; font-size: 14px; font-style: italic; margin: 0px 2px; padding: 4px 6px;" type="text" value="https://www.facebook.com/bishalcreations3" /></td></tr>
<tr><td width="60%"><label for="mdtwtrusnme" style="font-size: 15px; font-weight: bold; margin: 0px; padding: 0px;">Twitter Username</label>:</td><td width="40%"><input class="text-input" id="mdtwtrusnme" name="mdtwtrusnme" size="20" style="-webkit-box-shadow: rgb(252, 117, 7) 1px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(249, 120, 14); box-shadow: rgb(252, 117, 7) 1px 1px 1px; color: #666666; font-family: gergia; font-size: 14px; font-style: italic; margin: 0px 2px; padding: 4px 6px;" type="text" value="bishalcreations" /></td></tr>
<tr><td width="60%"><label for="mdsubtit" style="font-size: 15px; font-weight: bold; margin: 0px; padding: 0px;">Feedburner ID</label>:</td><td width="40%"><input class="text-input" id="mdsubtit" name="mdsubtit" size="20" style="-webkit-box-shadow: rgb(252, 117, 7) 1px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(249, 120, 14); box-shadow: rgb(252, 117, 7) 1px 1px 1px; color: #666666; font-family: gergia; font-size: 14px; font-style: italic; margin: 0px 2px; padding: 4px 6px;" type="text" value="bishalcreations" /></td></tr>
</tbody></table>
</form>
</fieldset>
<center style="color: black; font-family: Verdana, Arial; font-size: 18px; line-height: normal;">
<input style="font-size: 22px; width: 175px;" type="button" value="Generate" /><input name="preview" style="font-size: 22px; width: 175px;" type="button" value="Preview" /><input name="go" style="font-size: 22px; width: 175px;" type="submit" value="Add to Blogger" /></center>
</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><div>
<br /></div>
</li>
</ul>
</div>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"><span style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;"></span></ul>
<br />
<span style="background-color: white; color: #444444; font-family: 'Droid Sans', arial, serif; font-size: 13px; line-height: 20px;"></span></div>
</div>
</div>

0 comments:

Post a Comment

 
Toggle Footer