自定义 QQ 邮件列表订阅表单

作者:万戈发布于:自定义QQ邮件列表-爱程序网自定义QQ邮件列表-爱程序网自定义QQ邮件列表-爱程序网自定义QQ邮件列表-爱程序网自定义QQ邮件列表-爱程序网
转载地址 http://wange.im/diy-qq-list-form.html
转载者注:这个东西最近很需要  !腾讯的邮件列表订阅栏做的相当的粗糙,本人一直想进行改造来自 。今见到作者网站发布的这个内容觉得很好,所以转载至本站供大家分享

之前有写过一篇关于美化 Feedburner 邮箱订阅的文章,包括直至今日,我还是在用 Feedburner 作为邮箱订阅的管理工具,但是出于我们都知道的某种公开的秘密,Feedburner 总是处在半瘫半废的植物人状态。好在国内互联网的山寨之风吹地遍地开花, Feedburner 在墙内还有一个山寨出来的兄弟,那就是QQ 邮件列表,虽比不上 Feedburner 功能那样强大,但至少在邮箱订阅功能上已经山寨地有模有样了。

对于一款山寨品,我不得不说 QQ 邮件列表做的还是不错的,至少符合国情。QQ 邮件列表提供了多种订阅插件,包括 QQ 空间(这个是必须的)、WordPress、新浪、百度、网易、拍拍、淘宝、等国内知名的几大博客和空间服务。但是可能是出于对点击量统计或其他方面的考虑,QQ 邮件列表并没有提供 HTML + CSS 的方式,而最多是提供图片或者 JS 的方式。

不过作为一个普通用户来说,第一,我对挂这种鸡肋而且写法超不标准的脚本很反感;第二,我更喜欢用 HTML + CSS 的方式来个性化自定义我的订阅列表。其实要把 QQ 邮件列表的 HTML 从 JS 里剥离出来一点也不难。

第一步,创建一个新栏目 —— 收集订户 —— 获取订阅插件 —— 其他博客或网站。这步是些基本操作,所以就一笔带过了,下面才是重头戏。

第二步,这时,你会得到图片和代码两个选项,我们当然是选择代码。代码提供了类似于这样的一串东东:

<!--QQ邮件列表订阅嵌入代码--><script >var nId ="f47dd37230dc53df8eea3abd28c7a3aba4c7322f4bde744a",nWidth="auto",sColor="light",sText="填写您的邮件地址,订阅我们的精彩内容:" ;;</script><scriptsrc="http://list.qq.com/zh_CN/htmledition/js/qf/page/qfcode.js"charset="gb18030"></script>

 

我们只需要其中的 321dc369379588a88db4c8676683bb4255f66bdfa3c461c5 这个 ID 标识符就可以了,将其记下,其他扔掉!

第三步,复制以下 HTML 到你的博客或者网站:

<form method="post xanax withdrawl" target="_blank" action="http://list.qq.com/cgi-bin/qf_compose_send">
<input type="hidden" value="qf_booked_feedback" name="t" />
<input type="hidden"value="f47dd37230dc53df8eea3abd28c7a3aba4c7322f4bde744a" name="id" />
<input type="text" onblur="if (this.value == '') {this.value = '请输入您的邮箱';}" onfocus="if (this.value == '请输入您的邮箱') {this.value = '';}"value="请输入您的邮箱" value="" class="rsstxt" name="to" id="to" />
<input type="submit" value="确认订阅" />
</form>

 

需要注意的是,这里要把 f47dd37230dc53df8eea3abd28c7a3aba4c7322f4bde744a 这个 ID 标识符换成你自己的。

接下来就是加上一些 CSS 美化啦,因为很多坏淫(比如说某丁、某辉、某灵,自己对号入座,哼哼)对我的设计能力抱以强烈地 BS 态度 (┬_┬),所以 CSS 美化方面的代码我就不提供了,大家自己看着办吧。

具体效果可以见本站内页侧边栏右下角的 QQ 邮件订阅功能,和我之前的 Feedburner 订阅并驾齐驱,欢迎大家订阅本站哈。