Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Cara Membuat Form Komentar Facebook di Blogspot

12:08 PM Vanestorrz


Waduh lama gak posting ya? Maaf sobat semua, sebentar lagi saya menginjak SMA, berhubung di SMA ada lomba ngeblog ya saya harus lanjutin blog ini, lumayan Page Rank udah 3, Follower udah 62, ada yang baru dari blog ini ya? iya form komentar Facebook, lebih mudah untuk berkomentar! yaudah ini caranya cekidot!

Cara mudah membuat kotak komentar Facebook di Blogger, untuk menggunakan komentar dari Facebook agar terhubung dengan teman-teman kamu dan memberikan komentar bila ada posting di blog kamu punya agar kelihatan menarik. Cara ini adalah cara termudah yang saya coba dibanding cara yang lainnya.

Tips berikut ini mudah digunakan dan semua bisa melakukannya serta gampang. Dalam menggunakan kotak komentar Facebook yang akan diletakan di blog khususnya blog yang menggunakan blogger (blogspot), pertama-tama kunjungi alamat Facebook ini http://developers.facebook.com/plugins, ada beberapa plugin yang bisa kamu gunakan namun disini yang kita bahas adalah kotak komentarnya jadi pilih comment plugin. Klik plugin "Comment" nanti akan muncul permintaan untuk menggunakan plugin komentar Facebook.



membuat kotak komentar facebook klik tombok "get code" kemudian muncul code script, dan copy paste script tersebut di notepad buat sementara waktu.




plugin komentar facebook di blogger Kode tersebut tidak bisa langsung di pakai, karena kamu harus registrasi dulu agar bisa terhubung dengan Facebook. Pada kotak script tersebut ada link yang menuju registrasi untuk menggunakan aplikasi tersebut. Ini pesannya :


Untuk menggunakan plug-in ini, situs Anda harus memiliki ID aplikasi. Anda dapat memperoleh ID aplikasi dengan registering your site. Gantilah APP_ID di skrip di atas dengan ID aplikasi Anda. sekarang masuklah ke situs DEVELOPER FACEBOOK untuk mendapatkan APP_ID anda.




daftar aplikasi isi nama situs, url situs, lokasi dan klik tombol "buat aplikasi". Kalau benar pengisiannya nanti muncul kode keamanan. Ingat dalam pengisian url situs (blog) akhiri dengan tanda "/" contoh : http://namablogkamu.blogspot.com/

masukan kode keamanan dan kirim. Permintaan aplikasi selesai, kamu akan mendapatkan kode App_ID dan kode rahasia, simpan kode tersebut di notepad (kalau bisa satukan dengan kode yang di simpan sebelumnya), kode sebelumnya yang kamu simpan tadi masukan APP_ID yang telah kamu dapatkan.




Masukan APP_ID di script yang tadi anda copy di bagian

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments width="425"></fb:comments>


*Ganti teks berwarna merah dengan APP_ID yang telah anda dapatkan.

Untuk membuat komentar tersebut akan tampil di blogger :
1. login ke blogger klik layout (rancangan) dan pilih edit html;
2. jangan lupa klik Expand Template Widget;
3. cari kode <data:post.body/> dan tempatkan kode script komentar facebook diatas tadi tepat di bawah kode <data:post.body/> setelah itu; (jika ada 2 code <data:post.body/> letakan setelelah kode kedua)
4. simpan template, lihat hasilnya.

Sekian Posting saya! Trims Have a Nice Day!





Posted in
Posted by Vanestorrz

Menghilangkan Navbar Blog

8:31 PM Vanestorrz

Sorry kawan semua, lama tidak posting, tidak tau mengapa rasanya saya malas untuk posting [mungkin karena hari libur dan kerjaannya tidur] ok, langsung aja deh ke pokok bahasan, navbar Blog tuh apa sih? itu lho yang ada di atas blog [ingat, banyak template yang sudah menghilangkan navbar ini], jadi mungkin postingan hanya untuk kawan-kawan yang blognnya menggunakan template klasik yang masih memiliki navbar, dan sobat sekalian ingin menghilangkan navbar tersebut.




Langkah-Langkah:

  1. Sign in di blogger


  2. Klik menu Template


  3. Klik menu Edit HTML


  4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman


  5. Copy kode berikut lalu paste di atas kode </style>
    /* hilangkan navbar
    ----------------------------- */

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }




    Lalu Simpan dan Selesai, Jika masih ada gunakan script di bawah ini dan simpan di bawah kode

    <style type='text/css'>
    #navbar-iframe {display:none;}
    </style>



    Sekian saja postingan saya kali ini, Terima Kasih untuk pengunjung yang mau datang ke Blog Sederhana ini, di tunggu komentarnya....

Posted in
Posted by Vanestorrz

Memasang Widget "I LOVE INDONESIA"

4:20 PM Vanestorrz











Maaf kemarin gak sempet posting, soalnya gak ada waktu, sekarang saya sempetin posting buat nambah animasi " I LOVE INDONESIA" di PKA (Pojok Kanan Atas). Kayak punya blog ini, saya langsung aplikasikan biar pengunjung percaya bahwa Script yang saya kasih 100% Working. Ya udah, sekian aja basa-basinya.

Langkah:

1. Buka Blogger dan Sign In menggunakan account anda

2. Pilih tata letak

3. Add Widget

4. Text/HTML

5. Masukan Script di bawah ini

<script language="JavaScript" src="http://sites.google.com/site/itinformationclub/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://img38.imageshack.us/img38/8584/iluvindonesia.png")</script>


6. Klik Simpan


Pasti langsung berhasil dijamin 100%, kalau masih belum bisa, bisa kirim e-mail ke:

vanestor@gmx.com

sekian postingan saya hari ini, terima kasih.

Posted in
Posted by Vanestorrz

Membuat Blockquote Lebih Menarik

6:40 PM Vanestorrz

















Malem semuanya, sebelum menghapal buat praktek besok, saya sempetin dulu buat bikin postingan hari ini, sesuai dengan request Kang Ghani, saya langsung kasih tutorial nya. Tutorial apa lagi tuh?, ini nih, buat Blockquote lebih Keren, pertama-tama saya berterima kasih kepada Yudan Blog, terima kasih mau bagi-bagi ilmu mas, scriptnya bagus banget. Berhubung saya dapet script dari orang lain, jadi saya harus sopan dong, hhe. ya udah, saya langsung aplikasiin ya.

CONTOH 1:


#kutip1 {
width:85%;
margin-left:30px;
padding:5px 5px 5px 10px;
background:#eaf6ed url(http://i44.tinypic.com/2076aet.jpg) no-repeat right bottom;
border:#04fc38 solid 1px;
border-left:#04fc38 solid 10px;
}


CONTOH 2:

#kutip2 {
width:85%;
margin-left:30px;
padding:5px 5px 5px 10px;
background:#f9edf7 url(http://i41.tinypic.com/o6d5hs.jpg) no-repeat right bottom;
border:#d301b7 solid 1px;
border-left:#d301b7 solid 10px;
}


CONTOH 3:

width:85%;
margin-left:30px;
padding:5px 5px 5px 10px;
color:#04570a;
background:#f2fbf4 url(http://i41.tinypic.com/35a8ayb.jpg) no-repeat right bottom;
border:#017b19 solid 1px;
border-left:#f906fc solid 10px;
}



untuk menerapkannya caranya:

1. Login ke Blogger » Layout » Edit HTML » Centang “Expand Template Widget“

2. Cari kode ]]></b:skin> , kemudian pilih salah satu kode CSS yang ada diatas, dan letakan di atas ]]></b:skin> tadi.

3. Klik Simpan

ket: untuk memasangnnya gunakan scipt <div id=nama kutip>Kata-Kata Anda</div> saat posting. contoh: <div id=kutip3>Percobaan</div>

Disarankan pilih warna yang sesuai sama background and warna tulisan blog, biar matching.

Sekian aja postingan hari ini, ditunggu komentannya. Thx banget.....

Posted in
Posted by Vanestorrz

Membuat Artikel terkait v3.0

9:47 PM Vanestorrz
















aduh, tumben sehari Bisa Update 2 postingan?, jawabannya, saya ingin bagi-bagi ilmu sekarang, karena kemungkinan 2 minggu ke depan susah update dikarenakan akan ada Final Exam, doakan saya ya semoga naik kelas dengan hasil memuaskan, oia apa sih yang dibahas? Tutorial Blog pastinya, sekalian mau ngasih tau Mas Sawebring kalau script yang dia post di blog ada yang rusak, cepat diperbaiki Mas, biar pengunjung gak kecewa, loh-loh, knpa pada mangap? heran sama tampilan blog saya ya? iya nih, saya ganti template soalnya yang dulu ngeloadnya lama banget, bisa-bisa pengunjung yang punya koneksi lelet kabur duluan. Ekhem, oke, postingan saya kali ini adalah

Membuat Artikel terkait v3.0

Artikel ini sedikit diambil dari Blogger Tune Up, makasih ya mas scriptnya, emang sip nih, saya juga tergiur dari Blog Dj-Site yang pake sistem artikel terkait V3.0. Apa sih bedanya? bedanya tuh yang ini gak kayak biasanya, Artikel terkait ini disertai gambar 75x75 pixel yang membuat tampilan lebih menarik, berbeda dengan Artikel Terkait versi terdahulu yang tampilannya standar-standar saja. Ya udah langsung aja mulai tutorialnya.

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Tata Letak - Edit HTML"

Langkah 3
Checklist "Expand Template Widget"

Langkah 4
Cari kode dibawah ini

</head>


Langkah 5
Masukan kode CSS dibawah ini tepat diatas kode pada langkah 4
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}
#related-posts a{color:black;}
#related-posts a:hover{color:black;}
#related-posts a:hover {background-color:#d4eaf2;}
</style>
<script src='http://hensblog.googlecode.com/files/rpthumbsv30.js' type='text/javascript'/>
</b:if>



Langkah 6
Cari kode dibawah ini:

<div class='post-footer-line post-footer-line-1'>



jika tidak ditemukan, coba cari kode dibawah ini:

<p class='post-footer-line post-footer-line-1'>



Langkah 7
Masukan (copy paste) kode dibawah ini tepat dibawah kode pada langkah 6:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<a href='http://modification-blog.blogspot.com/2009/08/membuat-artikel-terkait-versi-30.html' style='display:none;'>Related Posts with thumbnails for blogger</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Artikel Terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div style='clear:both'/>
</b:if>



Langkah 8
Simpan template dan lihat hasilnya


Keterangan:

* var maxresults=5; = Ubah nilai 5 untuk menentukan jumlah artikel terkait yang akan ditampilkan
* var relatedpoststitle="Artikel Terkait"; = Ubah kalimat "Artikel Terkait" sebagai nama widget

Sekian Deh Postingan hari ini, Ditunggu komentarnya NO SPAM OK!!!

Posted in
Posted by Vanestorrz

Prediksi Google Page Rank part 2

12:50 PM Vanestorrz


Huah........ Udah lama gak Posting, habis Try Out, dan cuma dapet rank 21 sesekolah, hadu......, kacau..... ya udah menyambungan Postingan saya yang SEO TOOLS: Predict Google Page Rank saya akan memberi satu situs lagi, yang menurut saya bagus (karena diprediksikan PR saya naik menjadi 3), hehehe, sekedar buat motivasi buat kawan blogger......


lagi browsing di google, keingetan Page Rank, keluar ide untuk mencari "Predict PR" ternyata banyak, dari situs-situs yang saya coba, hanya situs ini yang meniliki kualitas baik, dari tampilan website-nya saja bagus, boleh deh buat para Blogger yang ingin tau Page Rank_nya di masa depan..... anggap aja kayak mesin waktu, tapi kalo diprediksiin PR_nya turun atau masih tetep segitu, jangan pada kecewa ok!!!!
Langsung aja ke TKP

PREDIKSI GOOGLE PAGE RANK

ditunggu Coment n NO SPAM!!!!
KEEP BLOGGING, n SMILE

Vanestorz Blog

Posted in
Posted by Vanestorrz

Membuat Article Box

6:26 PM Vanestorrz


hy semua, posting lagi nih, judulnya bikin article box, apa sih article box? bingung ya? sebenarnya saya juga ngaco ngasih namanya [karena gak tau namanya], ya berhubung bentuknya kotak kayak box, ya saya kasih nama article box, , , pingin tau? lanjutin baca artikelnya......


Ekhem, kalau bingung-bingung amat apa itu article box, kalian bisa liat home page saya, itu lho..... widget yang bertuliskan article... lumayan kan buat pasang di blog? ya ini script juga dapet dari Mas Sawebring pas lagi mainin laptopnya [temen sekelas] eh nemu script, saya sih gak tau asalnya dari mana, tapi yang penting sip buat dipake deh, udah cukup basa-basinya, sekarang kita lanjut ke tutorialnya aja.....




Langkah-Langkah:

1.Buka Dasbor Blogger Anda

2.Klik Tata Letak

3.Klik Tambah Gadget

4.Klik icon plus yang ada pada Bagian Text/HTML

5.Masukan Script di bawah ini

<div style="border: 1px solid #ffffff; overflow: auto; height: 350px;">
<script style="text/javascript" src="http://sites.google.com/site/itinformationclub/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/http/vanestorrz.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
<br />
Mau punya Article Box seperti ini?<br />
Klik di
<a href="http://vanestorrz.blogspot.com/2010/05/membuat-article-box.html">
sini
</a>


6.Klik Simpan

Ta da.......
Lihat hasilnya....
Link Ke Blog saya mohon jangan dihapus dikarenakan saya ingin dihargai atas hasil karya saya n mas Sawebring, jadi mohn buat para blogger yg memasang widget ini, jangan hapus link_nya

Semoga Postingan Kali ini Bermanfaat,
Kalau ada Error Tinggal hubungi saya dengan cara komentar di Artikel ini,
Sekian postingan kali ini

Di tunggu Komentar nya NO SPAM OK!!!!

Vanestorrz Blog

Posted in
Posted by Vanestorrz

Permasalahn DoFollow, serta Kelebihan NoFollow

3:49 PM Vanestorrz


ekhem... Postingan kali ini saya membawa berita buruk buat visitor-visitor yang mengunjungi blog saya, kali ini visitor yang datang ke blog saya tidak bisa mendapatkan backlink gratis lagi, dikarenakan banyak sekali kekurangan dari blog dofollow, sekalian juga setelah kemarin saya bahas kelebihan blog dofollow, sekarang saya akan bahas kelemahannya.....


Setelah selama beberapa bulan ini saya menjadikan blog ini dofollow, saya memutuskan kembali untuk menjadikan blog saya nofollow, Kenapa?, ternyata setelah di cari-cari keliling dunia [lewat internet tentunya] saya condong lebih suka pada blog nofollow karena anak seperti saya ingin mencari page rank dan traffic yang besar, selain itu pas saya cari keyword di blog saya yg biasanya masuk first line in GOOGLE jadi gak keindeks sama sekali [kacau kan],jadi kebanyakan visitor saya datang dari blogwalking [kacau lah kalau saya libur blogwalking, bisa tak ada visitor]. Trus GOOGLE INDEXED PAGE saya dari 61 berubah menjadi 10 bahkan kebanyakan 0. Selain itu kelebihan nofollow banyak sekali, diantaranya:

- Pagerank blog kita menjadi meningkat

- Dalam search engine semakin tinggi pagerank akan semakin baik posisi anda di search engine

- Bisa mendapat traffic berlebih dari search engine.

- Kalo anda bermain SEO tentu blog nofollow sangat anda perlukan

Bagus kan?, trus apa kelemahan DoFollow? ini dia kelemahan blog dofollow :

- Pagerank blog kita bisa turun.

- Bisa memunculkan comment abu2,bukan spam tapi kayak spam.

Jadi cuma bilang “thanx,luar biasa,keren,top,oke,” atau kata2 lain yang hanya meninggalkan comment bukan karena telah membaca sebuah postingan tersebut. Tapi karena hanya mencari link masuk.

So,buat para pencari blog dofollow jangan asal comment ya. Bacalah dulu tulisan teman kita tersebut. Kemudian tinggalkanlah respon anda dalam bentuk yang baik. Mari kita menjadi blogger yang baik.

Trus kalau gitu apa dong untungnya blog DoFollow?, menuut saya blog DoFollow hanya cocok untuk orang-orang yang mencari popularitas Dikarenakan:

- Jelas blog kita akan sering dicari oleh blogger pencari blog dofollow.

- Blog kita akan lebih dapat perhatian lebih.

- Comment dalam blog kita akan lebih banyak.

- Dengan comment yang semakin banyak semakin kliatan eksislah kita

- Dan terakhir kepuasan karena tulisan kita diperhatikan orang lain.

huhuhuhu.... jadi buat pengunjung blog saya, maaf saya tidak memberikan backlink gratis lagi dikarenakan hal-hal di atas...

sekian postingan dari saya,

Ditunggu Komentarnya NO SPAM OK!!!!

Vanestorrz Blog

Posted in
Posted by Vanestorrz

SEO Tool: Predict Google Page Rank

5:31 PM Vanestorrz



Hai Semua......
Sekarang saya posting lagi nih.... Judulnya "Predict Google Page Rank". Emang Bisa?
Udah pada tau kan kalau Google Update Page Rank tiap 3 Bulan Sekali......
Terakhir kali Update tuh Bulan April..... [awal naiknya page rank saya dari 1 menjadi 2]
Bagi yang Page Rank nya masih 0, jangan berputus asa......
terus berusaha, trus bisa coba deh SEO Tool yang satu ini,
Tapi saya tidak menjamin akurat loooo.....

tapi siapa tau benar, dan setidaknya jika di situ muncul page rank kita berikut contoh: 1, bisa membuat kita lebih semangat lagi...

Hasil prediksi yang keluar untuk blog saya sih dapat page rank 3....[amin]
Udah pada penasaran Kan?
hehe....
Nanti saya kasih linknya di Postingan berikutnya....
hah, Kok di Postingan berikutnya?
Bercanda....

nih linknya:

SEO Tool: Predict Google Page Rank

Semoga kalian dapat hasil yang bagus.....
Tapi inget, ini belum tentu akurat ya...
jadi jangan berkecil hati jika SEO Tool ini menunjukan angka 0, atau menunjukan angka 1 tetapi pada saat update page rank kalian tidak mendapat PR

KEEP BLOGGING OK!!!!

Di Tunggu Komentarnya NO SPAM OK!!!!!



VANESTORRZ BLOG


Posted in
Posted by Vanestorrz

Blog Dofollow, Pengertian dan Keuntungannya

4:57 PM Vanestorrz


Lama gak Posting,
Sekarang mau bahas tentang Blog Dofollow ah.....
Mungkin para senior sudah pada tau, tapi gak ada salahnya saya membahas juga,



Dofollow, apa sih Blog Dofollow itu?, blog dofollow adalah Blog yang memiliki sistem memberi backlink gratis, jika visitor datang dan memberi komentar di artikel yang ada pada blog dofollow, link yang dimasukan di komentar tersebut akan ditelusuri oleh search engine lebih dalam lagi, sehingga memberi backlink pada sang komentator nya....

[kaya sepak bola yah.......hehehe]

Apa sih Keuntungan Blog Dofollow?
ini dia, dengan menjadikan Blog Dofollow biasanya para visitor akan lebih banyak mengomentari artikel Anda karena mencari Backlink, . .

Apa Keuntungan memberi Komentar Di Blog Dofollow?
Dengan berkomentar di blog Dofollow, akan mempercepat naiknya PageRank kita karena banyak terindex di search engine [itu sih kata orang]. Hal itu juga saya rasakan karena saya sering berkomentar di blog dofollow sehingga mendapat PR2...... [jadi, banyak2 komen di blog saya ya.... he,he,he]

Gimana sih caranya bikin Blog Jadi Dofollow?

  • Masuk ke blogger
  • Klik Tata Letak
  • Klik Edit Html
  • Silahkan kawan cari kode seperti ini
<a expr:href='data:comment.authorUrl' rel='nofollow'>

  • Lalu hapus kode rel='nofollow' sehingga kodenya menjadi seperti ini
    <a expr:href='data:comment.authorUrl'>
  • Setelah Itu Klik Simpan

Sekian Saja Postingan kali ini, Ditunggu Kritik dan saran, NO SPAM OK~~

Posted in
Posted by Vanestorrz

Membuat Shoutmix Keren

2:37 PM Vanestorrz




Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message. Buku Tamu tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?


1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :



CATATAN :
# Ganti tulisan yang "ISI DENGAN KODE SHOUTMIX KAMU" dengan kode yang anda peroleh dari ShoutMix

# Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background.

# Selamat Mencoba

Posted in
Posted by Vanestorrz
Subscribe to: Posts (Atom)

Newsletter