Friday, November 9, 2012
Thursday, November 8, 2012
Roseic Pro Subscription Box for Blogger
Add Roseic Pro Subscription Box
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and search the code shown below.
</head>
- Paste below codes before </head>
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
- Save your template.
- Now Go to Layout > Click on Add a Gadget
- Select HTML/JavaScript Widget.
- Paste below code in it.
<style>
.wg-subw{
padding:20px;
border:1px solid;
-moz-box-shadow: inset 0 0 30px #000000;
-webkit-box-shadow: inset 0 0 30px #000000;
box-shadow: inset 0 0 30px #000000;
transition: box-shadow .777s;
-webkit-transition: box-shadow .777s;
-moz-transition: box-shadow .777s;
-o-transition: box-shadow .777s;
-ms-transition: box-shadow .777s;
}
.wg-subw:hover{
-moz-box-shadow: inset 0 0 50px #000000;
-webkit-box-shadow: inset 0 0 50px #000000;
box-shadow: inset 0 0 50px #000000;
}
.textfonts{
font-family: 'Lobster', cursive;
font-size:28px;
}
.firstfonts{
font-size:40px;
font-family: 'Allura', cursive;
}
.wg-input
{
background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png") no-repeat scroll 10px center #FFFFFF;
font-family: 'Lobster', cursive;
padding: 8px 40px;
}
.wg-button{
border:1px solid black;
background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-weight: bold;
padding: 10px 40px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
background:#000;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-weight: bold;
padding: 10px 40px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.wg-button:hover{
background:grey;
}
​
​.sidebar .Followers
{
border-style:inset;
}
.description
{
display: none;
}
</style>
<div class='wg-subw'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=WidgetGenerators', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<center>
<div class='firstfonts'>Subscribe Us</div>
<div class='textfonts'>Get Latest Updates About Blogger Stuff Direct in Your Inbox</div>
<p><input class='wg-input' name='email' onfocus='if (this.value == "Enter your email...") {this.value = ""}' style='font-size:15px; width:240px' type='text' value='Enter your email...'/></p><input name='uri' type='hidden' value='WidgetGenerators'/><input name='loc' type='hidden' value='en_US'/>
<input class='wg-button' type='submit' value='Subscribe'/>
</center></form></div>
- Save your Widget.
Make Changes....!
- Replace WidgetGenerators with your feed burner user name.
If Any Problem Comes, Ask in Comments
Tuesday, November 6, 2012
Add Pro Social Sharing Buttons in the Comment Form
Social Sharing Button is very popular in websites and blogger world, every one is making their own site and blog with sharing button and when we use it in our blog, we want to add these buttons to every post OR everywhere we want but here you will get how to add social sharing buttons on comment box in blogger.
Add Social Sharing Buttons in Comment Box
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and Search the code shown below.
</head>
- Paste below code just above </head>
- Now find below code
<h4 id='comment-post-message'><data:postCommentMsg/>
- Paste below code after above codes.
<br/>
<span class='st_plusone_hcount' displayText='Google +1'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_sharethis_hcount' displayText='ShareThis'></span>
- Save Your Template.
If Any Problem Comes, Ask in Comments
Sunday, November 4, 2012
How to Post Images in Comment Box
Installation Part
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and Search the code shown below.
</body>
- Paste below code just before </body>
<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/>
- Save Your Template.
How to Post Images and Other HTML Stuff in Comment Box
- You can't enter the html codes directly in the comment box be'coz it will not recognize it. So you you have to convert it in the CB Codes Converter , CB means Comment Box Code Converter.
- Write Your HTML Codes in it and Click Convert Button.
- Copy that Converted code and Paste in the Blogger Comment box.
Some Examples that How to Post HTML Codes
- If you want to post a Image in the comment box.
- Write a simple html code for Image posting like below
<img src="http://i28.tinypic.com/63yhk9.jpg">
- Now Convert this code in CB Code Generator and it will look like this.
〈img src="http://i28.tinypic.com/63yhk9.jpg"〉
- Now you are done, try this tutorial and have fun with blogger comment box hack.
If Any Problem Comes, Ask in Comments
Saturday, November 3, 2012
HTML to CB Code Generator
This Generator is Called HTML to CB Code Generator because if you want to Get Full Access on Comment Box of Blogger means if you want to Display Images in Comments OR if you want to Insert Youtube Video in Comment Box OR if you want to Run any HTML code in Comment Box then you will need this Generator.
Subscribe to:
Posts (Atom)
