cnblogs博文瀏覽[推薦、Top、評論、關注、收藏]利器代碼片段


想必大家同我一樣也經常看博文、寫博文,如果你看到了這篇文章。那么也說明你和我一樣,是一個熱衷這個行業的人。對這個行業充滿了熱愛! 哈哈~

當你看到了一篇好的博文,有沒有立馬或馬上或必須……想關注、收藏、推薦的沖動!!!有木有、有木有!!!不管你有木有,我反正是有的。至於你信不信,偶反正是信的!嘿嘿…… 搞笑片段至此。獻上主題小作一篇!!! 請君覽閱!

 

申明:這個是一個快速推薦、評論、關注、收藏、置頂的代碼片段,此功能僅限於博客園。如果你在代碼片段中加入惡意代碼,導致自己的博客不能訪問,后果自負!而我初衷是:快速推薦、評論、關注、收藏、置頂,這才是目的。

 

當你開到這篇文章的時候,你在這篇文章的右下角就可以看到這個利器。歡迎使用哦!下面開始正題,歡迎廣大博客園博友閱覽。

1、你登陸到博客園,后點擊管理,再點擊隨筆中的博客簽名。如圖

image

image

2、進入簽名后,如果你有設置簽名,那就修改默認簽名。如果沒有簽名,就添加一條簽名記錄。添加后的簽名會在每篇博文最后的地方顯示。

3、在博客簽名中加入如下代碼片段

<div id="div_digga" onclick="DiggIt(cb_entryId,cb_blogId,1);" style="position: fixed; right: 20px; bottom: 30px;">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #E33100; border: medium none; font-size: 9pt; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span class="diggnum" style="color: #ffffff; font-size: 9pt;">頂</span>         
    </div>        
</div>
 
第一層div 
    A、主要設置的就是style屬性
    position: fixed; right: 20px; bottom: 30px;
    position 布局方式
    right 設置當前div在屏幕右邊 的20像素位置
    bottom 設置當前div在屏幕下方 30像素的位置
    如果你要改變div按鈕的位置,只需要改變 right 和 bottom的值即可,
    如果你想讓div按鈕在屏幕最上方顯示,那你就設置div的right和top樣式,即position: fixed; right: 20px; top: 30px;
    B、設置事件 onclick 事件的方法是固定的,不能隨便修改。當然你可以定義你自己的腳本
第二層div
    主要設置hight、background-color屬性,也就是div按鈕的高度、顏色,當然還可以設置寬度,這里默認寬度。
第三層 span或a標簽
    主要是div按鈕上顯示的文本。主要設置color、font-size,也就是字體的樣式和大小

如果你加入上面的代碼片段后,在右下角會看到一個頂的按鈕,且可以推薦的。

4、完整代碼片段如下

<div id="div_digga" onclick="DiggIt(cb_entryId,cb_blogId,1);" style="position: fixed; right: 20px;bottom: 30px;">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #E33100; border: medium none; font-size: 9pt; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span class="diggnum" style="color: #ffffff;font-size: 9pt;">頂</span>         
    </div>        
</div>
 
<div id="div_diggc" style="position: fixed; right: 80px;bottom: 30px;">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #2DAEBF; border: medium none; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span 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)">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #FFB515; border: medium none; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span class="diggnum" style="color: #FFFFFF;font-size: 9pt;">收藏</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;">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: green; border: medium none; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span class="diggnum" style="color: #ffffff;font-size: 9pt;">關注</span>         
    </div>            
</div>
 
<div id="div_diggc" style="position: fixed; right: 140px;bottom: 0;" onclick="$('#tbCommentBody').focus();">            
    <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #EEEEEE; border: medium none; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);">
        <span class="diggnum" style="color: #FFFFFF;font-size: 9pt;">評論</span>         
    </div>        
</div>

其中代碼片段出現了script腳本<script>var my_follow = c_follow;var aa="0";</script>

這里主要是防止“關注”按鈕的onclick事件的方法被系統替換掉,且后面var aa=”0”;是必須的。當然你可以定義其他的變量。加入完整代碼片段后,點擊修改或添加。你點擊自己的博客中隨便一篇隨便,就可以看到我博客右下方的效果:

image

1、點擊Top按鈕,滾動到頂部,可以立馬看見導航按鈕,切換起來是不是很方便呢。

2、點擊頂按鈕,就推薦博文了。

3、點擊評論按鈕,評論框立馬可以輸入你想要說的的話了。

4、點擊關注按鈕,你就可以關注該博客的博主了。以后就可以看到他的最新動態了、最新佳作了。

5、點擊收藏按鈕,你就可以收藏該博文了,以后找文章直接去收藏立馬查找是不是很好。

 

好了,寫了那么多。整個玩意就是這樣的,我這就是方便自己也是方便別人,沒有什么其他的意思。

如果你覺得本文不錯的話,請你點擊屏幕右下方的image 。如果你以后會用到這篇文章的或覺得以后要重新翻閱的話,你可以點擊屏幕右下角的image 。如果你覺得我的博文不錯或是想在第一時間看到我的動態的話,你可以點擊屏幕右下角image 。如果你想說點什么的話,你可以點擊屏幕右下方的image 。如果你都點過了,那真的太謝謝你了,兄弟太支持了。此時,或許你可以點擊image 按鈕,然后看看博文的導航繼續瀏覽其他文章。

 

最后,歡迎大家繼續支持和關注我的博客:

http://hoojo.cnblogs.com

http://blog.csdn.net/IBM_hoojo

也歡迎大家和我交流、探討IT方面的知識。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM