(Turn: Pro-Test) cnblogs Blog Browse [Recommendations, Top, comments, concerns, favorites] Sharp tool code snippet

Source: Internet
Author: User

Authour: Others (Hoojo)
UpdateTime: 2015-04-25 09:30:23
Friendly Link: Http://www.cnblogs.com/hoojo/archive/2013/03/04/2942591.html

I think everyone is as often as I read the blog, write blog, if you see this article. It also means that you, like me, are a keen person in this industry. Full of love for this industry! haha ~

When you see a good blog post, there is no immediate or instant or necessary ... Want to pay attention to, collection, recommend the Impulse!!! There are Muyou, there are wood!!! Whether you have wood or not, I have it anyway. As for whether you believe it or not, I believe it anyway! Hey...... Funny footage is here. offer a theme for a small article!!! Please read it!

Disclaimer: This is a quick recommendation, comment, attention, collection, top of the code snippet, this feature is limited to the blog park. If you add malicious code to your snippets, your blog will not be accessible, and you'll be at your peril! and my original intention is: Quick recommendation, comment, attention, collection, top, this is the purpose.

When you get to this article, you can see this tool in the bottom right corner of this article. Welcome to use Oh! The following starts the topic, Welcome to the blog Park Bo friends to read.

1. You log into the blog park, click Manage, then click on the blog signature in the essay.

2, after entering the signature, if you have set the signature, then modify the default signature. If there is no signature, a signature record is added. The added signature is displayed at the end of each post.

3, add the following code snippet in the blog signature

<div id="Div_digga" onclick= "diggit (cb_entryid,cb_blogid,1);" Style="position:fixed; right:20px; bottom:30px; " >              
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; font-size:9pt; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" style="color: #ffffff; font-size:9pt; " > Top </span>          
    </div>        
</div>
    A, the main setting is the Style property
    Fixed right:20px; bottom:30px;
    Position Layout method
    Right sets the current div at the 20 pixel position
    Bottom sets the position of the current div at 30 pixels below the screen
    If you want to change the position of the div button, just change the value of right and bottom,
    Fixed right:20px; top:30px;
    B, set the event OnClick event method is fixed, can not be arbitrarily modified. Of course, you can define your own script.
Second Level Div
    The main settings hight, Background-color properties, that is, the height of the div button, color, of course, you can also set the width, the default width here.
Third-level span or a-label
    Mainly the text that is displayed on the div button. The main settings are color, font-size, which is the style and size of the font

If you add the code snippet above, you'll see a top button in the lower right corner, and you can recommend it.

4. The complete code snippet is as follows

<div id="Div_digga" onclick= "diggit (cb_entryid,cb_blogid,1);" Style="position:fixed; right:20px;bottom:30px; " >              
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; font-size:9pt; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" style="color: #ffffff; font-size:9pt;" > Top </span>          
    </div>        
</div>
<div id="DIV_DIGGC" style= "position:fixed; right:80px;bottom:30px; " >             
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" ><a href="#top" style="color: #FFFFFF; font-size:9pt;" >Top</a></span>           
    </div>            
</div>
<div id="DIV_DIGGC" style= "position:fixed; right:20px;bottom:0, "onclick=" Addtowz (Cb_entryid) ">              
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" style="color: #FFFFFF; font-size:9pt;" > Collection </span>          
    </div>            
</div>
<script>var my_follow = C_follow;  var aa="0";</script>  
<div id="DIV_DIGGB" onclick= "my_follow ();" Style="position:fixed; right:80px;bottom:0; " >              
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" style="color: #ffffff; font-size:9pt;" > Focus </span>          
    </div>            
</div>
<div id="DIV_DIGGC" style= "position:fixed; right:140px;bottom:0; "Onclick=" $ (' #tbCommentBody '). focus (); >              
    class= "diggit" style= "height:20px; Background-image:none; Color: #FFFFFF;  Border:medium none; Font-weight:bold; Text-decoration:none; text-shadow:0 -1px 1px rgba (0, 0, 0, 0.25); " > 
        class= "diggnum" style="color: #FFFFFF; font-size:9pt;" > Reviews </span>          
    </div>        
</div>

Where the code snippet appears with script scripts <script>var my_follow = C_follow;var aa= "0";</script>

Here the main is to prevent the "attention" button onclick event method is replaced by the system, and the back of the Var aa= "0"; Of course you can define other variables. After adding the full code snippet, click Edit or Add. You can see the effect on the right side of my blog by clicking on a random article in your blog:

1, click the top button, scroll to the top, you can immediately see the navigation button, switching is not very convenient.

2, click the top button, it is recommended blog.

3, click the Comment button, the comment box can immediately enter the words you want to say.

4, click the attention button, you can focus on the blogger of the blog. Later on, he will be able to see his latest news, the latest masterpiece.

5, click the collection button, you can collect the blog post, to find articles directly to the collection immediately find is not very good.

Well, it's written so much. The whole thing is like this, I this is convenient and convenient for others, there is no other meaning.

If you think this article is good, please click on the bottom right of the screen. If you later use this article or feel that you want to re-read it later, you can click on the bottom right corner of the screen. If you think my blog is good or if you want to see my news in the first place, you can click on the bottom right corner of the screen. If you want to say something, you can click on the bottom right of the screen. If you've ordered it, it's really very nice of you, brother. At this point, perhaps you can click on the button and then look at the navigation of the blog to continue browsing other articles.

Finally, you are welcome to continue to support and follow my blog:

Http://hoojo.cnblogs.com

Http://blog.csdn.net/IBM_hoojo

You are also welcome to communicate with me and explore the knowledge of it.

(Turn: Pro-Test) cnblogs Blog Browse [Recommendations, Top, comments, concerns, favorites] Sharp tool code snippet

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.