Hướng dẫn sử dụng Social Bookmarking Scoopit

Scoopit là một social bookmarking rất tốt cho SEO, mình đã có một bài về Diigo, thì ưu điểm của Scoopit hơn hẵn Diigo ở điểm nó cho phép ta chèn link trong content, về mức độ uy tín thì 2 trang này cũng ngang nhau, nếu các bạn có thể submit liên kết lên đây ngoài thúc đẩy qua trình indexed còn làm tăng traffic từ những tín hiệu xã hội khác, rất có lợi cho SEO.

Giao diện Scoopit

Bạn có thể đăng ký cho mình một tài khoản hoàn toàn miễn phí và nhanh chóng, xong các bạn login vào Scoopit

Đăng nhập vào Scoopit

Nếu bạn nào lười có thể đăng nhập bằng Facebook hoặc Twitter cho nhanh. Nhưng mình khuyên nên tạo một tài khoản riêng để dùng.

Sau khi đăng nhập thành công vào Social Bookmark Scoopit

Scoop một mẫu tin

Nhập url cần submit

Sau đó các bạn chờ ít giây để scoopit quét nội dung của liên kết mà bạn gửi

Gửi url cần submit

Nếu các bạn muốn thay nội dung description chỉ cần bấm vào đoạn nội dung chúng ta có thể chèn link vào đó.

Chèn link vào Scoopit

Việc chèn link rất đơn giản, bạn copy nội dung có chứa sẵn liên kết trên những diễn đàn, website rồi bỏ vào đây. Xong ta tiến hành bấm Suggest

Oke, vậy là xong, rất dễ sử dụng đúng không? chúc các bạn thành công nhé.

Tối ưu Seo cho blogspot với thẻ ( tag ) H1, H2, H3 của Bloggerplus

Tối ưu Seo cho blogspot với thẻ (tag) H1, H2 là bài viết gần như duy nhất mà tôi quan tâm tại Bloggerplus, anh ấy đã bỏ blogger khá lâu rồi, khi tôi mới biết đến blogspot thì gần như anh ấy đã không còn hoạt động nữa. bài viết này cũng được Duy phạm góp ý về phần code.
Nếu bạn hiểu được thì bạn cũng sẽ tùy biến được, nhưng với tôi thì đây đã là một bài viết tối ưu về SEO cho blogspot lắm rồi.
Nhưng có một sự thay đổi nho nhỏ nữa là chúng ta sẽ không nói đến thẻ H3 nữa mà chúng ta sẽ nói đến thẻ H2 
Thông thường blogger thường sử dụng heading tag H3 cho tiêu đề bài viết. Tuy nhiên theo khuyến cáo thì chúng ta nên sử dụng H1 trong bài viết và H2 ngoài trang chủ để tốt cho SEO.
Tìm đoạn mã sau trong template của bạn <b:if cond='data:post.title'> để tìm tới đoạn code:

<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Bạn thay thế toàn bộ đoạn code bên trên bằng một đoạn code mới đầy đủ hơn:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.title'>
<h2 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

Bạn hãy tìm những tag H2 khác mà không phải tiêu đề bài viết và chuyển nó sang tag H3, H4 hay bất kể thứ gì bạn cho là hợp lý.
Việc cuối cùng bạn cần phải làm đó chính là Style CSS cho các các thẻ H1, và H2 sao cho nó phù hợp và hợp mắt thẩm mỹ của bạn.
Còn một điều nữa đó là nếu như trang chủ của bạn đã có 1 thẻ H1 , nhiều thẻ H2 thì bạn co thể chuyển các thẻ H2 trong đoạn code trên sang thẻ H3 sẽ tối ưu hơn. Vì blog của tôi không tồn tại thẻ H2 nào ngoài trang chủ vì vậy việc gán thẻ H2 cho bài viết là hoàn toàn hợp lý.

Tự động đăng bài từ blog/website lên: Facebook, Twitter và Digg

Trong các kênh của Namkna, Social Media SEO không chỉ là 1 kênh chăm sóc khách hàng mà việc chia sẻ, lan truyền trên mạng xã hội sẽ giúp độ phủ của website trở nên mạnh mẽ hơn. Bài viết sẽ hướng dẫn chia sẻ tự động bài viết lên 2 mạng xã hội lớn nhất hiện nay: Facebook, Twitter, Google pluss, Digg.

Bạn thường làm thế nào khi muốn share 1 bài viết trên blog của bạn lên facebook, google pluss. twitter và Digg? Nếu bạn đang sử dụng cách copy paste hoặc sử dụng các plugin share thì bài viết dưới đây sẽ giúp bạn tiết kiệm được khá nhiều thời gian.

Chúng ta sẽ chia sẻ từ website lên Twitter và từ Twitter lên Facebook

Bước 1. Từ website lên Twitter

- Chúng ta sẽ sử dụng công cụ Socialize tích hợp sẵn trong Feedburner (sản phẩm Google đã mua lại) để làm điều này.

- Đây là tính năng mới của Feedburner có tên Socialize. Chức năng chính của Socialize/Feedburner là tự động tweet mỗi khi có bài mới đăng thông qua Feed. (URL rút ngọn).

1- Trước hết bạn vào Feedburner.com tạo 1 feed cho blog của bạn (Nếu chư biết cách tạo feed thì xem bài viết nay) .Sau đó, chọn Feed blog/site bạn muốn cài đặt (nếu bạn có nhiều blog)

2- Vào tab Publicize  => Socialize .

3- Tại đây , Bạn chọn Add Twitter Account
4- Sau đó nhập Username và Pass của tài khoản Twitter của bạn 

5- Twitter sẽ hỏi bạn có cho phép Google kết nối với Twitter hay không? Tất nhiên là chọn Authorize app.

Ở phần Formatting Options thì các bạn có thể để theo mặc định hoặc là chỉnh lại theo ý muốn của mình . sau cùng , bạn nhấn nút Active , tiếp đó nhấnSave.

Các bạn có thể xem Demo trực tiếp tại đây.

Bước 2. Tự động đăn bài từ blog lên Facebook

Để đăng bài từ blog, web site lên facebook bạn phải liên kết Twitter với Facebook. Tức là bạn sẽ đăng bài lên Facebook thông qua mạng trung gian là Twitter.Bạn hãy sử dụng chính tài khoản Twitter  đã pót bài ở bước trên để áp dụng bước này nha.

1- Đăng nhập Twitter chọn Setting -> Profile

2- Kéo xuống dưới cùng chọn connecting to Facebook

3- Sẽ có cử sổ popup hiện ra đòi Đăng nhập.

4- Hãy cho phép đăng công khai nha.

5- Cuối cùng hãy chọn connecting to Facebook profile và Facebook Fanpage rồi Save.

Bước 3. Tự động đăng bài từ blog/ web lên Digg.com

- Để tự động share bài lên digg.com bạn đăng nhập vào tài khoản -> chọn Settings -> Import Feeds hoặc nhấp đường linksauhttp://digg.com/settings/feeds

- Nhập feeds blog của bạn -> chọn add feed, lúc này bạn sẽ thấy digg.com sẽ yêu cầu bạn verify mã code có dạng

- Bạn nên chọn cái thứ 2 cho dễ (Copy & Paste this key in your next post ) -> đăng nhập blog, tạo mới bài viết, và thêm code đó vào .

- Lưu ý: bài viết bạn sửa hoặc tạo mới phải sử dụng dưới dạng html, nếu là blogspot hoặc wordpress

- Bạn chờ vài phút rồi quay lại trang import feeds rồi nhấp vào Verify Now

Ok, bạn sẽ nhìn thấy Verified, như hình trên của tôi.

Lưu ý : nếu trong quá trình import feed ở digg.com bạn nhìn thấy thông báo lỗi thì đừng hoảng sợ hay click vào “Report the bug”. Chờ một vài phút rồi thử lại, nếu bạn copy và paste đúng code thì chắc chắn bạn sẽ verify được

Code bài viết gần đây recent posts

Chia sẻ các bạn bộ code bài viết gần đây recent posts và bài viết ngẫu nhiên random posts cho blog mà mình đã sưu tầm được. Đặc điểm của style này là có hình ảnh, ngày đăng bài và số bình luận trong mỗi bài đăng. Để thêm code trước tiên ta cần thêm style ảnh vào trước thẻ ]></b:skin>
#random-posts img, #recent-posts img{border-radius:6%; margin:0 10px 0 0; width:70px; height:70px; overflow:hidden; float:left; transition:all .3s ease-out; }Tiếp theo bạn có thể thêm code bài viết gần đây recent posts và bài viết ngẫu nhiên random posts vào bất cứ chỗ nào như chèn vào cuối bài viết, vào sidebar hay footer đều được ví dụ như để thêm vào sidebar vào phần bố cục>sidebar> thêm tiện ích HTML/Javascript

1. Code bài viết gần đây

<div id='recent-posts'> <script type='text/javaScript'> var rcp_numposts=5; var rcp_snippet_length=150; var rcp_info='yes'; var rcp_comment='Bình luận'; var rcp_disable='Tắt Bình luận'; function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbg7hyphenhyphen_GtU9peE0l0Zw1LgUClVAQhgercel0OBUh5bXbmuhupzhsV6ZwckNj0Wzol0IhcW3KdglGI3DT7_aNWHrIzdlaczYjM3IPhqdSJP55wzGDtuBgBCIi0n9r9pEh7bTzKi5uUCXyIs/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>'); </script> </div>2. Code bài viết ngẫu nhiên

<ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=5; var rdp_snippet_length=150; var rdp_info='yes'; var rdp_comment='Bình luận'; var rdp_disable='Tắt Bình luận'; 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/AVvXsEjbg7hyphenhyphen_GtU9peE0l0Zw1LgUClVAQhgercel0OBUh5bXbmuhupzhsV6ZwckNj0Wzol0IhcW3KdglGI3DT7_aNWHrIzdlaczYjM3IPhqdSJP55wzGDtuBgBCIi0n9r9pEh7bTzKi5uUCXyIs/"}}};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>Để ẩn ảnh ta thêm giá trị display:none vào style ảnh mà ta đã thêm trước thẻ ]></b:skin>  lúc đầu như ví dụ:
#random-posts img, #recent-posts img{border-radius:6%; margin:0 10px 0 0; width:70px; height:70px; overflow:hidden; float:left; transition:all .3s ease-out; display:none;}Số 5 trong code là số bài viết hiển thị

Sửa lỗi không thể chỉnh sửa, di chuyển wiget trong layout blogspot

Với một số mẫu, bạn không thể chỉnh sửa, thay đổi vị trí các tiện ích trong Bố cục của trang, Bài viết này mình sẽ hướng dẫn các bạn khắc phục vấn đề này, bạn có thể thoải mái thêm tiện ích và tùy biến vị trí của các tiện ích trong phần Bố cục (Layout) của mẫu.

Nguyên nhân bạn không thể chỉnh sửa vị trí các tiện ích trong Bố cục.

Trong quá trình thiết kế có thể do vô tình hay cố ý mà người thiết kế khóa chức năng đó trong thẻ b:section và thẻ b:widget

Khắc phục lỗi không thể chỉnh sửa và di chuyển tiện ích trong phần bố cục của blogspot

1. Điều chỉnh lại thuộc tính showaddelement trong b:section
- Trong blogspot các tiện ích HTML được chứa trong cặp thẻ b:section có dạng như bên dưới:

<b:section id='tên id' class='tên class' maxwidgets='số lượng' showaddelement='no'>
Các tiện ích Widget
</b:section>

Trong đó:

• Mỗi b:section quy định một khối bố cục duy nhất thông qua các thuộc tính id như: header, sidebar, main, footer,... bạn có thể di chuyển và thêm các phần tử giữa các khối này.
• Bao hàm trong bài viết này các bạn chú ý cho mình phần showaddelement, thông thường nó có dạng showaddelement='yes' tức là cho phép bạn thêm một tiện ích vào phần bố cục section của bạn. Tuy nhiên trong một số trường hợp người thiết kế lại để là showaddelement='no' do vậy bạn phải điều chỉnh lại thành showaddelement='yes' để có thể thêm tiện ích vào trong thẻ b:section trên.

2. Chỉnh lại thuộc tính locked của thẻ b:widget

Thẻ b:widget chính là một phần tử con của b:section, nó có thể là một tiện ích HTML, popularposts,... nói chung là tất cả những gì bạn có thể thêm trong phần Bố cục. Mình lấy ví dụ với tiện ích HTML1 có dạng như sau:

<b:widget id='HTML1' locked='false' title='Tên tiện ích' type='HTML'/>

Trong đó:

• Trong blog các tiện ích được phân biệt với nhau bởi id như: Popularpost1, HTML1,....
• type: Bao gốm các dạng sau : BlogArchive, Blog, Feed, Header, HTML, SingleImage, LinkList,List, Logo, BlogProfile, Navbar,VideoBar, NewsBar, ListView .... Trong đó HTML được chúng ta sử dung nhiều nhất.
• locked: Quy định bạn có thể di chuyển các tiện ích giữa 2 thẻ b:section như từ footer lên header, nếu bạn không thể di chuyển các tiện ích trong phần bố cục thì tức là locked đang để ở chế độ locked='false' hoặc locked='no', Bạn hãy điều chỉnh lại thành locked='true'.

3. Xóa bỏ thuộc tính maxwidgets

Thông thường để ngăn thêm tiện ích trong một số section người ta thêm thuộc tính maxwidgets='1' do vậy bạn hãy xóa toàn bộ những đoạn maxwidgets='1'đi nha

Note: Trong bài viết này mình chỉ đề cập đến 2 thuộc tính showaddelement và locked nếu bạn thắc mắc về 1 trong các tiện ích còn lại vui lòng comment để mình cập nhật và giải đáp nha.

Cách xóa tiện ích Attribution trong blogspot

Attribution widget là một tiện ích mặc định được tích hợp sẵn trong cấu tạo của một trang blogger, với một số trang tác giả thiết kế đã bỏ nó đi vì vấn đề thẩm mỹ, tuy nhiên còn rất nhiều mẫu (đặc biệt là những mẫu simple của blogger) vẫn còn chứa tiện ích này. Đặc điểm nhận dạng của wiget này là nó hiển thị một dòng chữ Powered by Blogger (được cung cấp bởi Blogger). Bạn chỉ có thể thay đổi nội dung của dòng chữ này mà không thể xóa nó từ Bố cục (layout) của trang blog.

Bài viết này mình sẽ hướng dẫn cho các bạn cách nhanh và hiệu quả nhất để xóa bỏ tiện ích này khỏi trang của bạn mà không làm phá vỡ bố cục hay ảnh hưởng đến mẫu blogger của bạn.

» Cách xóa dòng chữ cung cấp bởi Blogger trong tiện ích Attribution cho blogspot

1. Đăng nhập vào blog.

2. Chọn mẫu (template)

3. Chọn nút chỉnh sửa HTML (Edit HTML)

4. Tìm đến đoạn code của tiện ích Attribution bằng cách bấm vào Chuyển đến tiện ích (mover widget) -> Tiếp theo bạn bấm vào tiện ích bạn muốn chuyện đến, trong trường hợp này bạn chọn tiện ích Attribution.

(Bạn cũng có thể bấm Ctrl + F và tìm với từ khóa Attribution)

- Lúc này bạn sẽ được chuyển đến đoạn code của tiện ích Attribution, nó sẽ có dạng thu nhỏ như bên dưới:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>...</b:widget>

- Trong một số trường hợp nó sẽ hiển thị đầy đủ code như bên dưới. 

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
          <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

- Công việc của bạn lúc này là xóa toàn bộ code dạng thu gọn hay mở rộng như bên dưới đi và lưu mẫu của bạn lại.

» Nhắc nhở:

- Hiện nay có một số bạn lựa chọn giải pháp ẩn tiện ích Attribution này bằng cách chèn đoạn css có dạng như bên dưới vào trước thẻ: ]]></b:skin>.

Attribution1 {display:none!important}

Cách này không có gì sai tuy nhiên với cách này tiện ích Attribution chỉ bị ẩn đi nhưng nó vẫn được tải như vậy sẽ làm ảnh hưởng đến tốc độ tải trang của bạn. DO vậy nếu muốn tối ưu nhất thì hãy xóa đoạn code của tiện ích như cách trên nha.

Nâng cao: Sau bài viết này bạn cũng có thể áp dụng phương pháp trong bài viết để xóa, hoặc di chuyển bất kỳ tiện ích nào trong blog mà không cần truy cập vào Layout