Zblog side advertising module code Common resources Website program with source code tutorial

This code icon uses font awesome. If your site does not use the icon, you can convert the icon used by your website to download the icon file and start calling it. It only shows the background adding side method of zblog and emlog, but some templates are not called by the background official side, so you need to copy the code shared in this article in the source code, Similarly, other programs will do the same on the side. Copy the code to the side display location.

 <!-- HTML code --> <div class="widget_product"> <img title="High quality outsourcing" src=“ https://ae01.aliCDN.com/kf/H6a6194b5243648c684092f6890f3ec3cd.jpg ">     <div class="product_content">         <div class="product_info"> <h2>Aizhanyun first launched the high-quality external chain release website</h2>             <ul> <li><i class="fa fa check"></i>High quality external chain distribution promotion package quality</li> <li><i class="fa fa check"></i>Customer service 7 * 24 * 365 one-on-one service</li> <li><i class="fa fa check"></i>It has a single posting or monthly subscription membership distribution mode</li> <li><i class="fa fa check"></i>The preferred distribution network for the promotion and publicity of Love Station Cloud external chain</li> <li><i class="fa fa check"></i>Aizhan Cloud sends seven days on behalf Baidu will never delete</li> <p>Tips: Do not distribute information about (porn, chess, game assistance, second praise, second review, card swiping league, vpn wall climbing, etc.)</ p> <p>In addition, the size of the thumbnail is suggested to be 240X240 square chart, which is used as the promotional picture on the home page. There is no limit on the number of words in the description. Please plan the fields and format of the soft text;  </p> <p>If the paid recommendation has been launched in the external chain for a long time, you can contact customer service QQ to pay for the opening of the site's membership function. You can ignore the review, publish in seconds, collect in seconds, and contact customer service QQ</p> </ul> </div> <div class="price_sale"><strong><small><i class=""></i></small>￥ 120/month</strong><h2>Unified monthly price</h2></div>         <a class="btn btn-primary" href=" http://wpa.qq.com/msgrd?v=3&amp ; uin=207385345&amp; site=qq&amp; Menu=yes ">Contact the webmaster</a>     </div> </div> <!-- CSS code --> <style> .product_info h2 {font-size: 20px;margin: 0;font-weight: bold;padding: 5px 0 10px 0;} .product_info>ul {padding: 0;} .product_info>ul>li {float: left;width: 100%;font-size: 13px;margin-bottom: 8px;list-style: none;} .product_content>.btn {width: 90%;} .price_sale {border-top: 1px solid #eee;padding: 10px 0px;} .price_sale h2 {margin: 0;font-size: 14px;color: #999;line-height: 20px;} .price_sale strong {float: right;font-size: 20px;line-height: 1;font-weight: 100;color: #f05050;} .btn {display: inline-block;padding: 6px 12px;text-align: center;border-radius: 4px;} .btn-primary {color: #ffffff !important;background-color: #7266ba;border-color: #7266ba;} </style>

ZBLOG program use tutorial:

Background - module management - new module - name/file name/HTML ID can be filled in (side ads), the body copy the above code to save, and the hidden title behind the name needs to be opened.

Emlog program tutorial:

Background - sidebar - add custom component - name (side advertisement), copy the above code to save the component.