怎么向html插入广告,给blogger添加各种广告代码的方法

使用blogger的朋友很多,这里跟大家分享一下给blogger添加各种html或者java script的广告代码的方法,当然了,这种方法也适合于加其他的一些内容,如图片,或者文字等。

以前刚接触blogger的时候也是不知道如何加广告代码上去,后面用多了,也就熟悉了,就没什么困难了。

很多朋友会在blogger的模板那里去修改,也就是template,那里修改应该也是可以的,但是我没有在那里修改过,感觉太复杂,代码太多。

我的方法是在blogger的后面的layout那里进行修改。

首先登录进去你的blogger,在后台那里进行修改。最近blogger后台页面好像改变了一些,感觉以前不一样了,但是没有关系,不影响我们后面的操作。

后台第一行那里,有个向下的箭头,我们点击箭头后,选择Layout这个选项。

这时个你就可以看到你的博客的布局了,如图所示:

d1ac90515742077cb08176aec07663fd.png

这时候我们看到 有这么一个选项  “Add a Gadget” 这个地方,个人觉得应该可以理解成小组件,小工具之类的,就像wordpress的Widget(小工具),那样的。

Blogger提供的 Gadget 是非常丰富的,我们点击 “Add a Gadget” 以后就会发现,blogger提供了像 “translate”,“Follow by Email” , “Blog’s stats” , “Adsense” , “Search Box” ,等,功能非常的多,大家可以选项自己喜欢或者是博客需要的Gadget。如图:

027d7c9b68d5fc0dbca3e69c11063453.png

说回本文的重点,我们要在blogger上面加入html广告代码,因此,我们需要用到的一个blogger小工具是 HTML/JavaScript 这个小工具 , 添加右边的添加。如图:

270986258e4603205ec79ad0fef309d7.png

然后拷贝进去你的广告html或者java script 代码进去,保存即可。

一般来说,可以 加小工具的地方 跟你选的模板有关,模板不同的话,可以加小工具的位置也不一样,一般在博客布局的 头部,边栏,底部等都是可以加广告代码的。自己多加研究的话可以发现更多有用的方法。

原创文章,转载请注明:

下面是一个简单的HTML个人博客的完整代码示例: ```html <!DOCTYPE html> <html> <head> <title>My Personal Blog</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>My Personal Blog</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Me</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section> <h2>Welcome to my Blog!</h2> <p>Here you will find my thoughts on a variety of topics such as technology, travel, and lifestyle.</p> </section> <section> <h2>About Me</h2> <p>My name is Jane Doe and I am a freelance writer and blogger. I love exploring new places, trying new foods, and meeting new people. In my free time, I enjoy reading, hiking, and practicing yoga.</p> </section> <section> <h2>Latest Blog Posts</h2> <article> <h3>My Trip to Paris</h3> <p>I recently had the opportunity to visit Paris and it was an amazing experience. From the stunning architecture to the delicious food, there was so much to see and do. I can't wait to go back!</p> </article> <article> <h3>The Benefits of Yoga</h3> <p>Yoga has become a huge part of my life and has helped me in so many ways. From reducing stress to improving flexibility, I highly recommend giving it a try.</p> </article> <article> <h3>The Future of Technology</h3> <p>I am fascinated by the latest developments in technology and am excited to see where it will take us in the future. From artificial intelligence to virtual reality, the possibilities are endless.</p> </article> </section> <section> <h2>Contact Me</h2> <form> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="message">Message:</label> <textarea id="message" name="message" required></textarea> <button type="submit">Submit</button> </form> </section> </main> <footer> <p>© 2021 My Personal Blog. All rights reserved.</p> </footer> </body> </html> ``` 注意,这里只是一个简单的示例,实际上一个个人博客的HTML代码可能会更加复杂和详细。此外,还需要添加CSS样式文件来美化页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值