在你的博客中增加google+按钮
来源:互联网 发布:屏蔽弹窗软件 编辑:程序博客网 时间:2024/06/06 17:30
在博客上添加Google +1 按钮,可以让你的访问者在 Google 搜索上推荐、在 Google+ 上分享你的博客内容。
有人在本博公布的皮肤的那篇博文中提出了增加Google+1按钮的问题。严格来说,这不属于皮肤的范畴。因为皮肤只是定义css样式,不改变页面元素。但是好吧,既然你要,我就给你。
首先,在你的公告栏中增加如下内容:
<!-- 将此标记放在您希望呈现 +1 按钮的位置 --><g:plusone></g:plusone><!-- 将此呈现调用放在适当的位置 --><script type="text/javascript"> window.___gcfg = {lang: 'zh-CN'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script>
就可以看到+1 按钮了。
但总是有人不满足(比如我)。你可能希望+1按钮出现在顶部的导航菜单上,这就需要定义css。在后台css设置中增加:
#___plusone_0{ position: absolute; left: 555px; top: 8px; z-index: 999999;}
其中left、top是+1按钮在页面中的绝对位置,你可以根据自己的皮肤自行调整;
z-index设置一个很大的值,保证+1按钮在所有元素的上面。
如果你的菜单是fix的(固定,不随页面滚动而滚动),那么你当然会希望+1按钮也随着菜单一起“fix”,那么就继续增加css定义,变成这样:
#___plusone_0{ position: absolute; left: 555px; top: 8px; z-index: 999999; overflow: visible; position: fixed;}
增加了overflow和position属性的定义,+1按钮就会不受页面滚动的影响,一直显示。
至此,google+按钮就在你的博客中安家了,希望这个功能能够给你带来朋友和流量,呵呵。
- 在你的博客中增加google+按钮
- 在特定的div中增加按钮
- 在你的博客投放Google广告步骤详解(推荐)
- 在Google的工具条中制作Baidu的搜索按钮
- 5招增加你的博客流量
- 在你的 composer.json 中增加 doctrine/dbal 依赖
- 优化你的Google AdSense,增加你的收入
- 怎样在你的应用程序中集成Google搜索?
- 在博客中自定义Google代理搜索
- 在VB.net中为DATAGRID控件增加一个删除按钮的一种方法
- 在C#中为DATAGRID控件增加一个删除按钮的一种方法
- 在Eclipse工作台工具栏中增加CoolBar按钮的一个误区
- CToolBarCtrl,在工具栏中增加一个与按钮长度不一样宽的静态文本
- 在你的博客中加入日历,时钟和天气预报
- 在你的博客中加入日历,时钟和天气预报
- 在你的博客中加入日历,时钟和天气预报
- 在你的博客中加入日历,时钟和天气预报
- 在你的博客中加入日历,时钟和天气预报
- 原创利用flashpaper实现百度文库、豆丁网文档预览功能
- error LNK2001: unresolved external symbol "public: virtual struct QMetaObject const
- 什么是左式堆
- Android OpenGL ES 简明开发教程
- 程序员都应该知道的福利
- 在你的博客中增加google+按钮
- vs 里查看一个文件预编译后的输出结果
- 人气美妆王子马锐
- ie6不支持css max-heigth 最大高度解决办法集
- 正则表达式符号(二)
- 【统计数字】【SCOI2009】windy数
- Ubuntu 更改文件夹权限
- OpenCV与VRML
- android屏幕亮度的调整