GIA ĐÌNH - GIÁO DỤC - HỌC SINH - SINH VIÊN - GIA SƯ

bài viết chuyển động

CODE TIN MOI

Thứ Sáu, 23 tháng 11, 2012

BAIF NGAU NHIEN

http://blog.duypham.info/2011/10/random-posts-for-blogger-high-speed.html

Bài viết ngẫu nhiên tốc độ cao cho Blogger

random postsMột trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về. Trong tiện ích mình giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Trước đó sẽ có 1 lần tải dữ liệu đầu tiên từ feed để xác định tổng số bài viết hiện có, 1 hàm lấy ngẫu nhiên 5 số khác nhau từ 1 đến tổng số bài viết. Ví dụ muốn hiển thị 5 bài viết ngẫu nhiên thì sẽ có 6 lần tải feed, mặc dù số lần lấy nhiều nhưng dung lượng 1 lần lấy lại nhỏ. Khối lượng chỉ tương đương với blog bạn có tổng số bài viết là 6, so sánh vậy để thấy nếu blog càng nhiều bài viết thì tiện ích này có tốc độ nhanh hơn kiểu tải toàn bộ feed rất nhiều lần.



Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Random Posts. Hiệu chỉnhTiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipL60szU3XMEGemlCEBCEk4StCQuxvdV8MG8XZoCzoIdWFm9aG27YBbrJ4wYgx4V-ox-8W8A7ODy-EiXhPnb0-hpwKQa7hPLDV4vONrGDvocsJvy5wFYjRvcSxpM_DjrFN0DR7Kts4ttPZ/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Thay 5 bằng số bài viết bạn muốn hiển thị, 150 là số ký tự của đoạn trích dẫn nội dung bài đăng. Nếu không muốn hiển thị thông tin ngày tháng đăng bài và số nhận xét hãy thay yesthành ký tự bất kỳ khác.

pho bien

http://blog.duypham.info/2012/03/cool-popular-posts.html

Cool Popular Posts

Đây là bài viết thứ 4 trên Duy Pham Blog liên quan đến widget Popular Posts và là bài thứ 2 chỉ tập trung vào thiết kế. Bài viết hướng dẫn bạn tạo Popular Posts có giao diện như hình dưới. Ban đầu mình định sử dụng CSS 3 tuy nhiên vì muốn hiển thị cả trên IE7 nên lại chuyển về CSS 2, trong đó thì việc đánh số là CSS 2.1 nên trên IE7 không có đánh số thứ tự.

popular posts


Trong bài viết này mình sẽ áp dụng cho Popular Posts có id là PopularPosts1.

Bước 1: Thêm đoạn mã dưới đây vào sau thẻ <b:skin><![CDATA[ trong template của bạn.
/*
<Group description="PopularPosts Backgrounds" selector="#PopularPosts1">
<Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#fa4242"/>
<Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ee6107"/>
<Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#f0f"/>
<Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#ff0"/>
<Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#0ff"/>
</Group>
*/

Bước 2: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#0a960a;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

Bước 3: Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>. Thay thế nó bằng đoạn mã dưới đây.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  <b:includable id='main'>
   <b:if cond='data:title'>
    <h2><data:title/></h2>
   </b:if>
   <div class='widget-content popular-posts'>
    <ul>
     <b:loop values='data:posts' var='post'>
      <li>
       <b:if cond='data:showThumbnails == &quot;false&quot;'>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>
        <b:else/>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.snippet'><data:post.title/></a>
        </b:if>
       <b:else/>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <b:if cond='data:post.thumbnail'>
          <img expr:alt='data:post.title' class='item-thumbnail' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipL60szU3XMEGemlCEBCEk4StCQuxvdV8MG8XZoCzoIdWFm9aG27YBbrJ4wYgx4V-ox-8W8A7ODy-EiXhPnb0-hpwKQa7hPLDV4vONrGDvocsJvy5wFYjRvcSxpM_DjrFN0DR7Kts4ttPZ/'/>
         </b:if>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>
         <div class='clear'/>
        <b:else/>
         <b:if cond='data:post.thumbnail'>
          <img expr:alt='data:post.title' class='item-thumbnail' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipL60szU3XMEGemlCEBCEk4StCQuxvdV8MG8XZoCzoIdWFm9aG27YBbrJ4wYgx4V-ox-8W8A7ODy-EiXhPnb0-hpwKQa7hPLDV4vONrGDvocsJvy5wFYjRvcSxpM_DjrFN0DR7Kts4ttPZ/'/>
         </b:if>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.snippet'><data:post.title/></a>
         <div class='clear'/>
        </b:if>
       </b:if>
      </li>
     </b:loop>
    </ul>
   </div>
  </b:includable>
 </b:widget>

Bước 4: Quay trở lại Bố cục và chọn Chỉnh sửa widget Popular Posts. Chọn Hiển thị tối đa 5 bài đăng, các thông số còn lại lựa chọn theo ý bạn.

popular posts setup

Để dễ dàng cho mọi người thay đổi màu nền mình đã sử dụng Trình thiết kế Mẫu của Blogger. Bạn vào Thiết kế → Trình thiết kế Mẫu → Nâng cao → PopularPosts Backgrounds và thay đổi lần lượt background color1, background color2, background color3, background color4, background color5 theo ý muốn.

popular posts background setup

Thứ Tư, 21 tháng 11, 2012

Add Email Subscription Form and Links to Blogger Blogspot

http://blogknowhow.blogspot.com/2009/06/add-email-subscription-blogger-blogspot.html

Add Email Subscription Form and Links to Blogger Blogspot




Email Subscription Form as seen in a Blogger Blogspot blogIn this tutorial you will learn how to add an email subscription form to your Blogger Blogspot blog so that your visitors will have easy access to your latest updates via email. Adding an email subscription form to your blog is very easy to do and is one way to stimulate repeat visits to your blog.

Below is a step by step walkthrough of how to add an email subscription form to a Blogger blog. I have broken down the steps so that even beginners and newbies can easily follow the steps.

Why Offer the Option to Receive Updates Via Email?
If you are keen to have your visitors return to your blog then as a webmaster you can facilitate this by giving them options about how they would like to receive your updates. Receiving updates by email is just one of several options that you can offer your visitors to turn them from a one time visitor into a regular follower. Other common choices are to follow you in a reader such as Google Reader or alternatively follow you on Twitter. I have recently set up my feed to feed directly into Twitter using theTwitterfeed service so that my readers can follow me on Twitter.

How to Set Up an Email Subscription Form at Feedburner
In order to set up an email subscription link or form at Feedburner you first need to have your feed burned by Feedburner. If you are not sure how to do this please read my step by step article on burning aBlogger RSS Feed at Feedburner or follow these brief instructions

1. If you are using your Google Account click on the My Account linkand choose Feedburner from the list. Alternatively go to Feedburnerand sign in. If you aren't registered you can quickly create a free account using your Google Account.

2. After logging in you will be taken to the My Feeds Page. If you already have your feed burned skip to Step 3 otherwise follow these instructions to burn your feed.

If you need to burn your feed first enter the URL of your Blogger blog into the Burn a Feed Right This Instant box and click Next.

Burn a Feed Right This Instant with Feedburner
You will need to enter the title of your new feed. I suggest you use your blog title as your title. You will also be asked to choose a feed so choose the RSS Feed. You will then be taken to a success page and a message something like Congrats! Your FeedBurner feed is now live. After clicking Next you will now be prompted to customize your options. Read how to do this in my article about burning a Blogger RSS Feed at Feedburner. Once you have finished customizing your options click Next to proceed to the My Feeds Page.

3. Once you have your feed click on the link to it from the My Feeds Page. This will direct you to the Feedburner dashboard.

4. Now select the Publicize tab.

5. From the left sidebar click Email Subscriptions

6. Scroll down to the bottom of the page and click on the Activatebutton. If you are not sure what email address you are using for your account you can check this first.

7. You will now be taken to the Subscription Management Page.


8. Choose your language. The default is English

9. From the dropdown menu Use a Widget in select Blogger. The default is Typepad. The orange Blogger favicon will now show up.

10. To Automatically Insert the Subscribe By Email Widget into Blogger
  1. Click on the GO button next to the Blogger Widget.
  2. You will be taken to the Blogger Add Page Element Page where you can select your blog from a dropdown menu if you have more than one blog.

    Blogger Add Page Element Page to insert email subscription widget into your blog
  3. Click on the Add Widget button and your subscribe by email widget will be added to your blog. 
  4. You will now be taken to the Layout > Page Elements page
  5. Reposition your widget and save any changes. By default the widget is added to the top of your Blogger sidebar.

Note:If you find that the Page Elements Page does not load properly click on View Blog and you will find that the widget has been inserted. You can then go back and reposition it.


To Manually Insert the Subscribe By Email Widget into Blogger
  1. Copy the code and navigate to the Layout > Page Elements screen in Blogger.
  2. Select Add a Gadget in the area you wish the subscribe by email widget to appear (in most cases this will be the sidebar).
  3. Choose HTML/Javascript widget
  4. Paste the widget code into the content box
  5. Click on the Save Button
  6. Reposition the widget if necessary. A good place is at the top of the right sidebar and Save.
  7. Click on View Blog to see your new email form in your blog


Add an Email Subscription Link to Blogger
Note you can also add an email subscription link to your blog. Either copy and paste the link from the Feedburner Subscription Management Page into your blog or you can automatically insert it by following the same steps as with the automatic insertion of the email subscription form. You will find the code for the link in a text box below the code for the form on the Subscription Management Page. Email subscription links are useful both in the sidebar and beneath each post.

Add Feedburner Email Subscription Link to Blogger Blogspot Blog

Check Your Subscribe By Email Form is Working Correctly
Once your subscribe by email widget is safely installed your form is ready for use. I suggest you test drive it to make sure it is performing correctly. Besides if you sign up you will have at least one subscriber right? Also you may want to regularly check who is subscribing to your blog by email by navigating to the Feedburner > Publicize page for your blog.

1. On the homepage of your blog enter your email address and click on the Subscribe button.
2. You will be take to a Feedburner Email Request screen with a captcha check for spam. Enter the sequence of alphanumeric characters into the text box.

Feedburner Email Request screen with a captcha
3. Click on the Complete Subscription Request button
4. You will now be informed that your request was successful and that you will need to click on the activation code in an email that has been sent to you.
5. Open your email program and retrieve the email and follow the activation link. You will then receive an Email Subscription Confirmednotice from Feedburner. As the notice points out you will only receive an email if you make a post so you will need to get cracking on writing your next post.

Feedburner Email Subscription Confirmed notice

In this tutorial you have learned how to add an email subscription form to a Blogger Blogspot blog so that your readers can enjoy receiving your most recents posts directly to their mailbox. Allowing visitors to sign up for your feed via email will promote your blog and can easily turn a new visitor into a regular follower. An alternative to an email subscription form is to insert a subscription link into your blog. I find a good place for an email subscription link is after each post to encourage visitors to sign up for my feed. 

Thứ Ba, 20 tháng 11, 2012

flash hoa

<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa11.swf" rel="nofollow" target="_blank">Mẫu 11</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa12.swf" rel="nofollow" target="_blank">Mẫu 12</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa13.swf" rel="nofollow" target="_blank">Mẫu 13</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa14.swf" rel="nofollow" target="_blank">Mẫu 14</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa15.swf" rel="nofollow" target="_blank">Mẫu 15</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa16.swf" rel="nofollow" target="_blank">Mẫu 16</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa17.swf" rel="nofollow" target="_blank">Mẫu 17</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa18.swf" rel="nofollow" target="_blank">Mẫu 18</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa19.swf" rel="nofollow" target="_blank">Mẫu 19</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa20.swf" rel="nofollow" target="_blank">Mẫu 20</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa21.swf" rel="nofollow" target="_blank">Mẫu 21</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa22.swf" rel="nofollow" target="_blank">Mẫu 22</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa23.swf" rel="nofollow" target="_blank">Mẫu 23</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa24.swf" rel="nofollow" target="_blank">Mẫu 24</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa25.swf" rel="nofollow" target="_blank">Mẫu 25</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa26.swf" rel="nofollow" target="_blank">Mẫu 26</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa27.swf" rel="nofollow" target="_blank">Mẫu 27</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa28.swf" rel="nofollow" target="_blank">Mẫu 28</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa29.swf" rel="nofollow" target="_blank">Mẫu 29</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa30.swf" rel="nofollow" target="_blank">Mẫu 30</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa31.swf" rel="nofollow" target="_blank">Mẫu 31</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa32.swf" rel="nofollow" target="_blank">Mẫu 32</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa33.swf" rel="nofollow" target="_blank">Mẫu 33</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa34.swf" rel="nofollow" target="_blank">Mẫu 34</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa35.swf" rel="nofollow" target="_blank">Mẫu 35</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa36.swf" rel="nofollow" target="_blank">Mẫu 36</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa37.swf" rel="nofollow" target="_blank">Mẫu 37</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa38.swf" rel="nofollow" target="_blank">Mẫu 38</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa39.swf" rel="nofollow" target="_blank">Mẫu 39</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa40.swf" rel="nofollow" target="_blank">Mẫu 40</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa41.swf" rel="nofollow" target="_blank">Mẫu 41</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa42.swf" rel="nofollow" target="_blank">Mẫu 42</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa43.swf" rel="nofollow" target="_blank">Mẫu 43</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa44.swf" rel="nofollow" target="_blank">Mẫu 44</a></center>
<br />
<br />
<center>
<a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa45.swf" rel="nofollow" target="_blank">Mẫu 45</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa46.swf" rel="nofollow" target="_blank">Mẫu 46</a> <a class="bttoolz" href="https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/hoa47.swf" rel="nofollow" target="_b

FLASH ĐỒNGHỒ

https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu1.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu2.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu3.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu4.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu6.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu7.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu8.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu8.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu9.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu10.swf
https://dl.dropbox.com/u/66348944/dunghennessy/Flashdonghoa/vidu10.swf

http://pic100.picturetrail.com/VOL1550/9918954/23065130/393819141.jpg

http://pic100.picturetrail.com/VOL1550/9918954/23065130/393819141.jpg

Tạo menu thả xuống nhiều thư mục con


 Bắt đầu thủ thuật

1. Đầu tiên đăng nhập vào blog của bạn
2. Vào bố cục chọn chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head>
<style type='text/css'>
html .jqueryslidemenu{height: 1%;}
</style>

<script src='http://nguyenhoangnam.googlecode.com/files/jquery.min.js.mp3' type='text/javascript'/>
<script src='http://nguyenhoangnam.googlecode.com/files/drop_menu.js' type='text/javascript'/>


4. Save template lại
5. Bây giờ bạn hãy thêm 1 HTML/Javascript và dán code bên dưới vào
<style>
.jqueryslidemenu{
font: bold 12px Verdana;
background:#153E7E; /* màu nền của menu*/
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

.jqueryslidemenu ul li a{
display: block;
background:#15317E; /* màu nền của thư mục chính*/
color: white; /*màu text thư mục chính*/
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{
display: inline-block;
}

/*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ff0066; //màu cchữ các menu
}*/

.jqueryslidemenu ul li a:hover{
background:#2B60DE; /* màu hiệu ứng khi rê chuột vào các link*/
color: white; /*màu text khi rê chuột*/
}

.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

.jqueryslidemenu ul li ul li ul{
top: 0;
}

.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{
background: #eff9ff;
color: black;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}</style>

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Cuộc sống</a></li>

<li><a href="#">Học tập</a></li>

<li><a href="#">Thủ thuật</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul></li>

<li><a href="#">Giải trí­</a></li>

<li><a href="#">Blogspot</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul> </li> </ul></li>

<li><a href="#">Vườn thơ</a></li>

<li><a href="#">Hình ảnh</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul></li>

<li><a href="#">Download</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
</ul></li>


</ul><br style="clear: left" />
</div>

http://tanchau123.blogspot.com/

http://tanchau123.blogspot.com/

Thứ Hai, 19 tháng 11, 2012

BANHANG2

Các bài viết đăng

trong việc tạo ra một bài, lưu ý các cấu trúc của đoạn code dưới đây:


<div class="product_image">
<div class="pancontainer" data-orient="center" data-canzoom="yes" style="width:150px; height:150px;">
<img border="0" class="item_thumb" src="product_image.jpg" /></div>
<span class="item_price">$00.00</span> </div>
<div class="product_describe">
Mô tả bài viết... </div>



Mô tả:
Màu đỏ : nhập địa chỉ của hình ảnh sản phẩm của bạn trên các mã màu đỏ ở trên. Chọn các kích thước điểm ảnh hình ảnh, giữa 200-300 px.
màu vàng : sản phẩm giá
màu xanh : mô tả sản phẩm trên mã mã mà bạn có để bắt đầu trong việc đưa ra một bài mới, và để làm cho nó dễ dàng cho bạn để liên tục làm không sao chép và dán mã trong khi tạo ra một bài viết mới, nhập mã đăng bài của bạn trong cột mẫu. Tới các thiết lập , lựa chọn các bài viết và bình luận >> bài mẫu . Thêm, sau đó nhập vào các mã trên trong các ô trống như hình dưới đây, cuối cùng lưu lại thiết lập .


Giỏ hàng

Giỏ hàng tính năng vẫn sử dụng simplecart của wojodesign.com . Và chỉ hỗ trợ cho các loại tiền tệ hàng đầu, trong số những người khác: Dollar, Bảng Anh và Euro Để thay thế một tài khoản Paypal có trong blog này giới thiệu với tài khoản Paypal của bạn, tìm đoạn code dưới đây:


<script type='text/javascript'>
simpleCart.email = &quot;johnytemplate@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];
</script>


Thay đổi màu đỏ ở trên với email của bạn (email đã được đăng ký tại Paypal)

1. Các tính năng hỗ trợ trượt mà tôi đưa vào mẫu này hoạt động tự động dựa trên nhãn mà bạn nhập vào trong hộp HTML / Javascript . Lưu ý các hình ảnh dưới đây:

Từ hình ở trên các cột tham khảo hộp màu đỏ, nhấp vào Chỉnh sửa trong các phụ tùng đặc trưng nội dung thanh trượt , sau khi cửa sổ mới sẽ mở ra vào hoặc loại nhãn mà bạn muốn hiển thị trên thanh trượt, xem hình ảnh dưới đây:

Từ hình ở trên, tôi đặt một nhãn hiệu Electronic sẽ xuất hiện trên thanh trượt, bạn có thể thay đổi như bạn muốn.

2. Để thay đổi biểu tượng tiền tệ $ (đô la) Rp (rupiah) để các phụ tùng giỏ mua hàng:
Tìm địa chỉ URL của kịch bản này trong HTML Chỉnh sửa :
http://kauman.googlecode.com/files/WojosimpleCart-USD.js
Sau khi gặp gỡ và thay thế với URL kịch bản sau đây:
http://kauman.googlecode.com/files/WojosimpleCart-Rupiah.js
Bước tiếp theo, vẫn còn trong Chỉnh sửa HTML thay thế USD tại mã này:
simpleCart.currency = USD;

simpleCart.currency = S;


Lần lưu các mẫu, và các loại tiền tệ bạn sẽ biến thành đô la. Nhưng lưu ý ở đây,  nó chỉ là một loại tiền tệ thay thế duy nhất, không phải để làm một kiểm tra hoặc thanh toán trực tiếp thông qua Paypal. Bởi vì Paypal đã không nhận được số tiền để thanh toán. Ở đây tôi đã chuẩn bị hai nút bên dưới hình ảnh sản phẩm trên trang chủ, thêm vào giỏ hàng và xem chi tiết , nếu bạn không muốn sử dụng xe đẩy mua sắm như một phương tiện giao dịch. Bạn chỉ có thể thay đổi thêm vào giỏ hàng đặt hàng và điều hướng đến các hình thức liên kết trực tiếp trang thứ tự mà bạn đã tạo ra, ví dụ như thế này (một ví dụ của hình thức này được tạo ra bằng cách sử dụng google tài liệu). Nếu bạn sử dụng một mẫu đơn đặt hàng cho các giao dịch bán hàng, tính năng giỏ mua hàng là không sử dụng, do đó, loại bỏ tất cả các kịch bản CSS và JavaScript cho giỏ mua hàng trên mẫu này. Chúc may mắn và hy vọng hữu ích