Thứ Hai, 30 tháng 4, 2012

TỔNG KẾT VÀ THANH TOÁN VÀ CÁC VẤN ĐỀ LIÊN QUAN KHÁC

A- ĐỐI VỚI CÁC BẠN LÀM VIỆC ONLINE-CAPTCHA

- thanh toán theo các quy định của từng dự án.


- thanh toán qua vietcombank và bảo kim.

- thanh toán bằng thẻ cào điện thoại

B -FAQ?

1- công việc này có được trả tiền không:
- là có: các bạn làm theo quy định trên mỗi dự án và nhận tiền lương theo quy định
- là công việc online nên sự tin tưởng và làm việc nghiêm túc sẽ tốt nhất và thuận lợi cho 2 bên.
2: trả chậm:
- do dự án trả chậm.
- do các bạn không gửi bảng thống kê ( mega)
3: thiếu lương:
- nếu bên mình thì các bạn cứ gửi qua yahoo là mình sẽ check trong 12h

1:DỰ ÁN PIX- Tổng quan về dự án: các bạn xem TẠI ĐÂY

- Hướng dẫn làm việc: các bạn xem TẠI ĐÂY

- Tổng kết và thanh toán: xem chi tiết TẠI ĐÂY
2: DỰ ÁN MEGA

- Tổng quan về dự án: các bạn xem TẠI ĐÂY

- Hướng dẫn làm việc:  các bạn xem TẠI ĐÂY

- Tổng kết và thanh toán xem chi tiết TẠI ĐÂY
3: DỰ ÁN KOLO

- Tổng quan về dự án: các bạn xem TẠI ĐÂY

- Hướng dẫn làm việc: các bạn xem TẠI ĐÂY

- Tổng kết và thanh toán: xem chi tiết TẠI ĐÂY
4: DỰ ÁN CAPTCHATYPER

- Tổng quan về dự án: các bạn xem thêm TẠI ĐÂY

- Hướng dẫn làm việc: các bạn xem thêm TẠI ĐÂY

- Tổng kết và thanh toán: xem chi tiết TẠI ĐÂY
5:DỰ ÁN QLINK

- Tổng quan về dự án: các bạn xem TẠI ĐÂY

- Hướng dẫn làm việc: các bạn xem TẠI ĐÂY

- Tổng kết và thanh toán: xem chi tiết TẠI ĐÂY
6: PHẦN MỀM LÀM CAPCHA
 các bạn vào đây để TẢI VỀ VÀ LÀM VIỆC


* CÁC TÀI KHOẢN AMIN


các bạn không muốn làm việc cho mình mà tự làm chủ và làm trực tiếp cho người nước ngoài xin vui lòng liên  hệ với mình để trao đổi nhé, mình có thể tạo được các amin sau:

1: AMIN QLINK

2: AMIN CAPTCHATYERS

3: AMIN PIX


* AFQ
các thắc mắc bạn có thể tìm thấy câu trả lời TẠI ĐÂY dù không làm bạn hài lòng nhưng sẽ cho bạn câu trả lời về kiếm tiền online có thực hay chỉ tồn tại trên thế giới ảo

nếu các bạn có khó khăn gì thì hãy trực tiếp nói với tôi trên yahoo nhé, tôi có thể giúp các bạn về phần mềm làm việc khi mới bắt đầu và những kinh nghiệm kiếm tiền online.


Thứ Bảy, 28 tháng 4, 2012

Johny Storage, Template Magazine untuk Blog Berita

Karena ini malem Minggu saya singkat saja artikel kali ini. Template ini sekilas tampak seperti Mas Paper versi 1, hanya pada template kali ini warna didominasi putih dan hitam. Template ini sangat cocok untuk blog berita, ya memang saya untuk saat ini akan fokus dulu dalam membuat template blogger untuk blog berita, karena untuk template yang lain saya belum mahir apalagi yang bentuknya blogazine (pernah seorang teman blogger meminta saya membuat template blogazine via email), disamping keterbatasan kemampuan saya dalam pemahaman jQuery, dalam membuat template seperti blogazine dibutuhkan kemampuan dalam mengolah gambar dengan menggunakan software tertentu, sehingga bisa lebih cantik dan menarik.

johny storage

Seperti pada template Mas Paper 2 dan Johny Simplemag, template kali ini juga semuanya serba otomatis. Anda tinggal memasukkan label dan kode script ke dalam kotak HTML/Javascript maka fitur-fitur yang ada pada template ini akan muncul secara otomatis. Langsung saja saya akan jelaskan satu persatu untuk penggunaan template ini :
  1. Saya mulai dari atas, News Ticker atau headline news yang ada diatas header. Untuk mengganti dengan headline dari blog Anda masuk ke Edit HTML (gunakan control + F untuk mempersingkat), cari URL http://johny-storage.blogspot.com. Setelah ketemu ganti dengan URL blog Anda. Demikian juga dengan kotak pencarian atau search box cari URL http://johny-storage.blogspot.com ganti dengan URL blog Anda.
  2. Yang kedua adalah kotak email berlangganan, letaknya persis diatas image slider. Untuk mengganti email berlangganan, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
Pemasangan Widget

Sebelum masuk ke pemasangan widget, coba Anda perhatikan struktur layout yang terdapat pada template Johny Storage di bawah ini :

layout johny storage
  1. Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript. Masukkan kode berikut ini ke dalamnya :
    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan slider, efek mouseover dan lain-lain, tidak harus dimasukkan. Untuk lebih jelasnya Anda bisa membaca pada tutorial membuat slider tersebut disini.
  2. Sekarang untuk label 1 sampai dengan label 6 seperti pada layout diatas, caranya sangat gampang. Anda tinggal ketik/masukkan label yang diinginkan ke dalam kotak tersebut. Perhatikan gambar dibawah ini :

    Keterangan :
    Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.
  3. Sekarang kita menuju pada tabber sidebar yang terletak di sebelah kanan. Terdapat tiga tabber disitu, yaitu recent post, popular post dan comment. Untuk kolom recent post letakkan kode berikut ke dalamnya :
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
    </script>
    </ul>
    Untuk popular post anda tinggal masuk ke layout kemudian pilih widget popular post, silahkan pilih disitu berapa post yang ingin ditampilkan. Dan untuk comment atau recent comment silahkan Anda baca tutorialnya disini. Ketiga tabber sidebar ini boleh Anda rubah sesuai keinginan, letaknya di sidebar kanan baris kedua.
  4. Slider Carousel yang terdapat di atas footer bekerja secara otomatis menampilkan artikel terbaru Anda disitu. Jadi disini Anda tidak perlu merubah atau menambahkan kode script lagi, tapi jika Anda ingin menampilkan per kategori di dalam slider tersebut silahkan baca pada tutorial membuat slider Carousel tersebut disini.
Apa lagi ya, sepertinya hanya itu yang perlu saya jelaskan untuk penggunaan dan pemasangan widget yang terdapat pada template Johny Storage ini. Karena waktu sudah menunjukkan pukul 8 malam lebih, sudah waktunya untuk berkeliaran cari mangsa... hehehehe. Bagi yang masih bingung dan butuh penjelasan silahkan tinggalkan komentar di bawah, selamat mencoba dan happy weekend

Tiga pilihan warna lain untuk template ini :

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

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Thứ Sáu, 27 tháng 4, 2012

Thần chú tình yêu

Bạn thân mến, khi bạn yêu một người và tin chắc người đó thuộc về mình nhưng cả hai đều không dám thổ lộ, khoảng cách ấy cứ xa mãi... Khoảng cách giữa hai người đôi khi rất xa nhưng đôi khi lại gần như một câu nói được thổ lộ đúng lúc. "Chỉ cần anh nhớ em, em sẽ đến bên anh", bạn tin câu thần chú tình yêu đó chứ? Mời bạn cùng lắng nghe Blog Radio câu chuyện tình yêu tuần này của thính giả Alex Nguyễn! 


Đêm...
Cô đơn...
Mưa! 
Cả không gian và thời gian đều gợi buồn. Nhưng, có phải nỗi buồn đang thực sự ngự trị trong tâm hồn tôi? Cũng chẳng biết nữa, tôi chỉ cảm thấy con tim mình dường như đang trống rỗng. Thả mình phiêu du cùng những phím đàn gợi cảm của Yiruma, tôi càng nhìn rõ hơn khoảng trống mênh mông đó, bởi từng nốt nhạc mà Yiruma gửi gắm đều buồn, cô đơn mà không hề ai oán, sầu não. Không biết người khác cảm nhận thế nào, nhưng với tôi, nó luôn trào dâng lên một niềm hy vọng, một tình cảm chân thành, mãnh liệt ẩn sâu dưới lớp vỏ lạnh lùng, kiêu sa mà đằm thắm.
Em, luôn là nguồn cảm hứng bất tận, khơi dậy dòng cảm xúc, xua tan đi những toan tính đời thường và mệt mỏi trong tôi. Và cũng chính em là người đưa tôi đến với thế giới bí ẩn của nhạc không lời. Em yêu Yiruma. Yêu Kiss The Rain1 lãng mạn. Yêu May Be1 đằm thắm. Yêu River Flows In U1 nồng nàn. Và yêu…tôi. Em dịu dàng, nhưng đầy cá tính, khiêm nhường nhưng cũng chất chứa vô vàn những tham vọng, khát khao. Em không đẹp như tranh vẽ, nhưng đủ gây ấn tượng khó phai trong lòng người, bởi nụ cười thanh tao pha lẫn chất “tiểu thư” đài các. Em…lạnh lùng, rất lạnh lùng, tôi thường thắc mắc không biết trong tình yêu, em có phải là người con gái nồng nhiệt, biết quan tâm người khác hay không. Lúc đó em lại mỉm cười: Anh có hiểu những lúc biển trầm lắng/Ở trong lòng ngầm sóng vẫn sục sôi.2
Blog Radio 231 thần chú tình yêuEm nói yêu tôi, và tôi...cũng cảm nhận được tình yêu chân thành, nồng cháy trong sâu thẳm trái tim người con gái bé nhỏ ấy. Nhưng, em mãi là hồng nhan tri kỷ. Tôi thấy thiếu vắng một chút gì đó để trọn vẹn hai chữ “tình nhân”. Tôi đã từ chối một người con gái hoàn hảo, từ chối một tình yêu thanh khiết vô cùng. Có thể cảm giác yêu của tôi đang say giấc nồng, chưa muốn tỉnh thức, có thể tôi đối với em chỉ như anh trai và em gái, cũng có thể em là loài hoa trắng tinh khôi mà ông Trời ban cho trần thế, chỉ được phép ngắm nhìn, ngưỡng mộ, ko được phép chiếm hữu cho riêng mình. Mike - thằng bạn thân của tôi - nói rằng tôi là một thằng đàn ông lãng tử, luôn luôn muốn phiêu lưu, chinh phục cái vô hạn của cuộc sống, chưa muốn dừng lại tại một bến bờ bình yên nào đó. Nó còn nói
Read more »

Thứ Năm, 26 tháng 4, 2012

10 TRANG SURF TỐT NHẤT HIỆN NAY


 HẠNG
 TÊN WEB
 GIỚI THIỆU
 1
 Trang web autosurf Việt Nam tốt nhất 5k hits/ngày
 2
 Phần mềm Autosuft Hỗ trợ tốt nhất 7k hits/ngày
 3
 Trang web autosurf có nhiều thành viên nhất 7k hits/ ngày
 4
 Tặng ngay 10k hits ngay sau khi đăng ký 10k hits/ngày
 5
 Tự tùy chọn thời gian xem trang, autosurf 6k hits/ngày
 6
 Cho phép đăng ký surf cả banner và textlink 6k hits/ngày
 7
 Hỗ trợ thanh toán nhanh nhất,  4k hits/ngày
 8
 Tặng ngay 3000 Hits sau khi đăng ký, 5k hits/ngày
 9
 Tốc độ duyệt trang nhanh, mượt, 4,5k hits/ngày
 10
 Tặng 1000 hits sau khi đăng ký, 4,5k hits/ngày



Thứ Tư, 25 tháng 4, 2012

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 tentang membuat 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.

image slider otomatis


Di blog demo ada slider image Carousel otomatis, jika Anda tertarik silahkan baca tutorialnya pada Membuat Slider Carousel Otomatis Berdasarkan Label.

Cara Pembuatan

Langsung saja pada langkah-langkah pembuatan Content Slider Image otomatis ini :
  1. Langkah pertama, Anda mesti login ke blogger dengan akun Anda
  2. Pilih blog yang ingin anda tambahkan slider image ini.
  3. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Langkah berikutnya, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #featuredContent{float:left;width:407px;margin-right:10px;display:inline}
    #featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
    #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Wa-0sTDVK1T_Dp2efsqITjhnQFZeV2OH32823OwtEFfTzXaZGS8tOGMnJ4V8SSwAQ97NOVwkVti7_dUAGCZypb41m9y68H6_HbTnVqSfdlEz2BtaQ1ceWMZVJDRlvPSmfprr8QLtJIrZ/s1600/transparant.png)}
    #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
    #featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
    #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
    #paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
    #paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
    #paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
    #paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
    #paginate-featured-slider a img{border-top:4px solid #f0f0f0}
    #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}
    Tulisan warna biru diatas adalah panjang dan lebar slider pada demo, silahkan sesuaikan ukurannya.
  6. Masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/222517121138/contentslider.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6wG1xPQyXQ74IvGt0NIFy7WmjQP6di8_6iZxDqBTmD-0DFTPsVjdVxSE7MDJtPLb-b916EkfuVfgahyZRNsvTqTDBt6JKOBj-XNLxpIw5sXC-qxPg03C-cXeh4CKSGkLjPZIZoqnajA/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 100;
    summaryTitle = 25;

    numposts3 = 5;

    function removeHtmlTag(strx,chop){
    var s = strx.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,chop-1);
    return s;
    }
    function showrecentposts3(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts3; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; 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;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

        var daystr = day+ ' ' + m + ' ' + y ;

        var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
        document.write(trtd);


        j++;
    }

    }

    function showrecentposts4(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts3; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; 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;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

        var daystr = day+ ' ' + m + ' ' + y ;

        var trtd = '<li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li>';
        document.write(trtd);

        j++;
    }

    }

    //]]>
    </script>
    Keterangan :
    Kode script warna merah (paling atas) adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Warna biru : Jumlah post yang ditampilkan dalam slider
    Warna hijau : Panjang dan lebar image besar
    Warna merah tua : Panjang dan lebar image kecil
  7. Setelah langkah diatas, save templates terlebih dahulu. Setelah itu menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :

    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan, slider efek mouseover dan lain-lain, tidak harus dimasukkan.
    Jika Anda ingin menggantinya dengan recent post atau artikel terbaru ganti kode (ada dua ganti semua) :
    script src=\"/feeds/posts/default/-/sport?max-results
    dengan kode berikut :
    script src=\"/feeds/posts/default?max-results
  8. Jika anda ingin meletakkannya langsung pada template, anda bisa letakkan kode nomer 7 dibawah kode <div id='main-wrapper'>, bagi yang ingin meletakkannya pada kotak HMTL/Javascript bisa dibuat dulu satu kolom kosong diatas blog post. Cara membuatnya, letakkan kode berikut diatas ]]></b:skin>
    /* Slide Content
    ----------------------------------------------- */
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
    word-wrap: break-word; overflow: hidden;}
    .slide {color: #666666;line-height: 1.3em;}
    .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    .slide li {margin:0;padding-top:0;
    padding-right:0;padding-bottom:.25em;
    padding-left:0px;text-indent:0px;line-height:1.3em;}
    .slide .widget {margin:0px 0px 6px 0px;}
  9. Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='slide-wrapper'>
    <b:section class='slide' id='slide' preferred='yes'/>
    </div>
    </b:if>
    slider otomatis
Jika diperhatikan kode script yang ada diatas memang terlalu banyak, dan tentunya akan semakin memperlambat loading sebuah blog. Untuk mengatasinya Anda bisa menyimpan kode-kode yang terlalu panjang tersebut di tempat penyimpanan Google Code. Nah, itu tadi salah satu fitur slider image yang saya ulas kali ini. Saya berharap dengan mengulas satu persatu fitur dalam sebuah template, nantinya teman-teman semua bisa membuat sebuah tampilan template sendiri dengan memodifikasi dari dasar tampilan yang sudah saya berikan diatas.Selamat mencoba dan semoga bermanfaat

Thứ Hai, 23 tháng 4, 2012

Xin cho tôi nắm lấy tay em đến cuối cuộc đời

Thơ Blogger
Lời tác giả: “Vô tình có 1 dạo mình rất thích nghe "Niệm khúc cuối" Tết này lại có dịp nghe lại 1 ca sĩ vô danh nhưng hát rất cảm xúc bài hát này... Vậy là mình viết vội vài dòng, như 1 kỷ niệm. Cám ơn ca khúc"Niệm Khúc Cuối” của Ngô Thụy Miên “
Dẫu biết cuộc đời là muôn vạn vật đổi sao dời
Và con người là một kiếp sinh linh bé nhỏ
Vẫn mong có thể sống trọn một mối tình
Nắm chặt tay Em đến cùng trời cuối đất
Dẫu Tôi biết những giấc mơ khó thành sự thật
Và cuộc đời là một kiếp cô liêu
Tôi vẫn muốn yêu Em thật nhiều
Cho đến khi linh hồn Tôi rã nát


Ảnh minh họa
Dẫu rằng Em xa Tôi ngút ngát
Và những đêm dài lạnh vắng đơn côi
Hãy cho Tôi biết Em có thật trên đời
Tôi sẽ đánh đổi tất cả cho khoảnh khắc đó
Dẫu có một ngày Em sẽ ra đi với gió
Và tình yêu này chẳng thể mãi mãi với nhau
Tôi biết rằng mình sẽ rất đau
Nhưng Tôi không thể ngăn con tim mình yêu để rồi khóc
Nếu thật sẽ có sự đền bù cho một thằng Tôi - ngốc
Xin cho Tôi nắm lấy tay Em đến cuối cuộc đời...

Trái tim em khô cứng vì tình yêu

Trước đây,
Nếu là trước đây, em đã chạy xe ngoài đường, rong ruổi trong cái lạnh giữa đông để những cơn gió đâm xuyên trái tim đang nóng hổi trong lồng ngực, cuốn trôi hết tình yêu ấy.

Nếu là trước đây, em đã đập phá những gì trong tay, hét lên thật lớn và khóc thật nhiều để nước mắt xóa sạch những ký ức về tình yêu ấy.

Nếu là trước đây, em đã gọi cho anh, đã làm những gì mà một đứa con gái mới lớn thường làm.

Nếu là trước đây, em đã làm mình tổn thương để có thể quên đi nỗi đau sâu thẳm trong em.

Nhưng đó là trước đây.



Bởi bây giờ,

Sáng em vẫn đi làm, vẫn cười tươi, vẫn nói chuyện bình thường.

Trưa, em vẫn đi chợ và nấu những món em thích.

Chiều, em ngồi vẩn vơ suy nghĩ về những kế hoạch, những công việc cần làm và sẽ làm.

Tối, em vẫn đi chơi với bạn, rong ruổi qua những con phố, đưa nhanh ánh mắt nhìn về một quán quen mơ hồ…

Đêm, em ngồi đối diện với nỗi đau của mình. Em nhìn thật sâu vào nó. Tổn thương đó, nó trần trụi và kinh khủng biết bao nhiêu. Nhìn nó phản chiếu trong gương, em mới biết nó bị mổ xẻ, chắp vá và toàn một màu đen. Nó xù xì, xấu xí như một con quái vật. Em muốn ném nó đi biết bao, muốn gạt bỏ nó đi biết bao. Nhưng, nó cứ mãi ôm ấp lấy con tim lạnh buốt của em.

Đêm, lạnh lắm rồi. Nhưng tình yêu ấy còn lạnh hơn, nó làm trái tim em khô cứng, không thể đập nổi nữa.

Đêm làm em nhớ đến anh. Càng nhớ, em càng đau vì một sự thật mà cả anh, em và ai đó đều biết. “Em chỉ là một cơn gió thoáng qua, một loài hoa dại, một đám cỏ khô bên đường anh bước qua, di đôi chân xuống đó và vòng tay ôm người phụ nữ xinh đẹp kia”.

Mai sau...

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.



Cara pemasangannyapun sangat mudah, jika anda sudah pernah mempraktekkan artikel saya terdahulu yang berjudul membuat slider otomatis berdasarkan kategori tertentu, tutorial kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama. Langsung saja di bawah ini langkah-langkah untuk membuatnya :
  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
    #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDJTBkaHALs9APyf2WeXg-VTVJuohpBxDkSa4W3WGP-PDAI65rBoBf8xXSLnagIHJUqJQrHmNBW953bP-AYMJ1mRtvdASc0bUA5ZkZy5LtxPtpyn7oeceCSCvc6wJ_JJSj_V4VA3mqm4/s1600/scroller-bg.png) repeat center}
    #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigeBlR1RJgySZ1PEQMxwPXrtKAgnOhhnK_1itOfdeoK402tYvLQvKVJr1QRqJnnz2cHTY3eXd728PS65ELqQsdDWDG2xuU2H8cJ57C0X0TOI4w5s3q2EIsi3csfMVyN_jV6730c29JkdA/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
    #carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJXuu13InXeZbs2I_BVCp-f0ugUnWBtuumEFeYDZyij7C7wcQs2OGPdWfbdv4TwN9vEigBGsMAliVgmRnHKrXPpEfCNkYlDggOGZqt0UTrUyYpYzUxgM4NNhMbeE6xjzb8oZ67quu3b4/s1600/prev.png) center}
    #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaSe7MLk3uydvfG_tGetJ-8d0Iihu44SF-t8CmVLiQhbBV_VlEM_tgrDIuIzpjjIlLSQWe_WUaDb1EWAY22OP27SDlXo2qi3yxZ6-ScaIxJGeo1Pmj1NkRUDpP_svay3i3Zi2TC7C6Y8/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
    #carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWHk0hnsJcfwsDOikn3UZ679fEWwsEl_iypEMQmS-35ICqjZAWRr1Z_uhaszMeCD4SIhVprEfm40ndhGPfARg2HzIuXbxPjcZfms_WmfAFKCXWGL2V6xKx3E4q1NZDcyh1BLGmGL2oenw/s1600/next.png) center}
    #carousel ul{width:100000px;position:relative;margin-top:10px}
    #carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqbcYjAUP1XFcH6ibsP1Equ_muguLFw2wvGdPLRdunP055JGGdmxL-EmVOnX1c-qwrtC_ReG9aC6ysOG3Zjl0xkBtoyFV_pSsc74gQSTpOKP-oPKaVnUwfNO3cyTVTS3GfWyYgs69z0I/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
    #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
    #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
    #carousel ul li a.slider_title:hover{color:#cd1713}
    #carousel a img{display:block;background:#fff;margin-top:0}
    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.
  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6wG1xPQyXQ74IvGt0NIFy7WmjQP6di8_6iZxDqBTmD-0DFTPsVjdVxSE7MDJtPLb-b916EkfuVfgahyZRNsvTqTDBt6JKOBj-XNLxpIw5sXC-qxPg03C-cXeh4CKSGkLjPZIZoqnajA/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 140;
    summaryTitle = 25;

    numposts1 = 15;
    label1 = "news";

    function removeHtmlTag(strx,chop){
    var s = strx.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,chop-1);
    return s;
    }
    function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    document.write('<ul>');
    for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; 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;
    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

    document.write(trtd);
    j++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
    Keterangan :
    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).
  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='carousel'>
    <div id='previous_button'/>
    <div class='container'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>   
    <div class='clear'/>
    </div>
    <div id='next_button'/>
    </div>
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $(&quot;#carousel .container&quot;).jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,   
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: &quot;#previous_button&quot;,
        btnNext: &quot;#next_button&quot;
        });
        })})(jQuery)   
    </script>
    </b:if>
    Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
  8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Tutorial Membuat Slider Carousel Otomatis Versi 2

Thứ Bảy, 21 tháng 4, 2012

Em yêu anh dù ngày mai có ra sao

Không bao giờ là quá muộn để bạn bắt đầu tin và giữ niềm tin vững vàng vào tình yêu cuộc sống. Điều kỳ diệu và sức mạnh phi thường của tình yêu vẫn luôn đến với ta một cách bất ngờ như vậy, ngay cả khi cuộc sống ban cho ta tình yêu đích thực vào đúng lúc ta biết rằng quỹ thời gian của ta không còn nhiều nữa... Mời bạn cùng hòa mình trong không gian của câu chuyện Blog Radio 230 cùng blog.kieuhanh.info
Lời tác giả: Tình yêu là muôn ngàn khúc ca của cuộc sống. Nỗi buồn hay niềm vui đều dệt lên miền kỷ niệm mà nơi đó trái tim của mỗi người luôn muốn hướng về dù sau này cuộc sống có ra sao… Tình yêu cũng giúp con người ta mạnh mẽ hơn trên chuyến  tàu số phận không báo trước của cuộc đời.
Read more »

Thứ Năm, 19 tháng 4, 2012

Inilah Dua Template Johny Asal Jadi

Judulnya keren ya, Dua Template Asal Jadi, ya inilah dua template yang saya buat sambil sedikit pusing karena banyaknya kerjaan. Yang pertama namanya Johny Backup, saya juga tidak tahu dapat nama ini darimana tapi yang jelas template ini terinspirasi dari tampilan template Joomla Sportapolis yang dibuat pada tahun 2009 oleh shape5.com. Template yang kedua Johny Bingung, bingung karena mau dikasih nama apa. Kedua template ini seperti biasa dilengkapi dengan slider otomatis, anda tidak perlu lagi memasukkan satu-persatu URL dan keterangan post ke dalamnya. Dan tentu saja saya bagikan secara cuma-cuma kepada teman-teman blogger semua, sekalian buat melengkapi koleksi template Anda. 

Johny Backup

johny backup


Template ini seperti dijelaskan diatas, tampilannya hampir sama dengan template Joomla Sportapolis, tapi lebih sederhana karena banyak fitur yang saya kurangi karena keterbatasan saya dalam mengolah sebuah template. Untuk pemasangan widgetnya pertama anda harus perhatikan struktur layoutnya seperti gambar berikut :


Perhatikan keempat angka diatas, berikut cara pengisiannya :
  1. Kolom widget nomer 1, adalah slider. Masukkan kode berikut ini ke dalamnya :
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti dengan label Anda.
  2. Kolom widget nomer 2, adalah label category otomatis di sebelah slider. Anda tinggal memasukkan/ketik label anda pada kotak tersebut, seperti gambar dibawah ini :

    Dari gambar diatas hot games adalah label yang saya masukkan ke dalam widget tersebut, silahkan Anda ganti dengan label Anda.
  3. Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
    <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johny-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna merah : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  4. Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
  5. Untuk mengganti iklan yang ada di bawah postingan, masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* jamumartin */
    google_ad_slot = &quot;9319314062&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    </b:if>
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 468 x 60 px.
Johny Bingung

johny bingung


Template ini saya desain khususnya untuk konten review film atau game, tapi Anda bisa juga memakainya untuk konten lain. Template sama namanya nggak nyambung blasss..... Namanya juga orang bingung jadi ya terserah mau dikasih nama apa... hehehehehe. Untuk pemasangan widget perhatikan layout template ini seperti gambar di bawah :

  1. Pada template ini hanya ada tiga widget yang perlu diperhatikan, widget nomer satu adalah slider atau di layout namanya Featured content slider. Cara pemasangannya anda tinggal memasukkan atau ketik label yang ingin ditampilkan, seperti pada nomer 2 diatas :

    Label yang saya masukkan disini adalah review, silahkan diganti dengan label anda sendiri.
  2. Untuk widget nomer 2 dan 3, cara pemasangannya sama dengan langkah nomer 3 pada template Johny Backup diatas. Demikian juga untuk mengganti email berlangganan, sama seperti langkah nomer 4 diatas.
  3. Karena 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='&quot;https://www.blogger.com/comment.g?blogID=4900105838884725772&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); 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 :


  4. Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    <div id='banner-ads'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* johny bingung 1 */
    google_ad_slot = &quot;3387370593&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.

Itu tadi dua template asal jadi yang saya bagikan kepada teman-teman blogger pada pagi hari ini, mohon maaf sebelumnya kalau tidak begitu menarik, Jika ada pertanyaan silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.

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

Johny Backup
  1. Find this code in Edit HTML :
    <script src='http://kauman.googlecode.com/files/related-image.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/related-post.js' type='text/javascript'/>
  2. This code for page navigation
    <script src='http://johnytemplate.googlecode.com/files/pagenav.js.js' type='text/javascript'/>
    Replaces with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/navigasi.js' type='text/javascript'/>
  3. This code for label :
    <script src='http://jamu-martin.googlecode.com/files/label.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/label.js' type='text/javascript'/>
  4. And find this too :
    <script src='http://kauman.googlecode.com/files/jquery-ui.min.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery-ui.min.js' type='text/javascript'/>
  5. The last one :
    <script src='http://kauman.googlecode.com/files/johnybackup.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/backup.js' type='text/javascript'/>
Johny Bingung
  1. Find this code in Edit HTML :
    <script src='http://kauman.googlecode.com/files/slider.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/slider.js' type='text/javascript'/>
  2. This code for related post
    <script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/relatedpost.js' type='text/javascript'/>
  3. This code for page navigation
    <script src='http://jamu-martin.googlecode.com/files/page%20navigation.js' type='text/javascript'/>
    Replaces with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
  4. This code for label :
    <script src='http://jamu-martin.googlecode.com/files/label.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/label.js' type='text/javascript'/>
  5. The last one :
    <script src='http://kauman.googlecode.com/files/johnybingung.js' type='text/javascript'/>
    Change with this code :
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/bingung.js' type='text/javascript'/>
Important :
I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Labels

Adult English affiliate Ảnh ẢNH FACEBOOK ẢNH HÀI ẢNH HOA ĐẸP ẢNH LÃNG MẠN ẢNH NGƯỜI MẪU ÁO DÀI Art + Design ẨM THỰC bag Bé tô màu BIKINI BLOGGER books Búp bê C CAPTCHA Cắm hoa Cắt may Chơi mà học CHUYỆN CỦA SAO Chuyện Lạ clip hot Coloring - Tô màu CUỘC SỐNG Doll domain DU LỊCH Đ Đan len Đất nặn cho bé Điện thoại - Tablet E Funny G GAME Gấp giấy Gấp hộp Gấp khăn - Trang trí món ăn Giầy - Dép Gifts Giới Tính GIỚI TRẺ NGÀY NAY Gói quà - gấp nơ Google GOOGLE ADSENSE FULL guest post H Hand made hat hiteach HOA HẬU HỌC TẬP home and garden hosting HOT GIRL INTERNET INTERNET PAYMENT Iseng joomla jQuery Kết hạt KHỎE & ĐẸP KIẾM TIỀN Kinh Nghiệm L LÀM ĐẸP Làm đồ chơi làm đồ chơi từ gỗ Làm hoa giấy Làm hoa vải Làm thiệp LƯU BÚT HỌC TRÒ M Magazine making flowers Mẫu móc MẸO HAY MMO MODEL N Nail art Nến trang trí Nghệ thuật NGƯỜI ĐẸP VÀ XE Nhà đẹp O Origrami Ôtô - xe máy P Painting - Vẽ Patchwork PHẦN MỀM Play and learn for baby plugin Q R recycling S Sách tiếng anh cho bé Sành điệu Sao SAO NGOẠI SAO ONLINE SAO VIỆT SEO SEO FULL slider STYLE T TÂM SỰ template Tết dây THẾ GIỚI NGƯỜI MẪU THẾ GIỚI THỨ 3 THỂ THAO Thêu THƠ TÌNH THỦ THUẬT THÚ VUI Thư giãn TIỂU THUYẾT TÌNH CẢM TIN HOT Tin Vip tips Tóc đẹp traffic TRANG ĐIỂM Trang trí Tri thức TRUYỆN NGẮN truyện quê Túi xinh tutorial blog VĂN PHÒNG vuivui808 weaving website WEDDING wordpress