Rutoconit's Document

Thủ thuật recent post trong Thế giới tours

noreply@blogger.com (Rurutomi Vanduc) — Sun, 30 Sep 2012 11:34:00 +0000

Thủ thuật Web .net

noreply@blogger.com (Rurutomi Vanduc) — Sun, 30 Sep 2012 02:14:00 +0000

Từng bước chèn Facebook Like/Fan Box vào blogspot

Chèn tính năng “BlogThis!” cho trang blog của bạn

Tạo nút chia sẻ mạng xã hội cho blogspot với phong cách cực pro

Cách tạo 3 cột cho widget ở vị trí footer trong blogspot

Từng bước tạo Breadcumbs cho trang blogspot

Hướng dẫn tạo hộp chia sẻ (share box) tuyệt vời cho blogspot

Tạo Google Translate Widget cho blogspot

www.maskolis.com

noreply@blogger.com (Anonymous) — Fri, 28 Sep 2012 15:20:00 +0000

DEMO

Slider Otomatis Untuk Template Toko Online

Kemarin ada teman yang meminta via email untuk dibuatkan sebuah slider otomatis untuk toko online yang dikelolanya. Bisnis jualan barang atau jasa dengan memanfaatkan fasilitas internet sekarang lagi ngetrend, dan permintaan untuk membuat sebuah template toko online pun juga banyak, tapi kok susah banget ya? Saya tidak akan membahas itu sekarang, saya akan mencoba untuk memenuhi permintaan dengan membuat sebuah Featured Slider sederhana dengan tambahan paginasi berupa deretan gambar kecil dibawah summary atau ringkasan artikel. Prinsip kerja dari slider ini sama dengan slider yang ada pada template Johny Bingung, disini saya hanya modifikasi background dan menambahkan logo shopping pada bagian bawah gambar.

DEMO

Membuat Slider Image Otomatis Joss Banget

Tutorial ini menjawab pertanyaan dari teman debbie irlando manurung alias Zondim, meminta untuk dibuatkan tutorial slider yang ada di Johny Ganteng Banget. Template yang dipakai di blog itu nantinya juga akan saya share, cuma sekarang lagi massa sibuk nguli jadi nanti aja kalau sudah luang waktunya. Ada beberapa template yang nantinya akan saya share tapi kali ini saya buat sederhana, dengan sedikit menggunakan javascript, ya yang pasti lebih enteng dari biasanya. Oke kembali ke tutorial yang akan saya buat, kali ini saya akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda.

DEMO

Membuat Tab View Widget Kategori Mantab Banget

Kali ini saya akan membuat satu lagi tutorial mengenai salah satu fitur yang ada pada template Johny Sompret Banget, yaitu membuat tab view widget per kategori. Sebelumnya saya juga pernah membahas cara membuat simple tabber pada sidebar. Ya rencananya saya nanti akan membuat semua tutorial tentang berbagai fitur yang ada pada template-template buatan saya. Tidak ada yang mesti dirahasiakan, semua fitur akan saya jelaskan satu persatu cara pembuatannya, sehingga ke depannya diharapkan Anda mampu membuat template sendiri, syukur bisa dibagikan kepada teman-teman blogger yang lain atau minimal dipakai sendiri. Dan siapa tahu setelah itu ada yang mau menjadi partner saya dalam membuat template blogger atau paling tidak membuat sebuah tutorial baru untuk bisa dibagikan kepada pengguna blogger, karena selama ini saya bekerja sendirian, bikin tutorial sendiri, bikin template juga sendiri, jadi kalau ada yang mau bantu, silahkan saya sangat berterima kasih sekali.

Kembali ke tutorial tab view widget per kategori, widget ini menampilkan 4 post dengan thumbnail dalam tiap satu label atau kategori, untuk lebih jelasnya silahkan lihat gambar di bawah, dan klik demo biar lebih jelas.

DEMO

Membuat Widget Artikel Terbaru Joss Banget

Tutorial kali ini menjawab pertanyaan dari teman blogger Haz Issac pada artikel membuat widget label tertentu dengan thumbnail satu, mengenai membuat recent Post atau artikel terbaru dengan fungsi Previous dan next seperti yang Anda lihat di single post blog Johny Template. Langsung saja karena hari sudah malam dan besok pagi mesti sahur, bisa-bisa nggak bisa bangun. Dibawah ini screenshotnya dan silahkan klik demo untuk melihat lebih jelas.

DEMO

Membuat Widget Label Tertentu dengan Satu Thumbnail

Wah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah. Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja.

DEMO

Membuat Slider Carousel Otomatis Versi 2

Sebenernya sudah lama sekali saya diminta oleh seorang teman blogger Ronny Dee untuk membuat tutorial slider Carousel seperti pada template Mas Paper 2. Kali ini saya akan membuat tutorialnya tapi hanya memakai slider carousel sederhana yang sudah pernah saya buat padatutorial sebelumnya, disini saya hanya memodifikasi kode CSS nya saja, sehingga tampilannya mirip dengan slider Carousel yang ada di template Mas Paper 2. Tapi kalau dilihat sepintas, justru slider ini lebih mirip dengan slider Carousel yang ada di bagian atas (bawah navigasi) halaman depan situsdetik.com.

DEMO

Membuat Content Slider Image Otomatis

Sebelum template pada demo slider ini saya bagikan nantinya, saya akan mengulas satu persatu terlebih dahulu fitur yang ada pada template ini. Dan disini Anda akan mengetahui bagaimana sebuah template akan bekerja bersama dengan beberapa fitur yang ada di dalamnya secara otomatis. Prinsip kerja dari Content Slider ini hampir sama pada artikel saya sebelumnya tentangmembuat slider otomatis pada template Sporty Magazine 2, bedanya hanya pada tampilan thumbnail kecil yang saya letakkan di bawah dan efek mouseover yang ditambahkan pada slider ini.

Banyak sekali tutorial membuat image slider yang sudah beredar di internet, dari beberapa kasus yang saya temui kebanyakan masih memasukkan URL gambar dan keterangan satu persatu, dan itu sangat merepotkan dan membutuhkan ketelitian, meskipun ada beberapa diantaranya yang sudah otomatis, disini saya hanya memberikan alternatif lain untuk memperbanyak koleksi teman-teman semua mengenai prinsip dasar dari kerja sebuah image slider otomatis pada blog platform blogger. Tampilan image slider seperti gambar dibawah, jika anda perhatikan sebenernya inilah dasar dari pembuatan Yahoo slider sederhana yang saya pasang pada template Johny Simplemag. Anda bisa modifikasi sendiri sesuai selera.

DEMO

Membuat Slider Carousel Otomatis Berdasarkan Label

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.

DEMO

Hình thu nhỏ của bài viết liên quan và Hộp Feedburner

Mộtyêu cầu vài rtikel này bạn bè blogger, những người muốn làm cho tính năng Thumbnail Bài viết liên quan một lần với Feedburner hộp. Các tính năng liên quan thumbnail bài viết và Feedburner hộp trở thành một phần nguyên vẹn và nằm thường là dưới niêm. Trước đây, tôi cũng không bao giờ thảo luận về hướng dẫn bổ sung thêm hai cột dưới niêm, nhưng kết quả là quá đơn giản và có thể ít hấp dẫn du khách quan tâm để nán lại trên blog, hãy để một mình phát triển blogger hôm nay, một nhiều hướng dẫn tuyệt vời mới bằng cách sử dụng jQuery là một trong những blogger CMS có thể không nhìn thấy một mắt.

Tôi thực sự vẫn còn pengin nán lại để trò chuyện ngalor ngidul, nhưng bởi vì có một đêm nay bóng giữa Barcelona vs AC Milan cepet-cepet phải cho giấc ngủ có thể thức dậy malem. Chỉ trực tiếp Được rồi, tôi sẽ cung cấp cho một hướng dẫn để làm cho nó, chẳng hạn như một bức tranh trên bản demo có thể được nhìn thấy ở đây theo đăng:

Trước tiên, bạn phải đăng nhập vào các blogger đầu tiên
Sau đó bấm vào Template > chọn Edit HTML kiểm tra mở rộng mẫu tiện ích con
Đừng quên sao lưu đầu tiên templatenya, cảnh giác nếu có một lỗi trong việc chỉnh sửa sau này.
Sau đó, đặt các mã sau đây trên mã ]]> </ b: skin>
Vẫn còn ở vị trí Edit HTML , đặt mã dưới đây sau khi <data:post.body/> (nếu có 2 hoặc 3 lựa chọn mã cuối cùng)

Mô tả:
màu xanh : thay đổi địa chỉ của thức ăn
màu đỏ : thay thế bằng URL của bạn.
Lần Lưu Templates , và xem kết quả dưới đây gửi bài của bạn.

Hướng dẫn để tạo ra tính năng liên quan đến bài thumbnail trên FeedBurner phù hợp cho các blog có một màu nền đen hoặc nền. Nhưng nếu blog của bạn có màu nền trắng hoặc màu sắc tươi sáng bạn sống thay đổi bảng xếp hạng mã CSS top 4 ở trên. Hướng dẫn để được an toàn vì vậy hãy thử và hy vọng hữu ích.

Membuat Recent Comment Avatar Tanpa Edit HTML

Tutorial ini sebenarnya sudah banyak sekali beredar di internet, tapi karena ada salah satu teman blogger yang menanyakan via email cara membuat komentar terbaru dengan avatar, tidak ada salahnya kalau pada malam hari ini saya akan berbagi satu lagi tutorial blog mengenai cara membuat komentar terbaru dengan avatar. Meletakkan widget recent comment akan sangat berguna jika blog yang anda kelola sudah ramai pengunjung, karena terkadang kita sulit untuk mengetahui komentar-komentar yang baru masuk. Kecuali jika pemberitahuan komentar baru atau recent commentsdiarahkan pada satu email yang sudah kita setting di bagian "Comment Notification Email". Jika sudah diatur, maka dengan sendirinya anda dapat membaca tiap komentar yang masuk hanya dengan membuka email.

Sebenarnya ada alternatif lain untuk mengetahui komentar baru di blog kita, yaitu dengan cara mengecek satu persatu artikel dan melihat komentar yang masuk. Apakah Anda sanggup dan punya banyak waktu untuk melakukan itu? Nah, cara yang ini tentu saja sangat merepotkan karena harus melihat satu-persatu artikel yang ada komentarnya. Untuk itu agar lebih mudah mengetahui komentar terbaru yang masuk ke blog, anda bisa menambahkan widget "Recent Commets" yang sudah disediakan blogger. Selain widget recent comments yang disediakan blogger, anda juga dapat membuat sendiri widget recent comment ini dengan menambahkan fitur avatar agar lebih memperindah tampilan widget tersebut.

Membuat Simple Tabber di Sidebar

Tabber yang biasa kita lihat di sidebar dapat berfungsi untuk menghemat space dalam sebuah blog, sehingga blog lebih kelihatan rapi. Banyak cara dalam membuat tabber ini, sebelumnya saya juga pernah membuat tutorial membuat tab view menu ini bisa dilihat pada membuat Tab View Menu Tanpa Edit HTML dan Tab View di Blogspot. Kelemahan dari tabber sebelumnya adalah kita mesti memasukkan URL postingan satu persatu ke dalamnya sehingga tidak secara otomatis jika ada postingan baru akan muncul di tabber.

Nah kali ini saya akan memberikan satu tips untuk Anda semua dalam membuat tabber, sangat sederhana dan tidak memperberat loading blog. Tips ini saya dapat dari Pak Abu Farhan, master blogger Indonesia yang sudah malang melintang di dunia persilatan.. eh dunia perbloggeran. Sebenarnya membuat tabber atau tab view menu ini juga bisa dengan menggunakan fungsi accordion tapi terkadang scriptnya bentrok dengan script lain dengan script silder misalnya, bisa sih diatasi tapi mesti merubah jquery menjadi no conflict, ah ribet deh pokoknya.

Membuat Image Slider Berdasarkan Kategori Tertentu

Gambar slideshow yang sering kita lihat di bawah header atau sering disebut sebagai image slider banyak sekali menghiasi halaman pada sebuah blog. Sekarang ini banyak sekali template blogger yang bagus dan dihiasi dengan berbagai macam slider yang tujuannya untuk memperindah tampilan. Permasalahan yang timbul sekarang adalah kita terkadang malas atau kurang teliti dalam memasukkan satu persatu keterangan dalam slider tersebut, baik itu URL gambar maupun URL post yang dituju. Seperti pada tutorial saya sebelumnya mengenai cara membuat slider gambar ala Yahoo, disitu anda harus memasukkan URL dan keterangan slider satu persatu.

Remove Automatic Readmore at Static Page Blogger

There's some questions in my box comment and in my email tells that static page in my every templates didn't work well. Okay, I will give you some reasons, because most Blogger template that I created or modified still using the old version of "automatic readmore" feature. So, if you're using my blogger templates than you need to edit the template manually to remove read more option from the static pages. You need to follow the instructions below to remove automatic read more from blogger static pages.

CSS font-size Property

noreply@blogger.com (Anonymous) — Tue, 25 Sep 2012 18:35:00 +0000

Example

Set the font size for different HTML elements:

h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}

Try it yourself »

Definition and Usage

The font-size property sets the size of a font.

Default value:	medium
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.fontSize="larger"

Browser Support

The font-size property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".

Property Values

Value	Description	Play it
xx-small	Sets the font-size to an xx-small size	Play it »
x-small	Sets the font-size to an extra small size	Play it »
small	Sets the font-size to a small size	Play it »
medium	Sets the font-size to a medium size. This is default	Play it »
large	Sets the font-size to a large size	Play it »
x-large	Sets the font-size to an extra large size	Play it »
xx-large	Sets the font-size to an xx-large size	Play it »
smaller	Sets the font-size to a smaller size than the parent element	Play it »
larger	Sets the font-size to a larger size than the parent element	Play it »
length	Sets the font-size to a fixed size in px, cm, etc.	Play it »
%	Sets the font-size to a percent of the parent element's font size	Play it »
inherit	Specifies that the font size should be inherited from the parent element

Blogger Feed URLs

noreply@blogger.com (Anonymous) — Mon, 24 Sep 2012 16:27:00 +0000

Have you ever tried to syndicate or distribute your content to another site, social media or somewhere else? Did you ping your site? Are you going to redirect your site feed to Feed Management Service like FeedBurner? Did you implement email subscriptions for your readers? Whenever you implement those features, gadgets or deal with external services to syndicate your content, you may have been asked for your site feed URL or RSS URL. Did that question prevent you from using a particular service? So definitely may wonder how to find your blog feed or site feed URL. Don't you?

Feeds are a way for your blog to distribute your content apart from site visitors. It will helps to read your content for readers and will be delivered automatically with regular updates. Most services such as Search engines, News aggregators, Ping Services, Blog Directories make use of site feed to retrieve updates and content on your site. Blogger offers two formats of feeds in their blogs, Atom and RSS. By default, Blogger use Atom format as default. However you can use either Atom or RSS URL to use with external services. Here you can find type of feed URLs available in Blogger.

Before You Go:

You should have enabled your posts, comment or per-post feeds to use corresponding feed URLs. Read How to Change Your Feed Settings in Blogger.

Blog Posts Feed

This is your full site feed which display your blog content. Whenever you publish a post on your blog, this feed will update in real-time.

Atom

[Blog Address]/feeds/posts/default

[Blog Address]/atom.xml

RSS

[Blog Address]/feeds/posts/default?alt=rss

[Blog Address]/atom.xml?alt=rss

Blog Comment Feed

This will holds all the comments made on your blog and you can use this URL if you wanna let users to subscribe to your comments or for other purposes.

Atom

[Blog Address]/feeds/comments/default

RSS

[Blog Address]/feeds/comments/default?alt=rss

Label Specific Feed

Here you can obtain feed for specific label or category. Absolutely this can be useful if you gonna provide a way to subscribe for specific topic or category.

Atom

[Blog Address]/feeds/comments/default/-/[Label Name]

RSS

[Blog Address]/feeds/comments/default?alt=rss/-/[Label Name]

Individual Post Comment Feed

Here you can obtain comment feed for specific post. If you wish to display comments made on specific post, you can make use of this URLs.

Atom

[Blog Address]/feeds/[Post ID]/comments/default

RSS

[Blog Address]/feeds/[Post ID]/comments/default?alt=rss

Color Indication Information

   - Your Blog Address

Add you blog address here.

   - Label Name

Add specific label name you are interested in. Make sure to use correct label name as it is case-sensitive.

   - Post ID

Add your particular Post ID here.

How to Find Your Post ID in Blogger

i. Go to Blogger Dashboard.

ii. Click on your Blog Title.

iii. Navigate to Posts tab.

iv. Click on the Post Title or click Edit link after hovering the post you wanna find Post ID.

v. Now take a look at your browser address bar. You can find the Post ID at the end of the URL displayed on your address bar, right after postID=.

i.e: http://www.blogger.com/.....target=post;postID=3934721472826477599

Enjoy :-)

Full site feed:

Atom 1.0: http://blogname.blogspot.com/feeds/posts/default

RSS 2.0: http://blogname.blogspot.com/feeds/posts/default?alt=rss

Note:These full-site feeds are real-time enabled; developers can subscribe to low-latency updates by using the PubSubHubbub protocol.
Comments-only feed:

Atom 1.0: http://blogname.blogspot.com/feeds/comments/default
RSS 2.0: http://blogname.blogspot.com/feeds/comments/default?alt=rss Label-specific site feed:
Atom 1.0: http://www.googleblog.blogspot.com/feeds/posts/default/-/privacy
RSS 2.0: http://www.googleblog.blogspot.com/feeds/posts/default?alt=rss/-/privacy Individual post comment feed:

Atom 1.0: http://blogname.blogspot.com/feeds/postId/comments/default

RSS 2.0: http://blogname.blogspot.com/feeds/postId/comments/default?alt=rss

Note: You can find the postId of an individual post from the Posting | Edit Posts tab. Simply mouseover the 'Edit' link next to a particular post, and that postId will be displayed in your browser's status bar.

Tiện ích Recent Posts giống iTechPlus.info

noreply@blogger.com (Anonymous) — Mon, 24 Sep 2012 15:44:00 +0000

Recent Posts là tiện ích giúp hiển thị những bài viết mới nhất theo từng trương mục hoặc cho toàn bộ Blog.

Đây là tiện ích được sử dụng rất phổ biến trên các WebBlog nhằm “hô biến” giao diện đơn giản thuần túy của Blogspot thành giao diện mang phong cách báo chí ( Magazine Template ), giúp Blog bạn trở nên “Pro” hơn trong mắt độc giả.

Tuy nhiên, việc ứng dụng nó cũng gây ra một số “tác dụng phụ” như : ảnh hưởng đến tốc độ load Blog, không tốt cho SEO,…do phải sử dụng JavaScript để lấy dữ liệu từ nguồn cấp Feed. Vì vậy, bạn hãy suy nghĩ thật kỹ trước khi áp dụng nó cho Blog của mình.

Và bắt đầu từ bài viết này, iTechPlus sẽ giới thiệu đến các bạn một số Style để các bạn lựa chọn, bắt đầu với tiện ích Recent Posts giống iTechPlus.info.

Hình minh họa

* Cách thực hiện :

1. Vào Thiết kế > Phần tử trang

2. Tạo một widget HTML\JavaScript và dán vào đoạn code bên dưới :

<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}

.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}

.itechplus-rc ul{list-style:none;margin:0;padding:0}

.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pRePZQ5Vu1p9Sr0I3G12eLiRvZppZEk70xPwFBS4b3PuEjhJxzUqPGw0lw0kAmqfvOrxyFXFwVwFV5m55stZz7ThDrNvf_rEda8HRoPCkGbdLjSgG3UCKjKHiljb5CFNRtNBFxX9Je_5/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}

.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}

</style>

<div id="itechplus-rc" class="itechplus-rc">

<h2><a href="http://www.itechplus.info/search/label/Office?&max-results=8">Tin học văn phòng</a></h2>

<script type='text/javascript'>

numposts = 5; list1 = 1; sumPosts = 168;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(a, b) {

    var s = a.split("<");

    for (var i = 0; i < s.length; i++) {

        if (s[i].indexOf(">") != -1) {

            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)

        }

    }

    s = s.join("");

    s = s.substring(0, b - 1);

    return s

}

function showrecentposts(e) {

    img = new Array();

    for (var i = 0; i < numposts; i++) {

        var f = e.feed.entry[i];

        var g = f.title.$t;

        var h;

        if (i == e.feed.entry.length) break;

        for (var k = 0; k < f.link.length; k++) {

            if (f.link[k].rel == 'alternate') {

                h = f.link[k].href;

                break

            }

        }

        if ("content" in f) {

            var j = f.content.$t

        } else if ("summary" in f) {

            var j = f.summary.$t

        } else

        var j = "";

        s = j;

        a = s.indexOf("<img");

        b = s.indexOf("src=\"", a);

        c = s.indexOf("\"", b + 5);

        d = s.substr(b + 5, c - b - 5);

        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;

        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';

        var m = '<li><a href="' + h + '">' + g + '</a></li>';

        if ((i >= 0) && (i < list1)) {

            var n = l

        }

        if (i == list1) {

            var n = '<div class="itechplus-rc"><ul>' + m

        }

        if ((i > list1) && (i < numposts - 1)) {

            var n = m

        }

        if (i == numposts - 1) {

            var n = m + '</ul></div>'

        }

        document.write(n)

    }

}

document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

//]]>

</script>

</div>

* Trong đoạn code trên :

numposts = 5; : tổng số bài viết được hiển thị
list1 = 1; : số bài viết hiển thị kèm ảnh thumbnail
sumPosts = 168; : số ký tự mô tả ( summary )

* Nếu bạn muốn hiển thị bài viết mới nhất cho cả Blog thì thay thế đoạn code sau :

document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

thành

document.write("<script src=\"http://www.itechplus.info/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

3. Save and Done.

* Update : một số bạn yêu cầu chèn thêm ảnh đại diện khi bài viết không có ảnh và tùy chọn để thay đổi màu chữ tiêu đề. Để làm điều này, bạn cần thay đoạn code chính của thủ thuật bằng đoạn code bên dưới :

<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-size:12px;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pRePZQ5Vu1p9Sr0I3G12eLiRvZppZEk70xPwFBS4b3PuEjhJxzUqPGw0lw0kAmqfvOrxyFXFwVwFV5m55stZz7ThDrNvf_rEda8HRoPCkGbdLjSgG3UCKjKHiljb5CFNRtNBFxX9Je_5/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://www.itechplus.info/search/label/Office?&max-results=8">Tin học văn phòng</a></h2>
<script type='text/javascript'>
numposts = 5;
list1 = 1;
sumPosts = 168;
maintitle = "#f0c"; subtitle = "#39c"; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {img[i] = d;} else {img[i]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcmjFPQYc_k23OLWrQH3vt_CLv24Dsby3PPVWGt7FdQeAPH801kXEFK9CCfHMQ-znQ-rLrRC04F40Wyg94PXao0hAX-91O0jZIini-bybd9J4Lr3cldAbzNxMLCOnzUh8BmXENqQav30/";}
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" style="color:'+maintitle+'"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '" style="color:'+subtitle+'">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="itechplus-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

Trong đó :

maintitle = "#f0c"; : màu tiêu đề bài viết đầu tiên ( có ảnh và trích dẫn )
subtitle = "#39c"; : màu tiêu đề các bài viết tiếp theo

Các bạn có thể xem lại bài viết Bảng mã màu dành cho Blogger để chọn màu phù hợp. Ngoài ra, iTechPlus cũng đã có bài viết hướng dẫn rút gọn tiêu đề đối với những bài viết có tiêu đề quá dài, cũng như hiển thị đầy đủ mỗi khi rê chuột vào, các bạn có thể xem lại tại đây.

* Lưu ý : đoạn code trên có sử dụng một số hình ảnh mà iTechPlus.info sử dụng. Vì vậy, để tránh ảnh hưởng đến site này và blog bạn, vui lòng download về và upload lên host riêng để sử dụng.

Rất đơn giản phải không các bạn !

Chúc các bạn thành công !

Nguồn: iTechPlus

FeedBurner cho Blogspot

noreply@blogger.com (Anonymous) — Mon, 24 Sep 2012 05:21:00 +0000

FeedBurner là một sản phẩm được Google mua lại vào năm 2007, giúp nhà xuất bản phân tích, tối ưu hoá, quảng bá, và kiếm thu nhập quảng cáo từ các nguồn cấp dữ liệu RSS của họ.

FeedBurner có rất nhiều tác dụng đặc biệt là trong quá trình thiết kế của một trang Web, hiện nây rất nhiều tiện ích yêu cầu phải có feed mới có thể chạy được. Do vvayj hôm nay namkna sẽ hướng dẫn các bạn đăng ký một FeedBurner cho blogspot của các bạn.

Các thực hiện:

- Bước 2: Đăng ký một Feed cho Blogspot.
Trước tiên các bạn phải có một địa chỉ gmail (Chính là địa chỉ mail đăng nhập vào Blog của bạn)

Các bạn truy cập vào trang sau:

http://www.feedburner.com/

- Tại đó các bạn đăng nhập bằng địa chỉ gmail của mình (Lưu ý: Đăng nhập bằng địa chỉ Gmail Blog của bạn như thế mới có thể sử dụng cho blog của các bạn được).

Sau khi đăng nhập tại ô "Burn a feed right this instant" bạn điền địa chỉ blog của bạn vào.

Tại cửa sổ tiếp theo có 2 lựa chọn là Atom hoặc RSS các bạn bấm chọn vào RSS.

Tiếp tục chọn next.

- Chọn Next

- Đến đây hoàn tất đăng ký Feed
- Bước 3 chỉnh sửa và lấy link feed:
Bạn bấm vào ô Edit Feed Detail..

Nếu bạn nào tạo rồi nhưng thoát ra từ trước rồi thì thay đổi Tại phần quản lý http://www.feedburner.com/ bấm vào tên feed bạn vừa tạo. sau đó bấm vào Edit Feed Detail để lấy link dán vào blog.

Bạn cũng có thể tiến hành thay đổi tên feed bàng cách bấm vào Edit Feed Detail, tại ôFeed Address bạn thay đổi lại tên sao cho dễ nhớ sau đo bấm Save Feed Detail.

- Đó chính là link feed để dán vào blog của bạn:

- Bước 3: Sử dụng feed dán vào Blog.
+ Cách 1: Đối với các bạn sử dụng giao diện mới.

Bạn đăng nhập vào Blog.
Chọn Cài Đặt (Setting)
Chọn Khác.
Điền tên Feed ở trên vào ô URL Chuyển hướng Nguồn cấp dữ liệu Bài đăng.
Chọn: Lưu Cài Đặt (Save Setting)

+ Cách 1: Đối với các bạn sử dụng giao diện mới.

Bạn đăng nhập vào Blog.
Chọn Cài Đặt (Setting)
Chọn Nguồn Cấp trang Web.
Điền tên Feed ở trên vào ô URL Chuyển hướng Nguồn cấp dữ liệu Bài đăng.
Chọn: Lưu Cài Đặt (Save Setting)

Chúc thành công!

Nguồn: Namkna's blog

Bản ghost Windows 7 Ultimate Full * 5 phút để có 1 HĐH tiên tiến nhất

noreply@blogger.com (Anonymous) — Sun, 23 Sep 2012 19:03:00 +0000

Đây là bản ghost win7 Ultimate mới nhất của GhostViet với đầy đủ các tính năng cho win7. Các bạn có thể down về giải nén lấy file .GHO để ghost hoặc burn ra đĩa để cài. Đã Active key xịn bản quyền update thoải mái. Tất cả driver mới nhất win7 sẽ tự update ,bạn ko cần làm gì cả. Điều đặc biệt ở đây là nếu muốn có key xịn cho bản Ultimate thì các bạn phải mua, mà dân VN thì ít mua lắm, crack thì ko update đc.nhưng với bản đầy đủ này!

Đã cài sẵn 1 số phần mềm thông dụng có bản quyền :
office 2007
winrar 3.9
7zip
yahoo 10
windows 7 manager update mới nhất 1.8
firefox 3.6
IDM 5.18
fonxit reader
Unikey vista 2.0( vì nó đẹp :786
ccleaner

dung lượng 3.4 GB ko thiếu gì cả,slm cũng đang dùng bản này chạy rất mượt ,test rồi mới dám post bài ,vì vậy các bạn ko cần phải nghĩ hay lo lắng gì
Down 1 trong 2 link

Download link 1
Download link 2

Dung lượng 3.4Gb
Ai cẩn thận thì có thể kiểm tra mã MD5 trước khi ghost xem có đúng với mã dưới ko (nếu trong quá trình download bị lỗi thì mã MD5 có thể sai .Nếu bạn cảm thấy ko có vấn đề gì trong việc download thì cứ bỏ qua bước kiểm tra

MD5: d0f8ca76f0d746eaeca1f467ada1893e

Sha1: be9955585ca28d513ff6157f47cfc5cbb3d5a82e
Nói là 5p nhưng là 5p sau khi down xong ,còn down chắc mất khoảng 2 ~ 3 tiếng

Đây là bản X86 32bit nha

Dropdown menu cho Newscast Template

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 22:32:00 +0000

Newscast Template vốn có sẵn menu xổ dọc (dropdown) nhưng do nó xung đột với Slider nên Noct đã tạm thời ẩn nó đi. Giờ đây vấn đề đã được giải quyết, nếu bạn muốn sử dụng đồng thời cả dropdown menu và Kwicks Slider thì làm như sau:

- Vào phần chỉnh sửa HTML của template tìm dòng:

.catnav_wrapper { ... z-index: 4; ... }

sửa thành:

.catnav_wrapper { ... z-index: 9999; ... }

Tiếp tục tìm:<li><a href='#'><strong>Browser</strong><span>Random Stuff</span></a></li>
sửa thành

<li><a href='#'><strong>Browser</strong><span>Random Stuff</span></a>
  <ul class='sub-menu'>
   <li class='menu-item'><a href='#'><strong>Community</strong></a></li>
   <li class='menu-item'><a href='#'><strong>Browser</strong></a></li>
   <li class='menu-item'><a href='#'><strong>Slides</strong></a>
    <ul class='sub-menu'>
     <li class='menu-item'><a href='#'><strong>Tech News</strong></a></li>
     <li class='menu-item'><a href='#'><strong>Adobe</strong></a></li>
    </ul>
   </li>
  </ul>
</li>

Như vậy trong mục Browser của menu đã có thêm 2 menu con với hiệu ứng jQuery. Bạn chỉ việc sửa lại hoặc thêm/bớt cho phù hợp với nội dung site của bạn.

Theo Blogger Noct

Newscast - Best Premium Blogger Template For Share

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 19:39:00 +0000

Newscast Template is the newest template of professional blogger designer Noct , it is also the first blogger magazine template of him and it was converted by Newscast Wordpress Theme. According to me , this template is deserved to pay money for it but luckily he just want to share it for free and we have a chance to own one of the best free premium blogger templates.

Demo | Download

Like you see at the demo , you can recognize that Newscast Template has many professional features and it was designed very neatly and carefully :
_ Kwicks Slider
_ Page Navigation
_ 125x125 Banner
_ Popular Posts , Recent Posts, Label
....

If you are a blogger who need one free template with fast loading speed and optimize SEO code . Newscast Template is the perfect choice for you .

Here is the instruction show you how to use this template:

Lay-out of template

The places were signed by the arrows which are the gadgets you need to pay attention.

1. How to instanll the "Slider" :

Click on " Edit " and paste this code into :

<ul class="kwicks horizontal" >
<li id="kwick_1">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Apple rebrands to Banana!</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ZRc9mI6_C_1pCC2SpUx5QrMGlm0dQiasy13fgwyIySCWxuJl4UE2EWstIPDJKm9HyFBBpEmI10E3fGmcp-L6nOAc_pMYINY6zggrI9TDQyeRdmS230WWHKp9gQJchdkbVgOfKICAkugQ/" width="700" height="320" /></a></li>

<li id="kwick_2">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Hello world!</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqB36buE57VGC6ozBxrHloq17GkjohRg_k_G_VGJPQ0PVWpfKPw5YxuPYe_yL8MOa2pyNP2aZ-UFrw9sh9l86ZcFdA_mvncBKICCaaVeLY_0CR_m_L81vhOq-DkhZMeQ48RkvGOozKMteJ/" width="700" height="320" /></a>
</li>

<li id="kwick_3">
<span class="fadeout"></span>
<div class="excerpt">
<strong>How to draw realistic balloons in illustrator</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Tj7Ckll_XqKCfAHJEAT1RW0eWKpr4tbGrG1vKP-4RrqWqfm0yd7WEYnDYE5d2KPJpAQHB5M8btCCoBixA3ihoMQNuk3w5mUjPUn9KRKch0AKTDpMBZERCuY8xrcVaKQlQD1Suf5O_4t6/" width="700" height="320" /></a></li>

<li id="kwick_4">
<span class="fadeout"></span>
<div class="excerpt">
<strong>How to create a beautiful sunset in Photoshop</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLIR9fb036WfHz3leFH-s625nRDH5FUpAPHoJ0c54vnPyDXzxmOF5gFB1TmQoT2Xuif_ifmb6Ln5ea4PHL6UTS8B489ty3CFhJ7SkaecsVBRw7njxDPJQBH5zoI9Nk0gQiQLPBsKXA9AG/" width="700" height="320" /></a></li>

<li id="kwick_5">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Tutorial: Picture of the week</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNvh0RXKYHSA6K3j21l-S6cAieba70gMCLv_o-iIt1Mx0RR9X2vAr4FDgYij18IXjoxOvfzEL_mB0nsPGLnF3Vw6ur7-8IFRHKQV9c_CMsxdEd1iHxHv4sxjhcAB7wg0Ht0HD6pNAK23V/" width="700" height="320" /></a></li>
</ul>

Notice
1. # : the links of posts ; # : is the title of posts ; # : is the link of the picture
2. The size of the picture in slider was default by 700x320
3. If you don't want to use this slider , it is very easy to set up even don't need to touch on the code above , you just add more CSS code #slider { display:none; } to above:</b:skin>

2. Set-up the "Popular post"
You watch the image and just set-up follow it

3. Set up the "Banner"

4. Set-up the "Recent posts"

This step is a little bit complicated so you should set up exactly the same with the image above . Click on " Add to List " then paste that link :

http://weekly-theme.blogspot.com/feeds/posts/default?start-index=1
http://weekly-theme.blogspot.com/feeds/posts/default?start-index=2
http://weekly-theme.blogspot.com/feeds/posts/default?start-index=3

Edit your links feed to match it and if you want to update more new posts , you just add more links corresponding to the ascending order.

Notice : This widget is updated links-feed a little slowly , so when you post new article , it will be update late about few hours so you should be patient.

5. Set-up "Label 1 and Label 2"

Two of this widget use for posting by label , the way to set-up it is the same step 4 Recent Post , it is just different in the link under :

http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=1
http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=2
http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=3

News is the label of my demo, you just change this label to your label.

6. Edit the "second menu"

Go to the Edit HTML of the template and search this code :

<div class='menu-second-container'>
<ul class='catnav' id='menu-second'>

<li><a href='#'><strong>Tech News</strong><span> Apple, Microsoft & more</span></a></li>

<li><a href='#'><strong>Adobe</strong><span> Mozilla, Google, etc</span></a></li>

<li><a href='#'><strong>Community</strong><span> Company News</span></a></li>

<li><a href='#'><strong>Browser</strong><span> Random Stuff</span></a></li>

<li><a href='#'><strong>Illustrator</strong><span> Vector Downloads</span></a></li>

<li><a href='#'><strong>Photoshop</strong><span> Tutorials & News</span></a></li>

<li><a href='#'><strong>Travel</strong><span> Hot stuff in here</span></a></li>

</ul>
</div>

# is the link and # is the title . You just change how to fix with your blog.

7. Edit "Page Navigation"

Go to Edit HMTL and search this code :

var postperpage=3; // Number of post in each page
var numshowpage=3; // Number of button will display
var upPageWord ='Previous';
var downPageWord ='Next';

Hướng dẫn tối ưu hóa cho blogspot từ A đến Z

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 19:05:00 +0000

Blogspot – một khái niệm quá quen thuộc đới với các webmaster và những người làm SEO. Dễ sử dụng, tốc độ nhanh, tùy chỉnh được code, … chính là những đặc điểm nổi bật của Blogspot khiến nó được mọi người tin dùng.

Tuy nhiên, với sự ra đời và phát triển của WordPress thì Blogspot đang dần mất đi vị thế của mình. Wordpress đã đến và tạo nên một làn gió mới, đặc biệt là trong thời điểm thương mại điện tử đang phát triển như hiện nay. Lý do rất đơn giản vì hầu như tất cả mọi người đều cho rằng WordPress là mã nguồn “chuẩn SEO”.

Với khả năng tối ưu hóa gần như hoàn hảo của mình, WordPress hiện đang là sự lựa chọn số một của giới làm SEO. Vậy lối đi nào dành cho Blogspot – đứa con của gã khổng lồ Google ?

Sau đây, SEO Kool sẽ hướng dẫn các bạn cách tối ưu hóa cho Blogspot từ A -> Z, hy vọng rằng sau bài viết này, mọi người sẽ có cái nhìn khác về Blogspot và tìm ra hướng phát triển đúng đắn cho Blog của mình.

Bài hướng dẫn tối ưu hóa Blogspot của tôi sẽ gồm các phần :

- Chọn template.
- Chỉnh sửa các thẻ meta.
- Chỉnh sửa tiêu đề bài viết.
- Chỉnh URL thân thiện.
- Tạo Breadcrumbs cho Blogspot.
- Tạo tin tức liên quan cho từng bài viết.
- Tạo emoticon khi comment.
- Tạo sitemap cho Blogspot.

1. Chọn template.

Template là một trong những yếu tố quan trọng khi sử dụng Blogspot, một template tốt không những đẹp mà còn phải có cấu trúc hợp lý. Như thế sẽ giúp quá trình SEO của các bạn dễ dàng hơn rất nhiều.

Theo kinh nghiệm cá nhân của SEO Kool, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.

Ngoài ra còn một yếu tố cũng quan trọng không kém, đó là cấu trúc thẻ heading. Đa phần các temp của Blogspot sau khi cài đặt chỉ có một thẻ <h1>, và tiêu đề của bài viết là <h2> hoặc <h3>. Điều này sẽ gây khó khăn cho các bạn khi muốn SEO một bài viết con.

Nhiều người đã khắc phục điều này bằng cách chèn thêm thẻ <h1> trong bài viết, và vẫn giữ tiêu đề là <h2> hoặc <h3>. Tuy nhiên, SEO Kool cho rằng như vậy là không tốt. Thứ nhất về mặt thẩm mỹ không đẹp, thứ hai là về tầm quan trọng của các thẻ heading vì khi bot google duyệt website của bạn, nó sẽ thấy thẻ <h2> trước và <h2> thì đương nhiên không quan trọng bằng <h1>.

Vì thế khi chọn template các bạn cần chú ý cấu trúc của temp, nếu có sẵn 2 thẻ <h1>, một cho toàn bộ website, và một cho tiêu đề bài viết thì tuyệt vời. Còn nếu không có thỉ cũng đừng quá lo lắng, SEO Kool sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <h1> trong các bước tiếp theo.

2. Sửa các thẻ <meta>

Để chỉnh sửa các thẻ meta keyword và meta description các bạn tìm đền đoạn code sau :

Và sửa thành :

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta name=”description” content=”Mô tả blog” />
<meta name=”keywords” content=”Các từ khóa chính” />
</b:if>

3. Chỉnh sửa tiêu đề bài viết

a. Sửa thẻ <title> của bài viết

Thông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết

Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. Ví dụ : Tiêu đề bài viết | Tiêu đề Blog

Để làm được điều này các bạn tìm tới đoạn code :

Và sửa lại thành :

<b:if cond=’data:blog.pageType == “item”‘>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

b. Thêm mô tả cho link của tiêu đề.

Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó.

Để làm được điều này các bạn làm như sau :

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng

Tìm đến dòng :

và sửa thành :

Tiếp tục tìm đến dòng

và sửa thành

Lưu template và kiểm tra kết quả.

b. Chỉnh tiêu đề bài viết thành <h1>

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng

Tìm đoạn code sau

<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>

và sửa thành :

<b:if cond=’data:blog.pageType != “item”‘>
<b:if cond=’data:blog.pageType != “static_page”‘>
<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: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>
</h3>
</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>

Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng

.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}

và sửa thành

.post h1, .post h3 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}

lưu lại và kiểm tra kết quả :

4. Chỉnh URL thân thiện.

Mỗi khi bạn viết bài mới trên blogspot, nếu bạn viết tiêu đề có dấu đầy đủ, thì đôi lúc URL sẽ hiển thị như sau :

Ở đây SEO Kool thử nghiệm với bài viết có tiêu đề là : ”Thượng nghị sỹ Mỹ phản đối việc kiểm soát cá da trơn“. Nhìn vào hình ảnh các bạn có thể thấy, so với tiêu đề bài viết gốc thì URL đã bị rút gọn và bị mất một số kí tự. Đó là vì URL mặc định của Blogspot có 2 chức năng :

Thứ nhất : lấy luôn tiêu đề của bài viết làm URL cho bài viết đó, tuy nhiên nó không thể hiểu được tiếng Việt nên sinh ra hiện tượng mất một số kí tự.

Thừ hai : Blogspot sẽ tự động cắt bớt URL nếu như tiêu đề bài viết quá dài.

Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phaỉ làm sao ?

Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :

- Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.

- Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot

Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.

5. Tạo Breadcrumb cho Blogspot

Để tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện ích. Sau đó tìm đến đoạn code :

<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>

<b:include data=’top’ name=’status-message’/>

<data:adStart/>

Và sửa thành :

<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<!– disable default status message
<b:include data=’top’ name=’status-message’/>
default status message disabled –>
<b:include data=’posts’ name=’breadcrumb’/>
<data:adStart/>

Sau đó tìm đến dòng :

<b:includable id=’main’ var=’top’>

Và thêm đoạn code sau vào trên nó :

<b:includable id=’breadcrumb’ var=’posts’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<!– No breadcrumb on front page –>
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast == "true"’> »
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "archive"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "index"’>
<div class=’breadcrumbs’>
<b:if cond=’data:blog.pageName == ""’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » All posts
<b:else/>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Tiếp theo chỉnh css cho phù hợp, ta tìm đến đoạn mã :

]]></b:skin>

và thêm vào trước nó đoạn code sau :

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

6. Tạo bài viết liên quan cho Blogspot

Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :

<b:if cond=’data:blog.pageType == "item"’>
<script type=”text/javascript”>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel==”alternate”){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf(‘?m=0′);if(y!=-1){a=a.replace(/\?m=0/g,”)}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write(“<ul>”);if(titles.length==0){document.write(“<li>Không có bài viết liên quan</li>”)}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+’?m=0′}document.write(‘<li><a href=”‘+urls[c]+’” title=”‘+time[c].substring(8,10)+”/”+time[c].substring(5,7)+”/”+time[c].substring(0,4)+’”>’+titles[c]+”</a></li>”);if(c<titles.length-1){c++}else{c=0}b++}}document.write(“</ul>”);urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>

Sau đó tìm đến dòng :

Và thêm đoạn code sau vào sau nó :

<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’>
<b>Bài viết liên quan:</b>
<b:loop values=’data:post.labels’ var=’label’>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"’ type=’text/javascript’/>
</b:loop>
<script type=’text/javascript’>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(‘<data:post.url/>’);</script>
</div>
</b:if>

Lưu ý maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông số này.

7. Tạo các emoticon khi comment trên Blogspot

Chèn đoạn code sau vào trước thẻ đóng </body> :

Sau đó tìm đến dòng :

<b:loop values=’data:post.comments’ var=’comment’>

và thêm trước nó thẻ :

Tìm thẻ đóng tương ứng với thẻ loop ở trên

</b:loop>

và thêm sau nó thẻ </div>

Tìm đến dòng :

<data:blogTeamBlogMessage/>

Và thêm sau nó đoạn code :

Tìm đến thẻ đóng :

]]></b:skin>

Và thêm đoạn code sau vào trước nó :

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

Lưu lại và kiểm tra kết quả.

8. Tạo Sitemap cho Blogspot

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text : atom.xml?redirect=false&start-index=1&max-results=500

Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn :

Đề làm được như hình trên, các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên bất kì, ở đây SEO Kool đặt tên là : Sơ đồ trang.

Sau đó các bạn chuyển sang chế độ HTML và chèn đoạn code sau :

Lưu lại và kiểm tra kết quả.

Trên đây là toàn bộ những thủ thuật mà SEO Kool đã áp dụng để tối ưu hóa cho Blogspot cá nhân của mình, các bạn có thể truy cập vào website : http://www.ngon.edu.vn để xem kết quả.

Tất cả những kiến thức ở trên đều được SEO Kool viết dựa trên kinh nghiệm cá nhân và nguồn dữ liệu sưu tầm từ Internet. Chúc các bạn thành công. Sorry vì bài viết hơi dài ^^!

Cải thiện SEO cho Blogger Template

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 19:03:00 +0000

Nếu quan tâm đến tạo Web, chắc hẳn bạn sẽ ít nhiều nghe về SEO (Search Engine Optimisation). Đây là những thủ thuật nhằm tối ưu hóa cho công cụ tìm kiếm. Nhờ những thủ thuật này, Website của bạn sẽ dễ dàng được đưa lên đầu kết quả tìm kiếm ở các trang Web tìm kiếm. Một sự thật là phần lớn khách viếng thăm blog của ta đến từ Google.com.vn

Giả sử bạn là 1 trong 100 triệu trang web trên thế giới. Vậy bạn làm thế nào để trang web của mình có thể dễ dàng được tìm thấy. Yếu tố quan trọng là thông qua các công cụ tìm kiếm, hiện chiếm đến 60% các đường dẫn đến các trang thông tin quan trọng.

Vậy S.E.O là gì?

SEO – Search Engine Optimisation (Tối ưu hóa cho công cụ tìm kiếm) là một quá trình làm nội dung trang web dễ dàng được các công cụ tìm kiếm tìm thấy, và hiển thị.

Hầu hết người dùng Internet sử dụng các công cụ tìm kiếm hàng ngày và có thể chỉ nhìn vào trang đầu tiên của kết quả tìm kiếm. Vì thế nếu như một khách hàng đang tìm kiếm trang web của bạn, và bạn vô tình bị xếp ở trang thứ hai của kết quả tìm kiếm, sẽ ít có khả năng khách hàng ghé thăm trang của bạn.

Vậy làm sao để trang web được các công cụ tìm kiếm để mắt tới?

Google công khai các hướng dẫn SEO của mình. Đầu tiên, hãy chắc chắn rằng trang web của bạn được công cụ tìm kiếm biết đến, điều này có nghĩa là có một “con nhện” tự động bò trên nội dung trang web của bạn và đưa nó vào trong bản đồ.

Từ đó, việc tối ưu hóa phụ thuộc vào việc kết hợp giữa công tác biên tập và kỹ thuật. Về cơ bản, nội dung, đặc biệt là tiêu đề cần phải mô tả được nội dung, sử dụng những từ khóa mà khách hàng thường dùng. Một số trang web có thể cố gắng để “lừa” Google, hoặc bằng cách tải các trang web với quá nhiều các từ khóa không liên quan, hoặc thông qua các trang trung gian có các đường link mà không mang nội dung nào cả.

Nâng cao SEO cho Template Blogspot

Đầu tiên hãy vào trang web: http://websitegrader.com/, nhập link blog của bạn rồi click Generate Report để kiểm tra SEO, đợi một lát để xem kết quả, thang điểm 1-100.

1/ Tiêu đề blog

Thông thường, tiêu đề của một blog được qui định là BLOG TITLE: POST TITLE, bạn có thể cải thiện SEO bằng cách sửa đổi tiêu đề thành POST TITLE | BLOG TITLE. Tìm đoạn code sau trong template của bạn:

<title><data:blog.pageTitle/></title>

thay thế bằng đoạn code này:

<b:if cond=’data:blog.pageType == "item"’>

<b:else/>

</b:if>

Bạn cũng có thể thêm một số từ khóa (keywords) vào tiêu đề, ví dụ:

<b:if cond=’data:blog.pageType == "item"’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Music | Game</title>
</b:if&gt

2/ Từ khóa và miêu tả cho thẻ Meta
Việc bạn cần làm là thêm đoạn code sau vào trước <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Tin tuc - Giai tri" />
<meta name="keywords" content="tin tuc, phim anh, am nhac" />
</b:if>

3/ Heading

Heading Tag (H1, H2, H3, H4, H5) cũng rất quan trọng đối với SEO. Tất cả các tiêu đề Widget của blogspot sử dụng thẻ H2. Nhưng temp Minima lại sử dụng H3 cho tiêu đề bài đăng và rất nhiều template khác sử dụng thẻ H2 cho tiêu đề bài. Để nâng cao SEO, bạn cần sử dụng thẻ H1 cho tiêu đề bài viết. Ví dụ đoạn code sau:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Trong ví dụ này thì template sử dụng thẻ H3 cho phần tiêu đề bài (nếu bạn không tìm ra thì có thể template của bạn sử dụng thẻ H2). Thay thế thẻ H3 (H2) trong ví dụ trên thành H1:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Sau đó bạn cần sửa lại code CSS tương ứng của phần tiêu đề bài viết, làm tương tự như trên (thay H3 thành H1) hoặc chỉnh lại kích cỡ font của phần tiêu đề bằng cách thêm đoạn code sau vào trước ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Ở đây font-size là 1.5em, bạn có thể điều chỉnh theo ý muốn

Cuối cùng, ta quay lại trang http://websitegrader.com/ để kiểm tra SEO, điểm SEO của Taiki Blog đã tăng từ 70 lên 91 sau khi thực hiện thủ thuật trên đấy. Chúc bạn cũng làm được như vậy.

Kiếm tiền từ web hoặc blog với Chikita

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 18:19:00 +0000

Chitika là mạng quảng cáo nổi tiếng từ lâu nhưng trước đây rất khôngphù hợp với người Việt Nam vì quảng cáo chỉ xuất hiện với khách từ search engine và là người USA, Canada mà thôi! Tuy nhiên Chitika hiện nay vẫn ưu tiên lớn cho USA và Canada nhưng đã chấp nhận hiện quảng cáo và tính click với bất kì khách của nước nào.

Ngoài hình thức PPC (tính tiền qua mỗi click) thì Chitika còn có CPM (tính tiền cho mỗi 1000 lượt truy cập) nên rất phù hợp với các website Việt Nam. Ngoài định dạng chuẩn thì Chitika hỗ trợ các định dạng quảng cáo dành cho các thiết bị di động. Chitika chấp nhận thanh toán qua Paypal khi bạn đạt tối thiểu $10 vào cuối tháng, ngoài ra bạn cũng có thểnhận tiền qua check khi đủ ít nhất $50.

Để đăng kí Chitika, bạn vào trang chủ Chitika tại https://chitika.com, bấm vào nút Get Started. Sau đó bạn điền các thông tin Chitika yêu cầu như tên, email, website rồi bấmSubmit Application để đăng kí. Bạn phải chờ Chitika xét duyệt, sau khi được chấp thuận là bạn có thể đăng nhập vào tài khoản và bắt đầu kiếm tiền.

Sau khi đăng nhập, trước tiên bạn bấm vào link My Account để thay đổi thông tin nhận tiền, bạn có thể chọn Paypal hoặc Check tùy nhu cầu.Với tài khoản Paypal bạn hãy điền email Paypal bên dưới. Nếu chọn check bạn có thể mở rộng thêm số tiền tối thiểu cho mỗi check, check sẽ gửi vào địa chỉ bạn đã điền ở trên.

Để đặt quảng cáo bạn hãy vào Get Started > Get Code. Chitika cho phép bạn tùy chỉnh kích thước, màu sắc,... Ngay sau khi chỉnh sửa, bạn sẽ nhận được mã ở khung Get Your Code. Việc của bạn chỉ là dán quảng cáo phù hợp vào website và đợi nhận tiền nữa mà thôi. Ngoài định dạng chuẩn, Chitika còn có định dạng List Unit, định dạng này sẽ tự động điều chỉnh chiều dài phù hợp với lượng quảng cáo để có thể hiện được nhiều quảng cáo nhất.

Tuy Chitika có thể hiện và tính tiền quảng cáo tại bất kì trang nào bạn đặt code nhưng nếu muốn tăng thêm thu nhập bạn có thể đưa website vào danh sách Approved Domains để có thêm các quảng cáo lớn và nhiều tiền. Có 3 mức là Gold với các nhà quảng cáo lớn nhất, Silver và Bronze là 2 mức với các nhà quảng cáo nhỏ hơn. Tất nhiên là khi đạt mức Gold thì lợi nhuận quảng cáo của bạn sẽ tăng lên đáng kể.

Để domain được lên mức Gold bạn phải đưa vào để cho Chitika xét duyệt. Bất kì domain nào cũng có mức chuẩn là Silver, nhưng nếu bị đánh giá thấp có thể bạn sẽ bị hạ xuống mức bèo bọt nhất là Bronze. Vì vậy bạn hãy cân nhắc kĩ trước khi đưa một domain vào danh sách Approved Domains. Bạn vào My Account > Approved Domains, điền domain vào danh sách (theo dạng vnpaypal.com) rồi bấm Submit Domains.

Cách Đăng Kí PayPal 2010 Để Bắt Đầu Giao Dịch Trực Tuyến

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 18:12:00 +0000

Hiện nay trên mạng có khá nhiều bài viết hướng dẫn để đăng kí PayPal, nhưng tất cả đều đã cũ (từ năm 2008 hoặc thậm chí 2006). Hiện nay đăng kí PayPal cũng có một số thay đổi nhỏ. Thực ra đăng kí PayPal không khó, nhưng để bạn chắc chắn hơn về quá trình đăng kí, PayPalVN xin được viết bài này.

Bên cạnh PayPal, bạn còn có một sự lựa chọn rất tốt đó nữa làLiberty Reserve (http://www.libertyreserve.com/), các ưu điểm củaLiberty Reserver:

- Bảo mật tốt - Đăng kí dễ dàng, không cần xác nhận, có thể dùng ngay. - Có thể có nhiều tài khoản, không lo bị limit như PayPal. - Đổi tiền với các Exchanger, tỉ giá tương đối cao (hiện tại là trên 20000/USD). - Giao dịch đơn giản, nhanh chóng, được nhiều trang kiếm tiền hỗ trợ. - Không lo gặp phải các rắc rối như bên PayPal.

1/ Đầu tiên, bạn truy cập vào trang chủ PayPal rồi bấm vào nút Sign Up Today!, hoặc vào trực tiếp link Sign Up này. Tại trang đăng kí, bạn sẽ thấy PayPal cung cấp 3 loại tài khoản là Personal, Premium và Business. Xem thêm về 3 loại tài khoản tại Các Thông Tin về PayPal, mục số 3. Tốt nhất bạn nên chọn loại Premier, để có thể nhận và gửi tiền. Sau đó bấm Get Started.

2/ Tại bước thứ 2, bạn cần điền đầy đủ mọi thông tin cá nhân. Lưu ý bạn phải điền thật chính xác từ địa chỉ, tên tuổi, và số điện thoại, để tiện giải quyết các rắc rối sau này. Riêngđiền Postal Code bạn xem thêm thông tin tại bài viết này. Bước này, bạn chưa cần phải nhập các thông tin thẻ. Address Line 1 và Line 2 bạn điền vào địa chỉ nhà của bạn, ghi tiếng Việt không dấu, City điền vào quận, huyện, thị xã, còn State/Region bạn điền vào tỉnh, thành phố.

Lưu ý: khi điền tên bạn điền chính xác First Name (tên), Middle (chữ lót) và Last Name (họ), bạn không nên đảo lại các thông tin này. Và tên này phải là tên ghi trên thẻ ngân hàng bạn định sử dụng. Bạn có thể sử dụng tên có dấu hoặc không dấu, tuy nhiênbạn nên ghi không dấu, để tránh các phiền toái sau này.
VÍ DỤ tên bạn là Nguyễn Văn A, thì First Name là A, Middle là Van, và Last Name là Nguyen.
Sau khi điền xong bạn bấm Agree and Create Account.

Ngoài ra, bạn cũng nên tham khảo bài Đặt Tên Thế Nào Cho Đúng Khi Đăng Kí Tài Khoản PayPal?

Khi điền tên cách này khi đăng nhập vào PayPal, tại Welcome bạn sẽ thấy tên bị ngược (ví dụ Nguyen Van A chỉ còn A Nguyen hoặc Van A Nguyen. Nhưng bạn không phải lo vì tên ở đó không quan trọng, quan trong là khi rút tiền bạn không bị ngược tên và có thể rút thành công.

3/ Bước này bạn phải nhập 16 chữ số trên thẻ, ngày hết hạn và 3 chữ số CSC (Card Security Code) trên thẻ để có thể sử dụng mua bán online. Hiện có 2 loại thẻ hay được sử dụng là Visa Debit Card (ghi nợ, nạp bao nhiêu dùng bấy nhiêu) và Visa Credit Card(có thể xài quá tài khoản rồi nạp trả nợ sau). Các ngân hàng hay được sử dụng là Techcombank, ACB, Đông Á, Eximbank... Vietcombank hiện tại thấy có khá nhiều sự thay phiền. Xem thêm thông tin các thẻ tại bài viết Các Thông Tin Cơ Bản Về PayPal, mục 5.

   - Sau khi điền xong bạn bấm Continue để tiếp tục xác nhận thẻ.
   - Bạn cũng có thể không thưc hiện bước này mà bấm Go To My Account để tới trang chủ quản lý tài khoản. Sau khi xác nhận qua email là đã có thể bắt đầu gửi và nhận tiền.

   4/ Xác nhận thẻ. Bạn không cần xác nhận vẫn có thể sử dụng các tính năng cơ bản của PayPal là nhận và chuyển tiền. Tuy nhiên, có thể sẽ bị hạn chế số tiền gửi và nhận. Xemhướng dẫn xác nhận tại đây.

Nguồn: vnpaypal.com

Hướng Dẫn Làm Thẻ VISA/MasterCard Và Mở Tài Khoản Ngân Hàng Để Sử Dụng Trong PayPal

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 18:10:00 +0000

Để sử dụng tốt nhất PayPal, bạn cần có:

+ Một Thẻ VISA/MasterCard Debit/Credit (tham khảo thêm tư vấn chọn thẻ Debit/Credit), thẻ này dùng để xác nhận tài khoản PayPal để có thể gửi nhận tiền không giới hạn. Ngoài ra, khi bạn thanh toán online bằng PayPal, khi không đủ tiền trong tài khoản PayPal sẽ tự rút tiền từ thẻ này ra để thanh toán. Thẻ này gồm các thông tin 16 chữ số mã thẻ, 3 số bảo mật nằm đàng sau thẻ, ngày hết hạn và tên chủ thẻ, bạn sẽ cần các thông tin này khi sử dụng thanh toán trực tuyến.

Lưu ý: khi làm thẻ có thể bạn sẽ có sẵn khoảng 100000 vnd trong tài khoản thẻ, nhưng số tiền này là tiền ký quỹ, không thể sử dụng cũng như verify được, nên trước khi verify, bạn phải nạp thêm khoảng 50000 để việc verify suôn sẻ.

+ Một tài khoản ngân hàng, tài khoản này dùng để rút tiền về Việt Nam. TÀI KHOẢN NÀY KHÔNG PHẢI TÀI KHOẢN ATM, TÀI KHOẢN THẺ VISA/MASTERCARD. Tài khoản này bạn phải ra trực tiếp ngân hàng để mở. Khi mở bạn có thể chọn tài khoản USD hoặc tài khoản VND, nhưng khi rút tiền từ PayPal về thì đều bị chuyển thành VND với tỉ giá liên ngân hàng cả. Khi đã mở bạn sẽ có số tài khoản ngân hàng, và để rút tiền bạn cần có SWIFT CODE và tên quốc tế của ngân hàng bạn đã mở. Bạn có thể hỏi nhân viên ngân hàng hoặc xem danh sách các SWIFT CODE và tên quốc tế của ngân hàng tại đây.

VNPayPal xin nhắc lại một lần nữa là hiện nay ở Việt Nam, bạn chưa thể rút tiền trực tiếp vào tài khoản của thẻ VISA, thẻ ATM, mà phải rút vào tài khoản ngân hàng. Đặc biệt, tại ngân hàng ACB và ngân hàng Eximbank thì tài khoản ngân hàng và tài khoản thẻ Visa được liên kết với nhau, nên bạn có thể sử dụng 16 chữ số mã thẻ của thẻ Visa làm tài khoản ngân hàng để rút tiền. Bạn xem thêm bài viết: Ngân hàng tốt nhất cho Verify và rút tiền PayPal.

Để làm thẻ hoặc mở tài khoản ngân hàng khá đơn giản, bạn có thể ra ngân hàng gần nhất để yêu cầu nhân viên, nhưng VNPayPal cũng xin được nói sơ qua:

- Để làm thẻ VISA/Master Card: bạn chỉ cần mang CMND ra ngân hàng và bạn sẽ được một phiếu khai thông tin cá nhân, bạn chỉ cần khai chính xác các thông tin rồi nộp lại, đóng thêm khoảng 100.000 vnd là phí thường niên. Khoảng vài ngày đến 1 tuần là sẽ có thẻ.

- Mở tài khoản ngân hàng: cũng tương tự với làm thẻ. Khi đã mở bạn sẽ có số tài khoản ngân hàng, và để rút tiền bạn cần có SWIFT CODE và tên quốc tế của ngân hàng bạn đã mở. Bạn có thể hỏi nhân viên ngân hàng hoặc xem danh sách các SWIFT CODE và tên quốc tế của ngân hàng tại đây.

Lưu ý với ngân hàng ACB: Khi ra làm thẻ bạn sẽ có 2 lựa chọn là thẻ Visa Prepaid (tên trước đây là Visa Debit) không liên kết với tài khoản ngân hàng và thẻ Visa Debit (loại thẻ mới phát hành của ACB từ tháng 08/2010) có liên kết. Với thẻ Visa Debit có liên kết bạn phải chịu thêm phụ phí duy trì 10.000 vnd mỗi tháng nếu tài khoản dưới 500.000 vnd (nếu trên 500.000 vnd thì miễn phụ phí). VÌ VẬY, BẠN CHỈ CẦN LÀM THẺ VISA PREPAID LÀ CÓ THỂ RÚT TIỀN TỪ PAYPAL, KHÔNG BẮT BUỘC PHẢI LÀM THẺ VISADEBIT. Các thẻ Visa Debit trước đây (nay đổi thành Visa Prepaid) vẫn có thể rút tiền từ PayPal bình thường. 2 loại thẻ này đều có thể dùng để verify và rút tiền từ PayPal.

LƯU Ý: Gần đây VNPayPal nhận được khá nhiều thắc mắc và khá nhiều ý kiến về việc không verify được PayPal với thẻ Visa/Master Card của ngân hàng VCB. Vì vậy, bạn nên tránh sử dụng thẻ của ngân hàng này để hạn chế rủi ro. Hiện chỉ có thẻ Visa Debit của VCB gặp tình trạng này, nếu muốn sử dụng của ngân hàng VCB bạn hãy làm thẻ VISA CREDIT.

Nguồn: vnpaypal.com

Hướng Dẫn Thanh Toán Trực Tuyến Với Thẻ VISA và PayPal

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 17:38:00 +0000

Xem thêm: Các thông tin cơ bản về PayPal

Thanh toán, giao dịch trực tuyến bằng thẻ VISA Debit (Credit) vàPayPal hiện là 2 hình thức thanh toán thông dụng và thuận lợi nhất hiện nay.Hôm nay VNPayPal viết bài này nhằm giúp mọi người phần nào bớt bỡ ngỡ và nhanh chóng làm quen được với 2 hình thức thanh toán này.

Món hàng trong bài viết này có thể là mặt hàng thực, hay tài khoản trên mạng, hoặc nâng cấp tính năng tài khoản, vật phẩm game, tên miền, hosting...

Khi tiến hành thanh toán cho mặt hàng cần mua, bạn cần phải tìm mục Check Out, Purchase hoặc Your Cart để bắt đầu. Tại đây bạn sẽ thấy các hình thức thanh toán mà trang mua bán cho phép. Ở phạm vi bài viết này ta chỉ chú ý đến Credit Card và PayPal. Như hình dưới, bạn chọn một trong 2 hình thức rồi bấm Next. Trước đó, có thể bạn sẽ phải điền một số thông tin cá nhân như tên, tuổi, địa chỉ...

1/ Với hình thức PayPal:

- Khi chọn PayPal, bạn sẽ được đưa đến một trang đăng nhập PayPal, tại đây bạn điền địa chỉ email PayPal và mật khẩu để đăng nhập rồi bấm Login. Bạn cũng lưu ý xem kĩ thanh địa chỉ đây có phải là địa chỉ hợp pháp không, để tránh vào phải các trang lừa đảo chiếm dụng tài khoản PayPal.

- Sau khi đăng nhập, tại trang tiếp theo bạn sẽ thấy rõ giá cả (Price), số lượng (Quantity) và tổng cộng thành tiên (Total) mặt hàng bạn sắp mua, bạn hãy xem thật kĩ rồi khi đã quyết định mua rồi thì bấm Continue để chấp nhận thanh toán.

- Sau khi mua hàng, bạn sẽ nhận được một email từ PayPal tên là "Receipt for Your Payment..." với chi tiết về ngày giờ thanh toán, mặt hàng, giá tiền, Transaction ID, bạn phải giữ lại email này để có thể giành lại tiền nếu đã trả tiền nhưng chưa nhận được hàng. Thời hạn để bạn thực hiện tranh chấp là 45 ngày kể từ ngày giao dịch.

2/ Với dùng VISA Credit Card thì đơn giản hơn, bạn điền Card Number (16 chữ số trên thẻ), Name On Card (Tên ghi trên thẻ), Card Type (chọn VISA), Expiration Date (ngày hết hạn, dạng 08/2010 bạn xem trên thẻ có thể ghi là Exp Date, Good Thru, Valid Thru...). Một số nơi bắt bạn điền thêm 3 chữ số bảo mật (CCV, CSC) nằm sau thẻ. Tại Card Type bạn chon loại thẻ của mình là VISA, MasterCard hoặc American Express... Sau khi có đủ các thông số này là bạn đã có thể giao dịch.

Nguồn: vnpaypal.com

Hướng Dẫn Mua Tên Miền (Domain) Trên GoDaddy

noreply@blogger.com (Anonymous) — Thu, 20 Sep 2012 17:33:00 +0000

Trước tiên, bạn nên tham khảo trước bài viết hướng dẫn giao dịch trực tuyến với thẻ visa/mastercard và tài khoản PayPal. Với bài viết này bạn có thể thực hiện giao dịch với hầu hết các trang web trực tuyến, không ngoài GoDaddy. Bài viết này sẽ hướng dẫn chi tiết hơn về cách điền các thông tin khi mua tên miền.

TRƯỚC TIÊN BẠN PHẢI ĐĂNG KÍ MỘT TÀI KHOẢN GODADDY ĐỂ QUẢN LÝ CÁC DOMAIN MUA ĐƯỢC SAU NÀY.

Để đăng ký,bạn hãy click vào banner Godaddy để vào trang chủ của nó,sau đó tìm phần Create Account ở ngay đầu trang.

Nó sẽ đưa bạn đến trang đăng ký:

First Name: Họ của bạn.
Middle Name: Đệm của bạn.
Last Name: Tên của bạn.
Login Name: Nick dùng để truy cập Godaddy.

Password: Mật khẩu bạn chọn.
Confirm Password: Nhập lại mật khẩu trên.
Password Hint: Password gợi nhớ - là từ khóa bạn chọn để có thể gợi nhớ lại mật khẩu chính.Password Hint phải khác với Password chính (nếu bạn không muốn bị lộ pass).
Call-in PIN: đánh vào 4 số bạn chọn. Đây là số PIN dùng khi cần liên hệ với Godaddy,bạn nên chọn số dễ nhớ với bạn và người khác ko mò ra được.

Organization: Cơ quan (nếu chưa đi làm thì để trống).
Address 1 & 2: Địa chỉ nhà bạn.Bắt buộc ghi địa chỉ ở address 1,nếu dài quá thì chia ra ghi tiếp ở dòng 2.
City: Thành phố bạn đang sống.
State/Province: Thành phố hoặc tỉnh. Hãy chon Country trước khi điền mục này.
Zip/ Postal Code: Mã bưu chính.Để hiểu thêm về Mã bưu chính,các bạn vào đây xem.
Country: Đất nước bạn đang sống.Bạn biết chọn gì rồi chứ?

Work Phone: Điện thoại bạn hay dùng (thường mình ghi số di động của mình vào đây).
Work Ext: bỏ trống.
Home Phone: điện thoại nhà (không bắt buộc).
Mobile Phone: điện thoại di động (không bắt buộc).
Mobile Carier: Mạng điện thoại (không có cái nào trong list thì để "Other").
Fax: (không bắt buộc).

Cách ghi số điện thoại: 0084 + mã vùng + số đt .VD: số đt của mình là 0912 345 678chẳng hạn,mình sẽ ghi là 0084912345678 hoặc +84912345678. Để biết mã vùng của bạn và cách ghi đúng,hãy vào đây để xem chi tiết.

Account type: Chọn Personal nếu bạn là cá nhân, chọn business nếu bạn lập acc này cho doanh nghiệp,còn nếu bạn là cá nhân tự mở doanh nghiệp riêng thì chọn Both ^o^.
Gender: Chọn Male nếu là nam,Female nếu là nữ.
Birthday: chọn ngày và tháng sinh của bạn (cái này sao lại không có năm sinh nhỉ o_O).
Email: email bạn đang dùng.
Confirm Email: nhập lại email trên.

Tiếp tục kéo xuống dưới,đây là phần mình tùy chọn cách contact với Godaddy (thường là để nhận thông tin khuyến mãi).Bạn tùy chọn phần bạn cho là thích hợp hoặc cứ để mặc định.Mình sẽ dịch ra tiếng Việt để các bạn dễ hiểu.

Would you like to receive email from us on... - Bạn có muốn nhận email từ chúng tôi về...

Domain and other product related updates (sent once a month)? - Những cập nhật về Tên miền và sản phẩm liên quan (gửi mỗi tháng một lần)?
Non-promotional notices that deal with changes to your domain(s), account or other services? - Những ghi chú không thuộc quảng cáo nói về những thay đổi về tên miền, tài khoản hoặc các dịch vụ khác của bạn?
Notices about Go Daddy Entertainment News? - Những thông báo về thông tin giải trí của Go Daddy?
Notices for the latest blog posts from Go Daddy CEO & Founder Bob Parsons? - Những thông báo về bài viết mới nhất trong blog từ Go Daddy CEO & Founder Bob Parsons?
Offers from us related to your purchase? - Những đề nghị từ chúng tôi liên quan đến giao dịch mua hàng của bạn? (thỉnh thoảng nó gửi code giảm giá cho mình nếu mình chọn domain vào giỏ hàng rồi mà chưa thanh toán)
Offers to help you run, manage and maintain your Business? - Những đề nghị giúp bạn vận hành,quản lý và duy trì công việc của bạn? (đương nhiên là công việc trên web của bạn rồi,bạn mua domain làm gì nếu ko phải cho web ^^)

Tell us how you heard about us: chọn Referred by someone/Friend.

May we also... - Liệu chúng tôi có thể...

contact you via text messaging of renewal notices, product information or special offers on your mobile device? (Standard Charges Apply) - liên hệ với bạn qua text messaging về thông báo thay đổi,thông tin sản phẩm hoặc những offer đặc biệt trên điện thoại của bạn (tính thêm tiền,tốt nhất hãy chọn "no")
contact you via U.S. Mail with your service renewal notice and other special offers?- liên hệ với bạn qua U.S.Mail với thông tin thay đổi dịch vụ của bạn và những offer đặc biệt khác?
include your registrant information in third party Bulk Whois requests? - đưa thông tin đăng ký của bạn vào dịch vụ truy vấn của tổ chức thứ ba Bulk Whois?

Xong xuôi thì ấn CREATE A NEW ACCOUNT

Vậy là xong rồi đấy,bạn sẽ nhận được một lá thư chào mừng của Go Daddy trong email.Giờ muốn đăng nhập bạn chỉ cần điền username và password vào phần trên cùng của web Godaddy (ngay phía trên nút create account ấy), rồi ấn Go ^^

SAU KHI ĐĂNG KÍ XONG BẠN TIẾN HÀNH GIAO DỊCH:

Đầu tiên,các bạn click vào banner xanh xanh phía trên để vào web GoDaddy(hoặc bạn có thể gõ godaddy.com để vào).Bạn hãy đăng nhập bằng khung này:

Nó ở ngay trên đầu website thôi:

Sau đó bạn ấn vào nút Products (vị trí như ở hình trên) và bắt đầu điền tên domain mình muốn tìm vào (cái bảng ngay cạnh hình cô gái :D):

Ví dụ mình muốn tìm tên miền tientieuvat2.com thì mình điền thế này,xong ấn GO để chuyển sang bước kế tiếp.Ở đây nó sẽ liệt kê cho bạn những tên miền bạn có thể mua :

Bạn có thể chọn thêm,hoặc ấn nút màu cam ở dưới để tiếp tục (Continue to Registration).Một bảng sẽ hiện lên mời chào bạn mua thêm tên miền đó với đuôi khác,với giá khá là hấp dẫn.Nếu bạn có một thương hiệu riêng thì cũng nên bảo vệ tên miền của mình bằng cách này:

Ấn add phần bạn muốn chọn,hoặc No Thanks để chuyển qua phần kế tiếp.Nếu bạn đã đăng nhập rồi thì phần 1 nó sẽ tự động điền cho bạn (theo thông tin bạn cung cấp lúc đăng ký).Bạn chỉ việc tiếp tục phần 2.

Registration Length: Thời hạn sử dụng tên miền (tính theo năm)
Registration Contact: Thông tin cá nhân của bạn (đã khai báo khi đăng ký)
Certified Domain: Tên miền được chứng nhận - tức là nếu bạn bỏ ra $2.99/năm thì tên miền này sẽ được công nhận là của riêng bạn (chắc có giá trị khi kiện cáo hoặc bị hack thôi +_+)

Chọn xong thì ấn Next
Tiếp theo là các gói bảo mật tên miền và thông tin cá nhân:

Nếu ko có nhiều tiền thì chỉ cần ấn Next.
Phần thứ 4 là về các dịch vụ kèm theo.Và đặc biệt nếu bạn chọn mua thêm bất kỳ gói dịch vụ nào trong phần này,giá domain của bạn sẽ giảm còn $1.99 (năm đầu tiên thôi)

Tiếp tục ấn next để xem sản phẩm trong giỏ hàng:

Tại đây, nếu bạn có mua tên miền trong các đợt khuyến mãi của Godaddy (như đợt khuyến mãi tên miền 1 USD chẳng hạn), bạn bấm vào link Enter Promo or Source Code rồi điền promote code vào, sau đó bấm Apply để áp dụng chương trình giảm giá.

Bạn có thể tick vào phần Private để mua thêm gói bảo mật thông tin cá nhân với giá khuyến mãi $6.99/năm (đợi 1 lát sau khi tick để nó load).Nếu để public,thông tin cá nhân như tên tuổi,số nhà,số đt có thể sẽ rơi vào tay những người bạn ko mong muốn.Kiểm tra kỹ lần cuối rồi ấn nút Continue to Checkout) để tiến hành thanh toán.

Chọn Credit card nếu muốn thanh toán bằng thẻ Visa/Master card của ngân hàng, hoặc chọn Paypal nếu đã có Paypal được verify.

Khi chọn Paypal,nó sẽ dẫn bạn đến trang này:

Bạn đăng nhập vào tài khoản Paypal ở khung nhỏ bên cạnh ấy.Còn phần bên trái chỉ để cho ai chưa có Paypal đăng kí tài khoản ở Paypal (mà đăng ký mới thì sao có tiền để trả Godaddy =.=).

Ấn Agree and Continue.Thế là bạn đã kết nối được tài khoản Paypal vào Godaddy.Sau này mua hàng nó sẽ tự động dùng tài khoản này để thanh toán.Bạn cũng có thể dùng Paypal khác nếu muốn.

Ấn Continue to GoDaddy.com,Inc để về trang thanh toán vừa nãy của GoDaddy,xem kỹ lại mọi thứ,rồi ấn nútPLACE ORDER NOW ở bên phải màn hình.

Bạn có thể tìm tên miền trước tại đây rồi mới đăng nhập để tiến hành thanh toán.Đơn giản thôi,chỉ cần gõ tên miền bạn muốn vào ô dưới này,kết quả sẽ được hiện thị ngay lập tức:

Khi bạn đã quyết định chắc chắn,hãy làm như hướng dẫn ở trên.Chỉ khác là nếu bạn chưa đăng nhập,bạn sẽ phải đăng nhập hoặc điền thông tin tại mục số 1:

Vậy là bạn đã mua xong tên miền (domain) rồi.Lần sau mình sẽ hướng dẫn bạn cách chỉ domain về web/host của bạn nhé.

Theo Tiền Tiêu Vặt

Nguồn: vnpaypal.com

Cách ẩn chữ "Cung cấp bởi blogger"

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 19:38:00 +0000

Các bạn làm như sau:

1. Đăng nhập vào blog → thiết kế →chỉnh sửa HTML → Mở rộng mẫu tiện ích.

2. Ở đây bạn ấn cặp phím Ctrl + F → gõ dòng chữ Attribution

- Sẽ hiển thị tương tự như hình dưới:

3. Tiếp theo các bạn xóa dòng <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> rồi lưu mẫu.

- Sẽ hiện ra bảng như hình dưới:

- Các bạn chọn dòng “xóa tiện ích”

Ngoài ra những template khác không xoá được như cách trên và bạn có thể xoá theo cách dưới đây.

1. Đăng nhập vào blog → thiết kế →chỉnh sửa HTML → Mở rộng mẫu tiện ích.

2. Ở đây bạn ấn cặp phím Ctrl + F → gõ dòng chữ Attribution

Bạn nhìn kỹ sẽ thấy đoạn code như sau:

<b:section class='foot' id='footer-3' showaddelement='no'>
<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 != ""'>       <data:attribution/>      </b:if>    </div>
    <b:include name='quickedit'/> </b:includable></b:widget></b:section>

3. Tiếp theo bạn sửa chữ :

no thành yes

true thành false

Chúc các bạn thành công!!!

Blogger Store

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 19:04:00 +0000

Blogger Store created specially for bloggers who have a commercial blog, designed professionally using the latest version ShoppingCart (v2.2) of wojo team.
You can feel the real taste deal using Paypal or Google Checkout. settings are available for TaxRate, ShippingCost and more. With the automatic slideshow featuring recent post and also jQuery sliding menus and socialbookmark with fadein and fadeout effect.
Shopping cart ( SimpleCart.js v2.2 )
Automatic Slider
jQuery Sliding Menu
Social Share Widget
Not exactly what you want? Click here for a custom template.
Features Details Yes/No Qty Features Descriptions
Columns Yes 4 4 columns online store style template layout
Sidebars Yes 1 1 Left Sidebar
Slider Yes 1 Auto post slider widget with jQuery displaying recentpost
Menu Yes 1 jQuery Sliding Menu
Widget Ready Yes 1 Shopping cart widget
Footer Column No - -

Features Details	Yes/No	Qty	Features Descriptions
Columns	Yes	4	4 columns online store style template layout
Sidebars	Yes	1	1 Left Sidebar
Slider	Yes	1	Auto post slider widget with jQuery displaying recentpost
Menu	Yes	1	jQuery Sliding Menu
Widget Ready	Yes	1	Shopping cart widget
Footer Column	No	-	-

Main Features

Details Table

http://javatemplates.com/2011/blogger-store/

[TeB] Johny Ganteng Store

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 19:00:00 +0000

TEMPLATE FEATURES

Simply blogger online store template with no shopping cart feature in this template. Johny Ganteng Store was designed with magazine style blogger template with 4/5 column blogger template and one right sidebar, 4 column footer, automatic featured content slider, pagination for blogger ready, dropdown menu, tooltip image, clean design template, and more. This template designed for online store with daily updates but you can use it for any content gallery.

Template Name : Johny Ganteng Store
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Find this code in Edit HTML :
<script src='http://johny-template.googlecode.com/files/jquery.innerfade.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery.innerfade.js' type='text/javascript'/>
And find this too :
<script src='http://kauman.googlecode.com/files/cycle.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/cycle.js' type='text/javascript'/>
Another code to replace
<script src='http://johny-template.googlecode.com/files/relatedimage.js' type='text/javascript'/>
Replaces with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/relatedimage.js' type='text/javascript'/>
Then this code
<script src='http://johnytemplate.googlecode.com/files/comment.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/comment.js' type='text/javascript'/>
At last :
<script src='http://johnytemplate.googlecode.com/files/page-navigation.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>

Nguồn: xem tại đây

[TeB] Lugas

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 18:52:00 +0000

DOWNLOAD || DEMO

LUGAS BLOGGER TEMPLATE

Lugas Blogger Template is a blogger template with elegant design, very beautiful when combined with elements of photography. This template has a white color in the background, consisting of many columns on the main page and two columns on the post page. Another interesting part is the slider if the picture is highlighted then you will see content of post. Some other features: social bookmarking icons, search box ready, 3 footer columns, superfish dropdown menu and more. This design is perfect for a blog about the photo or gallery.

Author : Iksandi Lojaya

[TeB] Madkassar

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 18:44:00 +0000

Download

Live Demo

Template Details :

Free Madkassar blogger template is a blogger template with minimalist design for gallery or showcase blogs. It's a column blogger template, 4 column footer, minimalist and clean design template, thumbnail animation, and more. This template desgned for gallery, photography, or showcase you portfolio work blogs

Similar Templates : Galleria Blogger Template & jPost Blogger Template

Template Author : Pixel Oplosan - http://www.pixeloplosan.com/

[TeB] Johny Magstore

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 18:28:00 +0000

TEMPLATE FEATURES

Another template blogger for your online store from Creating Website. Names Johny Magstore,magazine template that was made especially for online store. Design with magazine style blogger template with 3/5 column blogger template and 2 column siderbar in left and right, 4 column footer, shopping cart for e-commerce blogger platform, automatic featured content slider, ads 468 x 60 px ready, pagination for blogger ready, dropdown menu, zooming image, clean design template, and more. This template designed for online store only with daily updates. For more detail visit this link to see how to manage this template

Template Name : Johny Magstore
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Demo | Download

Cách sử dụng template ví dụ như template johny magstore:

1- post sản phẩm theo mẫu html sau làm như sau để lần sau khỏi quên

copy code sau

<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">

Descriptions... </div>

vào setting -> posts and comments >> post template -> paste vào

2- thanh toán paypal - template cũng dùng simplecart

chỉnh trong html thay đổi

<script type='text/javascript'>

simpleCart.email = "dia-chi-email-paypal@gmail.com";

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 slide ở widget ->tìm feature content slider ->

edit-> sửa thay bằng categories bạn muốn show trên slider

để qủan lý cho script của mình down script về chỉnh sửa đơn vị tiền tệ - :
http://kauman.googlecode.com/files/WojosimpleCart-USD.js
vì paypal dùng USD nên không thay đổi gì nhiều - để thay đổi đơn vị thanh toán tìm :
simpleCart.currency = USD;
thay bằng ký hiệu thanh toán khác.....

Bonus khi sử dụng template thay url khi click vào nút order now

với template Johny Ganteng Store, vào chỉnh sửa Edit HTML tick vào Expand Widget Templates :
<input class='order' onclick='window.location='http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html'' type='button' value='Order'/> thay thế url bằng url trang của bạn
với template Joss Mobile Phone, vào Edit HTML tick Expand Widget Templates :
<a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>tương tự như trên ta có thể thay bằng tiếng việt

<a class='item_add' href='http://shop/p/lien-he.html'>Đặt Hàng</a>
<a class='view_detail' expr:href='data:post.url'>Chi Tiết</a>

** để sử dụng tốt nhất nên down mọi file .js về và up lên host google để dùng riêng tránh tác giả ngứa tay del đi là hỏng hết

[TeB] Johny blackstore

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 18:24:00 +0000

Template ini adalah permintaan teman blogger via email, Abu Dzaky atau siapa ya? lupa saya namanya. Intinya dia meminta untuk dibuatkan sebuah template untuk jualan online. Sebenarnya saya tidak begitu bisa untuk membuat template toko online, disamping kesibukan saya di dunia nyata yang belakangan ini banyak menyita waktu juga karena keterbatasan kemampuan saya dalam membuat shopping cart untuk memudahkan transaksi online via Paypal. Template ini namanya Johny Blackstore, nggak cocok ya...? hehehehe. Bodo amat... yang penting ada store nya

Shopping cart yang saya gunakan disini adalah simplecart made in wojodesign.com. Sudah saya masukkan currency IDR atau rupiah pada script tersebut tapi tetap saja tidak bisa digunakan untuk transaksi langsung via paypal, karena Paypal belum menerima rupiah sebagai alat pembayaran. Jadi jika Anda ingin memakai template ini untuk jualan online, barangnya dinilai pakai dollar aja ya...??. Sekarang saya akan menjelaskan instalasi template dan beberapa fitur yang terdapat pada template ini :

Posting Artikel

Dalam membuat artikel baru, perhatikan struktur kode di bawah ini :

<div class="product_image">

<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>

<span class="item_price">$00.00</span></div>

<div class="product_describe">
Description your product.............
</div>

Keterangan :
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas. Usahakan gambar yang Anda upload ukuran panjang dan lebar sama, misalnya 300 x 300 px
Warna kuning : harga produk
Warna biru : deskripsi dari produk

Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru, dan untuk memudahkan agar Anda tidak berulang kali copy paste kode tersebut sewaktu membuat artikel terbaru, masukkan kode tersebut pada kolom post template. Masuk ke setting, pilih posts and comments >>post template. Klik add, setelah itu masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhir save setting.

Shopping Cart

Fitur Shopping Cart disini digunakan untuk memudahkan pengelola toko online dalam transaksi via Paypal. Tapi karena Paypal belum menerima pembayaran Rupiah, jadi setting untuk currency masih dalam dollar. Untuk mengganti akun Paypal yang terdapat pada blog demo ini dengan akun Paypal Anda, cari kode dibawah ini :

<script type='text/javascript'>

simpleCart.email = "johnytemplate@gmail.com";

simpleCart.checkoutTo = PayPal;

simpleCart.currency = USD;

simpleCart.taxRate = 0.02;

simpleCart.shippingFlatRate = 3.25;

simpleCart.shippingQuantityRate = 1.00;

simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];

</script>

Ganti email warna merah diatas dengan email Anda (email yang sudah didaftarkan di Paypal)

Fitur Pendukung

Slider yang saya pasang disini bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8 postingan. Jika Anda ingin menampilkan per kategori atau label, cari kode ini pada Edit HTML (jangan lupa centang expand widget templates) :

<script>

document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

</script>

Ganti dengan kode berikut :

<script>
document.write(" <script src=\"/feeds/posts/default/-/your label?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

Ganti kode warna biru dengan label yang ingin Anda tampilkan pada slider.
Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini padaEdit HTML (jangan lupa untuk mencentang kotak expand widget templates) :

Keterangan :
Warna biru : ganti dengan alamat feed anda.
Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :

<a expr:href='"https://www.blogger.com/comment.g?blogID=2440873145683465163&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>

Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
Widget popular post thumbnail, setting seperti pada gambar dibawah ini :

Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. Untuk lebih jelasnya silahkan baca tutorialnya disini.

Fitur yang lain saya kira mudah, seperti memasang Yahoo Messenger dan lain-lain. Template ini juga dilengkapi dengan efek zooming pada gambar jika Anda mengarahkan cursor pada gambar, gambar itu akan otomatis membesar sesuai dengan letak cursor. Mungkin hanya itu yang perlu saya jelaskan mengenai template ini, seperti biasa jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.

Showcase
Jika Anda ingin melihat blog yang sudah memakai template ini. bisa dilihat disini :
Toko Madu Mulia Alam Nusantara
Johny Online Store

Sangat disarankan :

Baca tutorial pemasangan template ini sampai selesai.
I suggest to upload gambar produk dengan ukuran panjang dan lebar sama, misalnya 300 x 300 px.
Agar hasil akhir dalam penggunaan template ini maksimal dan tata letak post teratur, judul post jangan terlalu panjang, karena akan menggeser gambar ke bawah.
Untuk mempercepat loading, simpan javascript yang ada pada template ini di tempat penyimpanan Google Code Anda. Bagi yang belum bisa cara menyimpan di Google Code bisadibaca disini tutorialnya.

Update
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada shopping cart :

Cari URL script ini di Edit HTML :
http://jagad.googlecode.com/files/WojosimpleCart-IDR.js
Setelah ketemu ganti dengan URL script berikut :
https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js
Langkah selanjutnya, masih pada Edit HTML ganti USD pada kode ini :
simpleCart.currency = USD;

menjadi

simpleCart.currency = IDR;

Terakhir save templates, dan currency anda akan berubah menjadi rupiah. Tapi perlu diingat disini, itu hanya sekedar penggantian currency saja, tidak bisa untuk melakukan checkout atau pembayaran langsung lewat Paypal. Karena Paypal belum menerima Rupiah sebagai alat pembayaran.

Updates :

Dari beberapa komentar yang masuk, ada yang menginginkan untuk menampilkan nama barang yang ada di shopping cart, untuk itu silahkan di download ulang template ini sudah saya updates dengan menampilkan nama barang (lihat demo)

Template toko online terbaru Johny Magstore
Dua template Toko Online tanpa shopping cart

Demo | Download

Update Templates

My Google Code was banned again, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below
Nguồn: here

[TeB] Johny Joss Mobile Phone

noreply@blogger.com (Anonymous) — Wed, 19 Sep 2012 18:07:00 +0000

Demo | Download