Share PSD Mockup Mảnh Ghép.

Share PSD Mockup Mảnh Ghép.

DEMO:

Share PSD Mockup Mảnh Ghép.

Share PSD Mockup Mảnh Ghép.

Dowload PSD Tại đây.

DOWLOAD

Nguồn không gõ >

Hiệu ứng Text Widget.

Hôm nay mình sẽ hướng dẫn các bạn cách tạo hiệu ứng chữ cho Widget.

Hiệu ứng Text Widget.

Đầu tiên các bạn cần tìm Tên của Widget cần chỉnh fix.
Bôi đen lại+chuột phải+kiễm tra.

Như trên của mình là HTML 1.


Sau đó các bạn tìm đến thẻ b:skin


Ở dây mình viết sẵng Code dành cho các bạn nào không biết viết rồi.

Thủ Thuật Pc4x

text-shadow: 2px 2px;

Thủ Thuật Pc4x

text-shadow: 2px 2px red;

Thủ Thuật Pc4x

text-shadow: 2px 2px 5px red;

Thủ Thuật Pc4x

color: white;
text-shadow: 2px 2px 4px #000000;

Thủ Thuật Pc4x

text-shadow: 0 0 3px #FF0000;

Thủ Thuật Pc4x

color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

Thủ Thuật Pc4x

color: yellow;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

Bạn có thể tự khám phá thêm

Các bạn tìm mẫu mình thích rồi tiến hành thêm CSS vào Template.

Làm như sau.

VD Widget của mình là HTML10 thì các bạn thêm trước ]]></b:skin> như sau.

#HTML10 {

Code mẫu bạn thích

}

Code Hoàn Chỉnh

#HTML10 

{

color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

}

Thành Quả

Nhớ chỉnh sao cho dể nhìn nha, đừng như mình @_@

Ai Copy thì để lại nguồn của Thủ Thuật PC4x Giùm nha, mình cảm ơn!

>

Website học lập trình Web miễn phí.

Website học lập trình Web miễn phí.

Hôm nay mình chia sẻ Website mình hay học lập trình Web.

Đây là trang web đầu tiên để tìm hiểu HTML trực tuyến tại w3schools.com. Trang web này có nhiều hướng dẫn về HTML, và một số các ngôn ngữ khác. Bạn có thể bắt đầu với việc học những điều cơ bản của HTML và xem các bài học kế tiếp bằng cách chọn NEXT.

Điều thú vị nhất trên trang web này là Bài tập HTML. Sau khi bạn đã trải qua những bài học khác nhau, bạn có thể làm bài kiểm tra miễn phí, giúp bạn đánh giá chính xác kiến thức bạn đang học.

Website học lập trình Web miễn phí.

Website học lập trình Web miễn phí.

Website học lập trình Web miễn phí.

Đi Đến Trang Web

>

Cách thêm bảng điều khiển Admin cho Blog

Hôm nay mình chia sẽ cho các bạn Code tạo Thanh Điều Khiển Dành cho ADMIN Blog.

Cách thêm bảng điều khiển Admin cho Blog

Đầu tiên các bạn Login vào Blog-Chỉnh sửa HTML.

Thêm CSS Bằng cách tìm  ]]></b:skin>

/*Bảng Điều Khiển ADMIN*/

.admin-controll,.admin-controll *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}

.admin-controll ul{position:absolute;top:-999em;width:100%}

.admin-controll ul li{width:100%;background:333333}

.admin-controll li:hover{visibility:inherit}

.admin-controll li{float:left;position:relative}

.admin-controll a{display:block;position:relative}

.admin-controll li:hover ul,.admin-controll li.sfHover ul{left:0;top:100%;z-index:99}

.admin-controll li:hover li ul,.admin-controll li.sfHover li ul{top:-999em}

.admin-controll li li:hover ul,.admin-controll li li.sfHover ul{left:100%;top:0}

.admin-controll li li:hover li ul,.admin-controll li li.sfHover li ul{top:-999em}

.admin-controll li li li:hover ul,.admin-controll li li li.sfHover ul{left:100%;top:0}

.mbl-admin-bar{margin:0;direction:ltr;color:#ccc;font:400 13px/32px &quot;Open Sans&quot;,sans-serif;height:32px;position:fixed;top:0;left:0;width:100%;min-width:600px;z-index:99999;background:#222;float:left}

.mbl-admin-bar li a{display:block;color:#999999;padding:7px 15px;font-weight:400;text-decoration:none;font-size:14px}

.mbl-admin-bar li li a{font-size:13px;color:#999999;float:none;padding:0;width:0}

ul.children{color:#999999;background:#333333;font-size:13px;min-width:230px;padding:10px;float:right;margin-left:-98px}

.mbl-admin-bar li a:hover,.mbl-admin-bar li a:active,.mbl-admin-bar li a:focus,.mbl-admin-bar li:hover &gt;a,.mbl-admin-bar li.current-cat &gt;a,.mbl-admin-bar li.current_page_item &gt;a,.mbl-admin-bar li.current-menu-item &gt;a{color:#38b8f0;background:#333333}

.ul.children img{width:80px;height:auto;float:left;margin-right:10px}

ul.children a{margin-top:10px}

li.mright{float:right}

li.mblogo a{padding:3px 15px 3px 15px!important}

ul.child1{min-width:180px;color:#999999;background:#333333}

ul.child1 li a{padding:10px;width:100%;background:#333333}

Thêm Bên Trên b:skin

Tiếp theo các bạn muốn nó xuất hiện trên đầu  Blog như mình thì Tìm để thẻ <body

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

<link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/>

 <span class='item-control blog-admin'>

<div class='span-24'>

<div class='mbl-cpanel'>

<ul class='admin-controll mbl-admin-bar'>

  <li class='mblogo'><a href='http://www.thuthuatpc4x.tk/'><img src='http://www.thuthuatpc4x.tk/favicon.ico'/></a></li>

  <li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a></li>

<li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> Dashboard</a></li>

  <li><a href='#'><i class='fa fa-pencil'/> Posting</a>

<ul class='child1'>

  <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;'><i class='fa fa-pencil'/> New Post</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;'><i class='fa fa-file'/> New Page</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;'><i class='fa fa-th-list'/> All Posts</a></li>

<li><a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=post;postID=&quot; + data:blog.postId + &quot;&quot;'><i class='fa fa-pencil-square'/>Edit Post</a></li>

  </ul>

</li>

  <li><a href='#'><i class='fa fa-cogs'/> Customize</a>

<ul class='child1'>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;'><i class='fa fa-wrench'/> Layout</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;'><i class='fa fa-pencil-square-o'/> Edit Template</a></li>

  </ul>

</li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;'><i class='fa fa-comment'/> Comments</a>

<ul class='child1'>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pendingcomments&quot;'><i class='fa fa-bullhorn'/> Pending Comments</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#spamcomments&quot;'><i class='fa fa-ban'/> Spam Comments</a></li>

  </ul>

</li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-cog'/> Settings</a>

<ul class='child1'>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-heart-o'/> Basics</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#postandcommentsettings&quot;'><i class='fa fa-comments'/> Post &amp; Comments</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#emailandmobilesettings&quot;'><i class='fa fa-mobile'/> Mobile &amp; Email</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#languageandformattingsettings&quot;'><i class='fa fa-calendar-o'/> Language</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#searchsettings&quot;'><i class='fa fa-search-plus'/> Search Preference</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#othersettings&quot;'><i class='fa fa-code'/> Other</a></li>

<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;'><i class='fa fa-signal'/>Stats</a></li>

  </ul>

</li>

<li class='mright'><a href='https://www.facebook.com/adminthuthuatpc4x'><i class='fa fa-signal'/> ADMIN Blog</a>

<ul class='children'>

<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTJJ0Y8XTb4LU0inpofcp4LXIdSSSDMSZaYymu26ppnVQ27bX8MGsHQm9dptAt0RAgNexzW3UI1e3mxjxZh2I8cqlY0YMec-dOfpXuglDLlETqoXfgb3m578Uu-UEz6RXmRhGB1M4_Nej/s400/nt.jpg'/>

<a href='http://www.blogger.com/logout.g'>Đăng Xuất</a></li>

</ul>

</li>

</ul>

</div>

</div>

</span>

Sau khi thêm code vào các bạn Lưu lại Template và Test.

Code được viết bới Mybloggerlab.com được mình edit lại một số thứ.

Copy nhớ để lại nguồn nha. >

Template Star Tuấn Blog

Template Star Tuấn Blog

Thông Tin Về Template

Tên Theme: Star Tuấn Blog

Thiết kế: Chưa Rõ

Thể loại: Template Cá Nhân

Phiên bản: Không Rõ

Giá : Free Theme

DEMO
DOWLOAD

>

Thủ thuật nhỏ để bảo vệ Facebook cá nhân của bạn

Thủ thuật nhỏ để bảo vệ Facebook cá nhân của bạn

Hôm nay Thủ Thuật Facebook Share Thủ Thuật Bảo Vệ Facebook Cá Nhân Cho Các Bạn.

Thủ thuật nhỏ để bảo vệ Facebook cá nhân của bạn

Bạn có thể chọn bạn bè để liên hệ nếu cần trợ giúp đăng nhập tài khoản Facebook.



Để chọn bạn bè để liên hệ nếu bạn bị khóa tài khoản, hãy đi tới Khác.

Nhấn vào Cài đặt tài khoản.

Nhấn vào Bảo mật và đăng nhập.

Nhấn vào Chọn 3 đến 5 người bạn để liên hệ nếu bạn bị khóa tài khoản

Nhấn vào Chọn bạn bè để bắt đầu.

Chọn từ 3 đến 5 người bạn tốt - những người mà bạn biết mình có thể dễ dàng liên hệ qua điện thoại.

Nếu bạn không thể đăng nhập tài khoản, chúng tôi sẽ cung cấp cho mỗi người bạn mà bạn đã chọn một đoạn mã bảo mật đặc biệt. Bạn có thể liên hệ với bạn bè để nhận từng mã đó để đăng nhập trở lại tài khoản.

Bạn có thể sử dụng mã đó để đăng nhập lại tài khoản. Chỉ mình bạn có thể đăng nhập bằng mã - bạn bè bạn không thể.

Bảo Mật Facebook Ngay tại đây


>

Widget Bài Viết Mới Nhất Giống SiinBlog

Bước 1: Truy cập vào Bố cục.

Bước 2: Chọn vị trí cần đặt sau đó chọn Thêm Tiện ích -> HTML/Javascript.

Bước 3: Ở tiêu đề các bạn có thể điền là Bài Viết Mới hoặc bất cứ từ nào bạn thích và sau đó dán code này xuống phần nội dung.

<script type="text/javascript"> function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){varr,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)varl=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYpC35FjYEOGNHoyT4heeXmbiJVaKK0HokpW95pJ-dIKMfo2vNjMoVSuhYA9txWdV0GzOkGN2BvAEQAMLJwmQkmqYgVm7ZY3b2U8bfDIPgyi-UMt-10B2tag3Pp-diua7IygiUuhek3le/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=newArray;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==posts_date&&document.write('<span class="post-date">'+v+" "+A[parseInt(w,10)]+" "+f+" </span> | "),1==showcommentslink&&(1==k&&(g+=" <br> "),"1 Comment"==l&&(l="1 Comment"),"0 Comment"==l&&(l="No Comment"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Xem bài viết</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><script type="text/javascript"> var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; varshowcommentslink = true; var posts_date = true; </script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script><noscript>Trình duyệt của bạn không hỗ trợ Javascript</noscript><style type="text/css">#HTML1 .widget-content{margin: auto; width: 95%;} img.recent-post-thumb{width:50px;height:50px;float:right;margin:-4px -20px 0 0;border:4px solid #00A0B0;border-radius:100%}.recent-posts-container{float:left;width:100%;min-height:55px;margin:5px 0 5px 0;padding:0;font-size:12px}ul.recent-posts-container{counter-reset:countposts;list-style-type:none;background:#fff}ul.recent-posts-container li:before{content:counter(countposts,decimal);counter-increment:countposts;z-index:2;position:absolute;font-size:16px;color:#FFFFFF;background:#00A0B0;padding:7px 13px;border-radius:100%;margin-top:32px;margin-left:-21px}ul.recent-posts-container li{padding:5px 0;min-height:50px;list-style-type:none;margin:-2px 5px 5px 5px;border-bottom:2px solid #00A0B0}ul.recent-posts-container{border:2px solid #00A0B0}.recent-posts-container a{text-decoration:none}.recent-posts-container a:hover{color:#222}.post-date{color:#8F9596;font-size:11px}.recent-post-title a{font-size:14px;color:#616662}.recent-post-title{padding:0 17px}.recent-posts-detailsa{color:#888}.recent-posts-details{margin-left:12px;padding:5px}a.readmorelink{color:#FFFFFF;background:#00A0B0;padding:2px;border-radius:3px} </style><divclass='clear'></div>

Bước 4: Lưu Template\


Nguồn : Siinblog >