Tạo Rotating Banner Trên Thesis Mà Không Cần Plugin

Với các bạn yêu thích và đang sử dụng Thesis cho blog của mình, thì hẳn rất muốn trang trí giao diện mang đậm tính chất cá nhân. Blogviet cũng không nằm ngoài quy luật đó. Đó là lý do mà trang blogviet thêm màu mè trong một tuần trở lại đây để tránh “đụng hàng”.

Hôm nay xin chia sẻ một thủ thuật mà blogviet học được của tác giả Serradinho về cách tạo banner quảng cáo 125×125 như trên blogviet. Có rất nhiều cách để tạo quảng cáo dạng 125×125 bằng việc sử dụng WP125 và AdRotate plugin, tuy nhiên, việc sử nhiều plugin sẽ tạo thêm áp lực cho cơ sở dữ liệu và làm giảm tốc độ tải trang của mình. Do đó, sử dụng các thủ thuật này sẽ giúp bạn khắc phục vấn đề này.

Tất cả các thủ thuật của Thesis đều tập trung vào 2 file chủ lực trong folder custom đó là custom.css và custom_functions.php. Thủ thuật này cũng tác động vào 2 file này.

Bước 1:

Bạn mở file custom_functions.php ra và chèn đoạn mã sau vào. Bạn thay các link trong đó bằng các liên kết của mình là ok.

add_action('thesis_hook_after_sidebars', 'sidebar_ad_rotator');

function sidebar_ad_rotator() {
echo '
<div class="banner_ads">';

/*Rotating Ad  number 1*/
$ads = array(array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;<a href="http://eblogviet.com/tag/justhost-discount" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Just Host Giả Rẻ';return true;" onmouseout="self.status=''">JustHost</a>&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/09/<a href="http://eblogviet.com/tag/justhost-sale" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Just Host Giả Rẻ';return true;" onmouseout="self.status=''">justhost</a>.gif&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://go.eblogviet.com/<a href="http://eblogviet.com/tag/hostgator" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='HostGator Green Hosting';return true;" onmouseout="self.status=''">hostgator</a>&amp;amp;quot;,),

/*Rotating Ad number 2*/
array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;<a href="http://eblogviet.com/tag/adtoll-b%e1%bb%8b" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='http://eblogviet.com/tag/adtoll-b%e1%bb%8b';return true;" onmouseout="self.status=''">AdToll</a>&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/09/adtoll125x125.gif&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://go.eblogviet.com/<a href="http://eblogviet.com/tag/adtoll-bị" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='http://eblogviet.com/tag/adtoll-bị';return true;" onmouseout="self.status=''">adtoll</a>&amp;amp;quot;,),

/*Rotating Ad number 3*/
array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;<a href="http://eblogviet.com/tag/dreamhost-giam" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Giảm Giá DreamHost ';return true;" onmouseout="self.status=''">DreamHost</a>&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/05/<a href="http://eblogviet.com/tag/dreamhost" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Giảm Giá DreamHost ';return true;" onmouseout="self.status=''">dreamhost</a>-125x125-a.gif&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://go.eblogviet.com/<a href="http://eblogviet.com/tag/dreamhost-promo" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Giảm Giá DreamHost ';return true;" onmouseout="self.status=''">dreamhost</a>&amp;amp;quot;,),

/*Rotating Ad number 4*/
array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;<a href="http://eblogviet.com/tag/bidvertiser-la" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Kiếm Tiền Trên Mạng Với Bidvertiser';return true;" onmouseout="self.status=''">BidVertiser</a>&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/05/bidvertiser_logo.gif&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://go.eblogviet.com/<a href="http://eblogviet.com/tag/bidvertiser-conversion"" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='Kiếm Tiền Trên Mạng Với Bidvertiser';return true;" onmouseout="self.status=''">bidvertiser</a>&amp;amp;quot;,),

/*Rotating Ad number 5*/
array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;<a href="http://eblogviet.com/tag/chitika-ads" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='http://eblogviet.com/tag/chitika-ads';return true;" onmouseout="self.status=''">Chitika</a>&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/05/chitika125x1251.png&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://go.eblogviet.com/<a href="http://eblogviet.com/tag/chitika-booster" style="color:#0000FF;text-decoration:underline;" target="_blank" rel="nofollow" onmouseover="self.status='http://eblogviet.com/tag/chitika-booster';return true;" onmouseout="self.status=''">chitika</a>&amp;amp;quot;,),

/*Rotating Ad number 6*/
array(&amp;amp;quot;title&amp;amp;quot;=&amp;amp;gt;&amp;amp;quot;PepperJamNetwork&amp;amp;quot;,
&amp;amp;quot;img&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://eblogviet.com/wp-content/uploads/2009/10/pjn125x125.jpg&amp;amp;quot;,
&amp;amp;quot;url&amp;amp;quot;  =&amp;amp;gt;&amp;amp;quot;http://www.pjatr.com/t/4-8090-11203-355&amp;amp;quot;,)
);
shuffle($ads);
$ads = array($ads[0],$ads[1],$ads[2],$ads[3],$ads[4],$ads[5]);

foreach($ads as $ad){ ?&amp;amp;gt;
&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;lt;?=$ad[&amp;amp;quot;&amp;amp;gt;&amp;amp;quot; target=&amp;amp;quot;_blank&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;img src=&amp;amp;quot;&amp;amp;lt;?=$ad[&amp;amp;quot; alt=&amp;amp;quot;&amp;amp;quot; /&amp;amp;gt;&amp;amp;quot; alt=&amp;amp;quot;&amp;amp;lt; ?=$ad[&amp;amp;quot;title&amp;amp;quot;]?&amp;amp;gt;&amp;amp;quot; border=&amp;amp;quot;0&amp;amp;quot;/&amp;amp;gt;&amp;amp;lt;/a&amp;amp;gt;
&amp;amp;lt; ?
}
echo '&amp;amp;lt;/div&amp;amp;gt;
';
}

Thông thường, các bạn sử dụng Thesis sẽ cần đến plugin có tên Thesis OpenHook để dễ dàng hơn khi hiệu chỉnh các tính năng mà không cần thông qua công cụ FTP.

Sau khi thêm đoạn mã đó, bạn lưu lại và mở file custom.css ra rồi làm theo hướng dẫn sau.

Bước 2:

Bạn chèn đoạn mã sau vào file custom.css và lưu lại là xong.

.banner_ads {margin-top: -0.3em; margin-bottom: -0.5em;}
.banner_ads img {margin: 6px;}

Như vậy là bạn không phải dùng plugin nào nữa và cũng không lo cơ sở dữ liệu bị to ra và thời gian tải trang sẽ không bị ảnh hưởng nhiều.

Chúc các bạn thành công. Nếu các bạn đồng ý thì thi thoảng mình sẽ giới thiệu một vài thủ thuật hiệu chỉnh Thesis. Đối với các bạn có kiến thức về Tiếng Anh thì có thể tìm các thủ thuật một cách dễ dàng thông qua Google.

Theo Serradinho Blog