Rabu, 27 Oktober 2010

Seo Blogspot Dasar untuk Pemula

Seo Dasar untuk Blogspot bagi Blogger Pemula


Akhirnya,posting belajar seo nongol juga di blog tutorial ini ya :D
Tapi,apakah teknik dan rahasia seo-nya benar-benar joss seperti yang dikoar-koarkan?

Saya sendiri sih menganggap itu hanya masalah penyamapaian saja,yang terpenting adalah mencoba dan merealisasikannya,masalah berhasil tidaknya itu urusan nanti.
Untuk dan menurut saya pribadi,10 dasar seo atau seo dasar untuk blogspot ini sangat ampuh,efisien dan yang penting gratis alias blak-blakan dipublikasikan,karena 10 teknik dasar seo ini adalah hasil dari kegagalan saya sendiri selama beberapa tahun ngeblog.

Bukan menjadi tolok ukur panduan dasar seo,namun untuk kita cara cepat terindex google,cara-cara dibawah ini layak untuk anda coba.

10 Dasar Seo Blogspot


  • Membuat 10 atau beberapa Blog dari blog gratisan sebagai dummy tentu dengan domain yang berbeda-beda,misal dari blogspot,wordpress,blogdetik,weblog,dll
    Buat judul yang ingin sobat optimasi dari blog utama yang ingin sobat optimalkan,kemudian bikin duplikat judul posting dari blog utama tersebut di beberapa blog gratisan (dummy) yang telah diciptakan,serta meletakkan link menuju postingan blog utama.

  • Jika menggunakan gambar gunakan nama sesuai judul posting,misal saya membuat judul posting belajar dasar seo blogspot,maka sebelum saya upload gambar tersebut pada postingan saya merubahnya terlebih dahulu dengan nama belajar dasar seo blogspot,dan kemudian saya siap menguploadnya.

  • Jangan lupa pula pada gambar atau image yang telah kita pasang,gunakanlah tag alt,misal ;
    <img src='http://1.bp.blogspot.com/_IkLQaat9dkk/SjBpw1TLVVI/AAAAAAAAADg/RDKDlri9Xpg/s320/dasar-seo-blogspot.jpg' alt="belajar dasar seo blogspot.'/>
  • Terapkan dan biasakan menebalkan kata atau kalimat yang ingin sobat optimasi dengan kode <strong></strong>,misal <strong>dasar seo blogspot</strong>

  • Jangan lupa submit di beberapa blog-blog dofollow dan social bookmarking

  • Blogwalking

  • Buat judul seunik mungkin dan merangsang,seperti contoh;
    10 Dasar Seo (Rahasia Seo Telah Di Bongkar!!!),menarik bukan?

  • Belajar merangkai kalimat dari mengamati kata dan kalimat yang telah diindex oleh serp Google
  • Memodifikasi templates mulai dari meta tag,ukuran dan jenis huruf serta menciptakan kontent yang efektif(sedikit gambar sehingga memungkinkan cepatnya saat loading page)
  • Rajin posting yang sangat dibutuhkan khalayak atau yang sedang trend dan hot dan yang terpenting adalah berdo'a.


Semoga dapat membantu optimasi dan menambah semangat dalam belajar seo,Insya Allah suatu saat nanti akan kami update jika ada senjata baru dalam seo ini :D

Bagi master-master seo yang dah nyasar,kami sangat minta saran dan tambahannya,tapi jangan ngritik ya :lol: :D

Jumat, 15 Oktober 2010

Cara SMS Gratis ke Semua Operator / Provider (100% Berhasil!!)

Free Sms Ke Semua Operator via Internet


Aku pikir udah banyak yang tahu ya,gimana dapat melakukan sms tanpa keluar pulsa sama sekali.
Untuk di Google aja sendiri kita udah dapet informasi tetek bengek mendapatkan info sms gratis ke semua operator,entah ke Xl,IM3,Mentari,Three(3),Axis,Simpati,dll di seluruh Indonesia.

Tapi kadang mereka justru hanya bersifat ngibul pada akhir kalimatnya,tanpa merasa telah berdosa ngibulin para pembaca setianya :p

Tapi,untuk cara yang satu ini selama yang poenya situs bersangkutan masih 'nyediain',aku jamin 100% berhasil!!!
Omong-omong,widget yang akan kita pasang nih buatan orang asing or anak kita sendiri sih?jawabanya,anak kita donk!siapa mereka?koq mereka pada pinter2 bikin script ama phpnya?
Sobat bisa lihat profil mereka di GXRG | Gunadarma J IT Club,and bisa gabung sekarang juga.

Tapi,untuk mencoba widget sms gratis ke semua opertaor (maksudny operator-pent) ini tidak harus bergabung terlebih dahulu dalam komunitas mereka.
Ini hanya bentuk pengenalan agar Pelajaran Blog tak dikira nyolong ide orang lain,xixixixi..

Dari pada banyak ngomong,lekas aja deh coba form sms gratis ke semua operator ini (form ini akan berfungsi jika mereka masih menyediakannya)





di populerkan oleh:
pelajaran-blog.blogspot.com



Memasang Widget Sms Gratis ke Blog Blogger



Jika sobat memiliki blog dari blogger,sobat bisa memasang widget free sms ini,dengan meletakkan kode html berikut:

<center><iframe vspace="0" frameborder="0" marginheight="0" marginwidth="0" readonly="true" height="400" src="http://s1.gxrg.org/home/" hspace="0" scrolling="no" width="300" allowtransparency="true"></iframe><br/><code><small>di populerkan oleh:<br/> <a href="pelajaran-blog.blogspot.com">pelajaran-blog.blogspot.com</a></small></code></center>


Untuk letak kodenya,seperti biasa,bisa sobat letakkan dalam posting,bisa juga meletakkan di element baru,yakni dengan cara:
1.Pilih Dashboard
2.Pilih Tata Letak / Design
3.Klik tulisan Add New Widget
sms gratis blogspot.

4.Pilih HTML/Javascript
kirim sms gratis tanpa pulsa.

5.Letakkan kode tersebut lalu simpan.

Specially thank to:
http://s1.gxrg.org/

Jumat, 08 Oktober 2010

Membuat Gambar Postingan Melayang / Memiliki Bayangan

Cara Membuat Gambar seolah Melayang Mempunyai Bayangan



Jika beberapa waktu lalu sudah share masalah membuat gambar always on top alias selalu berada di pojok,kali ini adalah membuat melayang atau seolah-olah mempunyai bayangan dari gambar pada posting yang kita miliki.

Untuk contohnya,sobat sudah dapat melihat sendiri bayangan yang berada dibelakang gambar setiap posting kami.
Kami sangat berterima kasih kepada http://i30.tinypic.com/1qsh1h.jpg,karena dengan 'meminjam' url tersebut gambar pada setiap posting kami mempunyai bayangan,hihihi..

Caranya mudah alias gampang banget,tinggal merubah beberapa kode saja dan hasilnya dapat langsung sobat lihat.



Langkah dan Cara Membuat Gambar Posting Mempunyai Bayangan / Berbayang



Nah,untuk caranya bisa sobat ikuti langkah berikut ini:

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    gambar posting bayangan.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    shadow posting pictures.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    membuat gambar posting melayang.
    Gb.3


Nah,setelah itu cari kode :
.post img { (Gunakan Ctrl+F)
Biasanya dibawahnya akan ada kode tambahan untuk cssnya,seperti:
.post img {
padding:4px;
border:1px solid #cccccc;
}


Nah,tinggal ganti kode tersebut dengan kode berikut:

.post img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}


Setelah itu simpan template dan lihat hasilnya :D


Specially thax for http://i30.tinypic.com/1qsh1h.jpg

Jumat, 24 September 2010

Related Post Widget Untuk Blogger (Keren Abis!)

UPdate! Trik Membuat Related Post Widget Untuk Blogger (Keren Abis!),Sudah Direvisi! Dijamin Berhasil 100%

Widget Related Post / Artikel Terkait / Posting Yang Berhubungan

Sebenarnya sudah pernah saya posting sebelumnya,bagaimana membuat related post pada blogger di Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait.
Namun widget related post yang satu ini sangatlah unik,menarik sekaligus dapat membantu pengunjung melihat posting yang berkaitan.

Jika related post widget untuk blogger yang satu ini masih valid,contohnya bisa sobat lihat di SINI.
Tapi sebelumnya memang sobat diharuskan membuat label terlebih dahulu,caranya sobat bisa baca di SINI.

Setelah label telah diciptakan,dan pastikan rss sobat valid(available rss),seperti rss pelajaran blog,bisa sobat klik icon rss disebelah kanan browser,tampilannya rss nanti seperti klik disini.

Ada 2 pilihan widget related post keren abis yang bisa sobat gunakan,dan dua-duanya pantas untuk sobat coba.



1.Related Post Widget for Blogger dengan Javascript


Teknik ini menggunakan javascript dari http://theblogtemplates.com/scripts/Related_posts_hack.js,lihat sumbernya.
Jika javascript tersebut masih valid alias tersedia,maka widget ini akan bekerja dengan baik.

Contoh gambarnya sobat bisa lihat dibawah ini:

Related Post Widget Untuk Blogger (Keren Abis!)
Lihat Gambar Besar


Dan hasilnya kurang lebih akan seperti di sini

Nah,untuk caranya bisa sobat ikuti langkah berikut ini:

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    Related Post Widget.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    Widget Artikel Yang Berhubungan.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    Artikel Terkait / Yang Berkaitan Widget.
    Gb.3


Nah,setelah itu cari kode </head> (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode </head> tersebut:

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUkVwSJh395bPssdBLIo4Z22EKCEYzorqgmUR0iHKGmLvgp9NMjQaZSUAdgp5_bhShliw-09eXMvV0wAD2OvYHGnfo7PdeAudZbQfsrrReyHZVHDVOnOwozVQ0ONf3NS8s8F4Xtw1sh-E/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/pujiantoroinc/Home/related_post_pelajaran_blog.js' type='text/javascript'/>


Setelah itu,cari lagi kode berikut <data:post.body/>,setelah ketemu,tepat dibawahnya letakkan kode berikut:

<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


Setelah itu simpan,selesai.

2.Related Post Widget for Blogger dengan Jasa Blogger Widget (LinkWithin)



Tampilan related post blogger dengan jasa www.linkwithin.com akan seperti ini:

linkwithin related post widget.

Ingin memilih cara yang no 2 ini? tinggal sobat kunjungi saja situsnya di sini

Bagaimana? siap menghias blog dengan tampilan widget related post terbaru?

Senin, 06 September 2010

Membuat Menu Navigasi Horizontal dengan Sub Menu Navigasi Vertikal

Mari Belajar Membuat Menu Navigasi Dengan Sub Menu



Belajar Membuat Menu Navigasi Sub Menu pada Blogger Blogspot.Mumpung mood lagi bagus,mumpung doku lagi tebel dan mumpung blog lagi sepi,saya mencoba untuk memposting kembali kaitannya belajar menghias blog.

Beberapa minggu lalu saya sudah bagikan dari informasi yang saya dapat dari dunia maya,bagaimana membuat menu navigasi css di blogger.
Bagi yang belom membaca,silakan langsung klik di sini.

Nah,dari email sahabat yang saya terima,menanyakan bagaimana sih membuat menu navigasi horisontal / horizontal dengan submenu / sub menu navigasi vertikel seperti pada blog ini?
Bukan suatu kesengajaan,menu navigasi dengan sub menu ini juga saya peroleh dari hasil surfing berbagai blog tutorial untuk blogspot.

Bagi kamu yang penasaran bagaimana cara membuat menu navigasi dengan sub menu,bisa ikuti langkah berikkut ini.

Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger



  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    Menu Navigasi Sub Menu.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    Cara Membuat Menu Navigasi Horizontal dengan Sub Menu.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    Menu Navigasi Css SubMenu.
    Gb.3


  • Setelah itu carilah kode seperti ini ]]></b:skin> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tersebut.

    #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

  • Setelah itu Simpan Templates.
  • Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan.
  • Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget'(Gb.4),dan pilihlah Html / Javascript (Gb.5)

    Menu Navigasi Dengan Sub Menu Blogger.
    Gb.4

    Cara membuat menu navigasi horizontal dengan sub menu vertikel.
    Gb.5


  • Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.

    <div class='menuhorisontal'>
    <ul id='nav'>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'></ul> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul>
    </div>


  • Lalu simpan,selesai dan lihat hasilnya :D

** Untuk http://tulis_alamat_url_tujuan gantilah sesuai tujuan kamu kemana link akan diarahkan,misal;
http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html dan tulisan Ganti Sesuai Keinginan gantilah denga keterangannya,misal dengan keterangan Membuat Navigasi Css dengan Sub Menu,maka dalam penulisannya;
<li><a href='http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html'>Membuat Navigasi Css dengan Sub Menu</a> </li>

Membuat Menu Navigasi CSS Di Element Baru


Membuat Menu Navigasi CSS.Membuat menu navigasi,adalah pelajaran yang paling banyak di pertanyakan oleh blogger-blogger pemula,termasuk saya beberapa hari yang lalu.

Disini kita akan membahas tentang bagaimana membuat menu makanan 4 sehat 5 sempurna,

Hus !! bukan,maksudnya Menu Navigasi dengan CSS.Pelajaran Blog

Tapi tidak seperti kebanyakan,biasanya mereka meletakkan di bawah kode <body>,tapi di sini kita akan meletakkan kodenya di Element HTML/Javascript yang baru.

Apa itu CSS? kita akan bahas beberapa hari lagi,berhubung yang kita bahas kali ini Menu Navigasinya.


Seperti apa sich contoh Menu Navigasi?

Navigasi pada web / blog,sesuai dengan namanya,yaitu untuk menuntun jalan,supaya web / blog lebih mudah di telusuri.

Contoh bentuk fisiknya seperti di bawah ini :







Untuk membuatnya kali ini,kita minta bantuan CSS,apa itu CSS,kita bahas naa..ant :
(,tadi sudah di omongiiin!!!! #$%#!
Pelajaran Blog.

Cara membuatnya sederhana sekali,berhubung kita dengan bantuan CSS,kita tak perlu membuat tabel untuk Menu Navigasi seperti di atas.

Tapi,yang paling surprise buat gw waktu aku jalan-jalan ke Blok-M,tiba-tiba aku ngliat yang belum pernah...OOee!!Ngemeng aja!ntar aja ceritanya ngapa !!

Ok! berhubung ntar malah tambah bikin rusuh suasana,kan dapet dosa tuh!,kalo dosa,kita masuuk Nera...@#$@#$@!!gUBRAK! gw bilang ntar ya ntar ceritanyaaa!!Pelajaran Blog

Ya..ya.ntar aja ceritanya ya..Ok langsung ke topik,kita hari ini.

Langkah pertama,pergi ke Dashboard (untuk blogspot),lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Lalu cari kode ]]></b:skin>,jika sudah ketemu,tepat diatasnya,letakkan kode di bawah ini :

#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

Jika kode sudah anda letakkan,lalu Simpan Template.
Selanjutnya pilih Tab Tata Letak,dan buat Element Baru / Add New Widget,pilih HTML / Javascript.
Lalu letakkan kode di bawah ini pada halaman HTML / Javascript yang baru saja anda pilih.


<ul id='nav'>
<li><a href='http:///'>Menu 1</a></li>
<li><a href='http:///'>Menu 2</a></li>
<li><a href='http:///'>Menu 3</a></li>
<li><a href='http:///'>Menu 4</a></li>
</ul>


Jika kode sudah anda letakkan,lalu pilih Simpan,dan anda bisa langsung lihat hasilnya.

Untuk http:/// ,anda isi dengan alamat URL yang akan di tuju,sedagkan untuk Menu 1,2,3,4 ,Untuk tulisan yang akan tampil,sedangkan jika ingin menambahkan satu kolom lagi,anda tinggal menulis satu baris lagi,baris yang mana?

Copy aja salah satu kode :

<li><a href='http:///'>Menu 4</a></li>,dan paste persis di bawahnya.

Sekarang tinggal nglanjutin cerita di Blok-M tadi,jadi gini nich..@#$@#%$! Gubrak !Pelajaran Blog

Baca Juga Yang Ini..

Sabtu, 04 September 2010

Hack Cara Mendapatkan atau Mengirimkan Status Update User / Orang Lain Lewat Email

Ingin Mendapatkan Update Status User Lain Langsung ke Email Kamu?



Mas,tiap kali posting kok ngomongin Hack sih,emang pinter nghack ya? lalu Pujiantoro said:hahaha emang pinter gue,saking penternya ampe di hack berkali-kali,hihihi.. :(

Sekali lagi ya,ini sebenarnya 'it's not seems look like guys!',hanya biar nyak pengunjungnya aja,hehehe..
Tapi jangan beranjak dulu sob,siapa tahu nanti kamu membutuhkan hal seperti ini.

Misal,saya tidak ingin ketinggalan apa yang telah diupdate oleh Facebook milik pak Mario Teguh.Sedangkan saya ingin mengetahui setiap saat apa yang telah diupdates pak Mario Teguh dari jutaan teman saya dalam Facebook (jutaan teman? ngayal kalee! :D)
Dan TERNYATA saya hanya memerlukan beberapa langkah cara untuk dapat melakukan itu,ingin tahu caranya ga sob?

Langkah dan Cara Hack Mendapatkan atau Mengirimkan Status Update User / Orang Lain Lewat Email



Yup! jalan satu-satunya saya akan mengirimkan setiap update statusnya pak Mario Teguh via email yang saya miliki.
Saya menggunakan www.rssforward.com untuk melakukan trik ini,namun ini baru melihat dari sarananya ya.
Cara mengetahui update status user lain dengan rss.forward.com ini sangat mudah sekali,ikuti ya sob!

  • Pertama,kita harus menjadi friend atau menyukai dari target,misal saya ingin melihat setiap pak Mario Teguh melakukan update status dapat langsung terkirim ke email saya,maka saya menjadi member atau menyukai katakanlah menjadi fan dari Bp.Mario Teguh.
  • Selanjutnya,kita buka rssforward.com.
  • Setelah itu,kemali ke facebook pak Mario Teguh,dan klik gambar feed rss pada sudut sebelah kanan pada browser kamu,bisa lihat gambar dibawah ini:

    Cara Hack status Facebook.


  • Nah,setelah itu akan tampil halam feed dari Facebook pak Mario Teguh,kamu copy url halaman pak Mario Teguh tersebut pada browser kamu,lihat gambar ya:

    Hack Menjahili Status Facebook.


  • Nah,tinggal sekarang kamu kunjungi situs www.rssforward.com,dan paste url yang baru saja kamu copy pada kolom Web Site / Url dari situs rssforward.com tersebut,lihat gambar lagi ya(jd kaya anak TK,hihihi):

    Hack Facebook RssForward Facebook.


  • Nah,nanti akan tampil halaman seperti ini:

    Cara Hack Facebook User Lain.


  • Kamu tinggal klik tombol Subscribe,dan setiap status pak Mario Teguh atau pak Mario Teguh melakukan update status dan teman yang ingin kamu jadiin target dapat terikirim otomatis di email kamu.


Selesai,dan semoga berhasil ya :D