Royal Blood App on Windows Store

Here one of my Windows App Royal Blood App make you to update about Royal Blood news.

read more...

Making Pop-Up Contact Form

After a few days talking about blogging tips, it is time to discuss tricks blog. This time I will give you a tutorial to modify the contact form, so it appears in the form of pop-ups. This does not need to do to modify the contact form, but also various other services such as Feedburner widget. If you've applied will appear like this:

To make it very easy ....

1. Blogger Login

2. Layout

3. Edit HTML

4. Tick ​​the Expand Widget Templates

5. Enter the following code in blue below: ]]></b:skin>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.css" media="screen" /> 

Then please parse / encode the script below (to encode / parse please read: HTML Code No Exit, Parse First! )

<script type="text/javascript">
        $(document).ready(function() {
            $("#contact_form").fancybox({
                'width'                : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'        : 'none',
                'transitionOut'        : 'none',
                'type'                : 'iframe'
            });
        });
    </script> 

After the parse / encode add the script under the script first. After that click Save

Writing Links

To apply this function is the addition of a little code. If the common link code is as follows:

<a href="http://linklocation.com"> Name of Link </ a>  

Now you add the id contact_form , so becomes: 

<a id="contact_form" href="http://linklocation.com">Link Name</a>   

Please try and hopefully enhance your blog. Original demo in Dinhquanghuy . 

read more...

Grow a Blog

Once you have a blog of course necessary steps so that your blog a success even in the long run. Many things that our blog is more developed and attractive visitors ...

First Step
1. Submit Blog to Google, Yahoo, and MSN

2. Install counter Visitors Hit Counter

3. Install Alexa
4. Raise Traffic Blog
5. SEO Tips: Step-early-to-blogger
6. Track Impressions Online

Additional steps
1. Submit Blog to Blog-upp
2. Try Blog-Buster, So Famous

Interaction
1. Install Shoutmix
2. Removing Bad comments on Shoutmix
3. Trying CBOX
4. Shout Box with Thumbnails
5. Visitors Not So Commenting, Why?
6. Displaying Recent Comment
7. Contact Form, Email Message To You
8. Modifications Section Comments

Share
1. Latest Updates Displaying Through Notes On Facebook
2. Networked Blogs, Blog Famous on Facebook
3. Share Pack, How To Easily Share Your Articles
4. Why Your Articles On Fear Copy-paste?

Link that has not been installed on the title above will soon follow soon ....

read more...

Recent Post With Photo Thumbnalis

One of the most important gadget is the recent posts. So in addition to seeing the most recent postings readers can also know some of the most recent postings (the number according to our desire to provide information). In addition, we do not need to show so many posts on the main page for fear of posting a 'new kind' latest is not becomes invisible. Simply add the following script in your HTML widget

<div style="overflow:auto; padding:5px; width:250px; height:180px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 30;
home_page = "http://www.face-tutorial.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>

Replace the red with your blog address, otherwise it is not nothing but promote my blog. Number 30 shows the number of recent articles that appear
Set the height and width at the top to adjust to your sidebar.

Good luck ....

read more...

Adding Elements On Header

If the first lot of posts about adding elements under the header, then I am a little different (yet the same original). Adding elements in the Upper header can be very useful. For example, for advertising. It could also for our photo slide show or to display other things that really wants to 'highlighted'. It is very different from how to make element below the header, just different in the script placement only.

1. Search codes ]]></b:skin>
2. Add the blue code below the above ]]></b:skin>

#gadget_header{
margin:10px 0;
padding:1%;
width:98%;}

3. Find the <div id='header-wrapper'>
4. Copy the code below on top

<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

5. Click Save

If you want to gadgets placed underneath, live move second script to the desired position.

For example, place the second script in the following code:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

Keep in mind now the template has a very wide range, so it could be slightly different script, but will not differ much. For example, the header template with two columns will be known term headerleft and headerright, but basically the same.

Basically I gave way and I could not provide tutors for each of each type of template. Hopefully Helpful ....

read more...