Diberdayakan oleh Blogger.

Cara Menambahkan Jam Di Blog Anda

jam sangat penting dalam kehidupan kita. dimanapun kita butuh jam sebagai penunjuk waktu,, bahkan saat kita blogging.. saya akan membahas cara untuk membuat atau menambah gadget jam pada blog kita..

pertama-tama kita membuka alamat tautan yang menyediakan gadget jam untuk blog, salah satunya di http://www.clocklink.com/ setelah masuk webnya,, sekarang kamu buka tab gallery, nah disana banyak sekali gadget jam. sekarang kamu tinggal pilih gadged jam yang kamu sukai atau pilih lewat kategorinya,,, seperti gambar di bawah ini:
nah untuk menambahkannya ke blog kamu tinggal klick button view html tag di bawah jam yang kamu pilih,, setelah kamu klik maka akan muncul agreement, pilih aja accept.
apabila kamu telah mengklik accep maka akan muncul gambar seperti ini:

di gambar itu ada source kodenya,, kamu tinggal copy aja dan masukkan di gadget html/java script di blog kamu,,, oke kan,,,
sekarang kita bisa liat jam di blog kamu,, horeeee :-)

Cara Buat Nama Panjang Di Facebook



Hari ni Admin share mcm mane buat name panjang di fb V1 .
#sorry sebab tak de gambar sebab nak cepat

1.account setting > security > deactive your account > my account was hacked click pastu tekan here
2. click continue > continue > buat password baru pastu submit > submit > continue
3. nanti klua reviuew and fix your name click change, lepas dah change tekan submit > security question lepas tu click submit > login


dekat 3 kotak nak tulis name tu, korang boleh isi tidak melebihi 30 patah perkataan

ok dah siap
enjoy la nama korang yang " PANJANG " tu :P

Spam Like Status Kawan

   

Assalamualaikum ,
korang penah nak Like status kawan korang satu satu , malas ?
nih , admin share auto like semua status rakan , okeei  admin pon malas nak ckp banyak , kita mulakan , :D

Langakah-Langkah =

1. Pergi profile rakan anda ,

2.copy javascript dibawah :

Copy  Disini

javascript:var i=0;ex=0;s=0;function EXP_ALL(){ExpandComm = document.getElementsByTagName("input");for(e = 0; e < ExpandComm.length; e++){myClass = ExpandComm[e].getAttribute("class");if(myClass != null && myClass.indexOf("stat_elem") >= 0)if(ExpandComm[e].getAttribute("name") == "view_all")ExpandComm[e].click()}}function JEMPOLERS(){jempol = document.getElementsByTagName("button");for(j = 0; j < jempol.length; j++){myClass = jempol[j].getAttribute("class");if(myClass != null && myClass.indexOf("like_link") >= 0)if(jempol[j].getAttribute("name") == "like")jempol[j].click()};}function JEMPOLERC(){buttons = document.getElementsByTagName("button");for(x = 0; x < buttons.length; x++){myClass = buttons[x].getAttribute("class");if(myClass != null && myClass.indexOf("stat_elem") >= 0)if(buttons[x].getAttribute("title") == "Like this comment")buttons[x].click()};}function updateTime(){ex=ex+1;i=i+1;s=s+1;if (ex==5){EXP_ALL();ex=0};if (s==5){ex=0;JEMPOLERS();s=0};if (i==2){JEMPOLERC();i=0;}}alert('-==[CYBER HACKER WAS HERE]==-\n\nScript by -Mr Admin Evilsakura CH-');updateTime();window.setInterval(updateTime, 1000);void(0)

3. Paste kat address bar ,

4. Enter ! Ok . . .

                                  

p/s: taip ' javascript: ' secara manual , jgn copy , kalau tak , auto like nya takjadi . . .

Cara buat Status Fb kosong

1) copy and paste code ni kt wall korang.  . .pasru Enter

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

@[1:1:  ]

Copy  : Di Sini

Warnakan Facebook Anda

1) Copy code di bawah.

javascript:i=0;c=["red","green","blue","yellow","magenta","orang e"," pink","violet"]; a=document.links;setInterval('i++;a[i % document.links.length].style.color=c[i % c.length]',1);void(0); alert("-=[Colorful Facebook]=-")

Copy : Disini

2) Buka profile anda.

3) Paste code tersebut di address bar browser anda.

4) Enter !

p/s : Taip ' javascript: ' manual , jgn copy , kalau tidak , takkan jadi ,


Simbol Unik Untuk Nickname Facebook , Comment dan Lain-lain Share

         

Copy Disini

facebook symbols face 01: ㋡
facebook symbols face 02: ㋛
facebook symbols face 03:ツ
facebook symbols face 04:【ツ】

Heart symbols on facebook:

❤ ❥ ♡ ♥ ღ ɞ

Facebook Flowers Symbol:

❀ ✿ ❁ ✾ ✽ ❃ ❋

Facebook Butterfly Symbols:

Butterfly symbol 01: Ƹ̴Ӂ̴Ʒ

Butterfly symbol 02: ƸӜƷ

Butterfly style 03: εїз

Facebook Music Symbols:

♪ ♫ ♩ ♬ ♭ ♮ ♯

Stars facebook symbols

★ ✩ ✮ ✯ ✰ ☆ ⋆ ╰☆╮✡ ۞

Snowflake facebook symbols:

❇ ❈ ❅ ❄ ❆

Religion & belief facebook symbols

☯ ✡☨ ✞ ✝☥ ☦ ☧ ☩ ☪ ☫ ☬ ☭


Peace facebook symbols: ✌☮


Facebook Poker Symbols:

Poker black: ♥ ♦ ♣ ♠

Poker White: ♡ ♢ ♤ ♧

Zodiac symbols for facebook

♈ – Aries (The Ram)
♉ – Taurus (The bull)
♊ – Gemini (The Twins)
♋ – Cancer (The Crab)
♌ – Leo (The Lion)
♍ – Virgo (The Virgin)
♎ – Libra (The Scales)
♏ – Scorpio (The Scorpion)
♐ – Sagittarius (Centaur The Archer)
♑ – Capricorn (Goat-horned, The sea goat)
♒ – Aquarius (The water bearer)
♓ – Pisces (The fish)

Chess black facebook symbols :

♚ ♛ ♜ ♝ ♞ ♟

Chess White Facebook Symbols:

♔ ♕ ♖ ♗ ♘ ♙

Crosses facebook symbols:

☩ ☨ ☦ ✙ ✚ ✛ ✜ ✝ ✞ ✠


Moon symbols ☾ ☽

Sun symbols: ☼ ☀

Cloud and umbrella ☁ ☂

Snowman: ☃

Comet: ☄

Apple symbol for facebook: Ѽ

Risk radioactive and biological: ☢ ☣

Check symbol for facebook ✓

Hands pointing

☚ ☛ ☜ ☝ ☞ ☟

Writing Symbols

✉ ✍ ✎ ✏ ✐✑✒ ⌨


Scissors symbols: ✂ ✄

Phones symbols: ☎ ☏ ✆

Clocks:⌛ ⌚

Airplane facebook symbol: ✈

Dinner: ♨
Skull symbol: ☠

Decorative symbols: ๑ ۩ ۞


Numeric facebook symbols:

①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳

Letters:

ⒶⒷⒸⒹⒺⒻ ⒼⒽⒾⒿⓀⓁ ⓂⓃⓄⓅⓆⓇ ⓈⓉⓊⓋⓌⓍ ⓎⓏ
ⓐⓑⓒⓓⓔⓕ ⓖⓗⓘⓙⓚⓛ ⓜⓝⓞⓟⓠⓡ ⓢⓣⓤⓥⓦⓧⓨⓩ

you can write your own words, for example:!!


Facebook symbols = Ⓕⓐⓒⓔⓑⓞⓞⓚ Ⓢⓨⓜⓑⓞⓛⓢ


Oriental symbols:

㊊㊐㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗ ㊀㊁㊂㊃㊄㊅㊆ ㊇㊈㊉


Dilarang Copy Tanpa Kebenaran ! Semua Artikel Adalah Hak milik blog ini !

Cara Memulihkan Akun Facebook Yang Kena Banned/Terblokir

Met siang semua,, kali ini saya ingin berbagi tips bagaimana mengembalikan akun facebook yang terkena banned atau terblokir. Nah langsung saja simak langkah-langkah di bawah ini:


1. Buka account email (alamat email) yang kamu pakai untuk daftar di facebook.

2. Isi alamat tujuan To: appeals+duez0iu@facebook.com
dan di CC: disabled@facebook.com (inget! email ke  keduanya saja!)

3. Subjectnya kamu isi “Unblock/Enabled Return My Account in FB” (tanpa tanda kutip)

4. Isi emailnya ceritain SINGKAT masalahnya apa, misal : “My FB account is locked, please order to re-enable my FB account again.” atau “Why does my facebook account disabled? Can I get back my account again? Please help to unlock my FB account. Thanks!” (tanpa tanda kutip)

5. Klik send. Tunggu beberapa jam (kalau beruntung…) pasti dibales.

6. Terus ditunggu, mungkin sekitar 1 hari kemudian akan ada email berisi kenapa account
facebook Anda di disable dan pernyataan bahwa accountmu sekarang sudah diaktifkan kembali.

7. Coba Login lagi ke Facebook pake email dan password yang biasanya.

Nah, sekian tips untuk memulihkan akun facebook yang kena banned/ terblokir. Semoga bermanfaat yah. jangan lupa Like dan Komment yah ^_^

Cara Membuta icon atau animasi pada kotak Blockquote | Blog


 Blog Fiqih Community kali ini akan share cara membuat icon atau animasi pada kotak Blockquote. Apabila cursor menyorot Blockquote maka otomatis akan ada icon atau animasi yang muncul dari ujung kiri atas menuju sudut kanan bawah. mau lihat demonya, silahkan kamu sorot blockquote yang ada di postingan berikut ini.. HERE

Berikut tutorialnya :

  • Login ke blogger
  • Pilih menu template >> edit HTML >> lanjutkan
  • Dengan menggunakan ctrl + F, cari kode blockquote:hover
  • Lalu ganti semua kode tersebut dengan kode berikut ini
blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://th929.photobucket.com/albums/ad135/wae_arix/th_NarutoGif.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

  • Apabila di HTML kamu tidak terdapat kode blockquote:hover. kamu dapat meletakkan kode diatas ini, di bawah kode .post blockquote {
  • Ubah code yg berwarna kuning untuk merubah warna background blockqute pada blog kamu.
  • Dan kamu juga dapat mengganti icon atau animasinya dengan merubah code yg berwarna hijau.
  • Setelah itu simpan HTML milik kamu.
Nah, sekarang coba kamu lihat blockquote yg ada di postingan kamu, apakah icon atau animasinya muncul atau tidak. jika belum muncul coba kamu periksa kembali letak kodenya....

Anti Klik kanan Dengan Gambar | Blogger


Kali ini Adithya Blog akan share script anti klik kanan, yang tentunya berbeda dari milik dickeymaru. bedanya trick ini di lengkapi dengan tombol close. Mau liat demonya, silahkan klik disini

Berikut Tutorialnya :

  • Login ke blogger
  • Pilih menu template >> edit HTML >> lanjutkan
  • Cari Kode </body> Lalu letakkan code di bawah ini tepat diatasnya...
<style> .overlay{ background-color:rgba(0,0, 0, .9); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; } .box{ position:fixed; height:258px; width:375px; left:-80%; top:22%; background-color:rgba(0,0, 0, .4); background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxA74nXhs5haIORiXXcNLsH5tR1XGX8fTUoaHOW7AxKv5ZMdrBrmRW7gIy9qGFYyoGw8_bPD_cyKvffZILFE_uyJb9QACjDaNgqlMXCOD3G2NvycuUQ2tPLTYSd8aH51NexMXdVs7kFNiD/s1600/a.jpg); color:#777; font:20px arial,sans serif; padding:20px; border:1px solid #222; -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; z-index:9999; } .close{ float:right; width:36px; height:36px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_37DiuwvjA93O4PYk-tH3OOHSQVDFX0C8_UQOzW3ngxfILlCdd2Rbj2cEKCDKMfrDWACT8tXi8q2ii-k-oBf7gkC2FcBsEjlYMI92eiQKdeo0qkEYOrq_kLXFj0Htr9tdTXmxoP246o5/s1600/close_icon.png) repeat top left; margin-top:-45px; margin-right:-40px; cursor:pointer; } .box h1{ font:60px arial black,sans serif;line-height:0.8em; color:red; } </style>
<script src='http://anthzo.webs.com/2012-blog/disble-right-click.js' type='text/javascript'></script>
<div class='overlay' id='overlay' style='display:none;'>
</div>
<div class='box' id='box'>
<a class='close' id='close'></a>
</div>

  • Ubah text yg berwarna kuning dengan url gambar kalian. 
  • Gunakan gambar yg berukuran 415 x 298 agar tampilan lebih maksimal
  • Setelah itu Simpan HTML milik kalian
Sekarang coba kalian lihat hasilnya, sukses kan. Sekian Tutorial blog hari ini dan semoga berguna.... 

Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu

Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu


Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

memasang menu navigasi horizontal
menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,
Masuk ke akun blogger> Dasbor > tata letak > Tambahkan gadget > pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)

cara menambahkan menu navigasi drop down bercabang
add menu navigasi


    <style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href='#'>Home</a>
                </li>
                <li>
                  <a href='#'>Tentang Saya</a>
                </li>
                <li>
                  <a href='#'>Contact</a>
                     <ul>
                        <li><a href='#'>Sub Halaman 1</a></li>
                        <li><a href='#'>Sub Halaman 2</a></li>
                        <li><a href='#'>Sub Halaman 3</a></li>
                      </ul>
                </li>
                <li>
                  <a href='#'>Daftar Isi ▼</a>                 <ul>
                    <li><a href='#'>
Sub Menu 1</a></li>
                    <li><a href='
#'>Sub Menu 2</a></li>
                    <li><a href='
#'>Sub Menu 3</a>
               
   <ul>
                    <li><a href='#'>Sub
Sub Menu 1</a></li>
                    <li><a href='#'>Sub
Sub Menu 2</a></li>
                    <li><a href='#'>Sub
Sub Menu 3</a></li>
                  </ul>

                  </li>
                  </ul>             </li>
          </ul>
        </div>
Pengaturan dan modifikasi;

1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti #2E9AFE

2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 
                  <ul>
                    <li><a href='#'>Sub Sub Menu 1</a></li>
                    <li><a href='#'>Sub
Sub Menu 2</a></li>
                    <li><a href='#'>Sub
Sub Menu 3</a></li>
                  </ul>
bisa juga sobat tambahkan di item menu lainnya jika ingin.

3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .

4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.


Oke saya kira sudah cukup jelas dan mudah, untuk live  demo silahkan buka di sini

Selamat mencoba.  

Update:

Buat sobat yang bermasalah saat memasang di elemen header cari kode berikut ini (warna merah):
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Sample Blog (Header)' type='Header'>
<b:includable id='main'>
ganti 1 menjadi 3 no menjadi yes sehingga menjadi seperti ini. 
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
Setelah itu pindahkan kode HTML/javascriptnya diatas atau di bawah elemen header.
TERIMAKASIH
semoga bermanfaat sob.

Bagaimana Akses Facebook Chat di Desktop

Bagaimana Akses Facebook Chat di Desktop

Gabtastik dan Digsby memungkinkan anda mengakses Facebook Chat pada desktop Windows Anda diluar web browser, menggunakan resolusi dan sistemmemory yang minimal.

Cara Menghapus Iklan di Facebook

Greasemonkey ini script – adalah Facebook: Cleaner menghapus banyak iklan yang mengganggu dan pembaruan yang mau tidak mau muncul pada halaman Facebook.

Cara Men-Sharing Foto Di Flickr ke Facebook

Cara Men-Sharing Foto Di Flickr ke Facebook

Flickr2Facebook memungkinkan Anda meng-upload foto ke Facebook dari Flickr.
Silahkan

Cara Mengetahui Jika Diam-diam Temen Facebook Menghapus atau Mem-Blok Account Anda

Cara Mengetahui Jika Diam-diam Temen Facebook Menghapus atau Mem-Blok Account Anda 
X-Friends adalah alat yang unik untuk melacak teman-teman yang menghapus atau mem-Blok account anda

setelah itu ikuti langkah berikutnya

Cara Membuat Foto Temen Kuliah/Alumni Profil di Facebook

Klik pada tab Friends. Lanjutkan ke tab More. Dari “Choose an option“, pilih salah satu tanda strip “-“. Lanjutkan dengan muali memilih Teman-teman sekuliahan/alumi.

Bagaimana Membunyikan Status Updates Dari Teman Anda di Facebook

Sebuah tutorial singkat tentang Makeuseof untuk memandu Anda cara menyembunyikan update status Facebook dan menjaga kerahasiaannya dari teman-teman yang Anda tentukan.

Cara Menjadwalkan Pengiriman Pesan di Facebook

Cara Menjadwalkan Pengiriman Pesan di Facebook
Sendible memungkinkan Anda menjadwalkan pesan Facebook terlebih dahulu sehingga Anda dapat mengirim pesan ke teman, pelanggan atau kolega di masa depan.

Update Status Tanpa Log In Via Facebook

Update Status Tanpa Log In Via Facebook

hellotxt dan Ping.fm memperkenalkan fitur-fitur yang memungkinkan administrator update Facebook Facebook Pages.

Mendownload Satu Album Sekaligus dari Facebook

Dengan Singkat saya akan Memberikan Informasi ini
Langsung saja kita bahas
Dengan Mozilla anda dapat mendownload add-ons FacePAD: Facebook Photo Album Downloader yang memungkinkan Anda untuk men-download Album Anda /teman-teman Anda , sekaligus, dengan satu klik

Menempatkan Facebook Chat di Samping Browser Firefox (Sidebar)

Facebook Chat sangatlah keren, setidaknya itu memungkinkan Anda untuk mengirim pesan instan ke kontak Facebook online. Namun penempata chat box-nya berada di bagian bawah halaman, bagaimana jika ketika kita sudah Sign Out dari Facebook tetapi masih ingin tetap Chating dengan teman anda? Jika Anda menggunakan Firefox, Anda dapat menempatkan Facebook Chat di sidebar. Caranya Adalah sebagai berikut:
  • Pada menu Bookmarks, pilih Organize Bookmarks …
  • Klik pada New Bookmark 

Cara Memasang Tanda Tangan di Blog

Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.

tanda tangan

3. Setelah itu, klik tulisan Using the signature creation wizard.
tanda tangan

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
tanda tangan

5. Pilih jenis huruf yang di inginkan dan klik Next Step.
tanda tangan

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
tanda tangan

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
tanda tangan

Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step
tanda tangan

9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.


Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.

Beginilah hasilnya

Cara Memasang Game Online di Blog

Cara Memasang Game Online di Blog - Cara Pasang Game di Blogspot - Kadang kala ada saja faktor yang membuat kita malas ngeblog, ada yang karena bosen, karena nggak mood dan macem - macem deh... Sebenarnya rasa bosen tu terjadi di berbagai kegiatan bukan hanya ngeblog, kali ini saya akan kasih tutorial cara mensiasati kebosanan ngeblog.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.

1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.


2. Pilih game yang di inginkan, kemudian ambil embed kode nya.

Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.

A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar


4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan

Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
<object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>

Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut. 
<center><object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>

Cara Memasang Tv Online Streaming di Blog

tv online
Cara Memasang Tv Online Streaming di Blog - Selalu ada yang baru di dunia blog, setelah bisa memasang animasi di blog, memasang lagu di blog, kini dengan kecanggihan teknologi sobat bisa memasang TV online di blog ( nonton sambil ngeblog ) entah itu RCTI, SCTV, TRANS TV, TRANS 7, GLOBAL TV, MNC TV, KOMPAS TV, INDOSIAR, ANTV, TV ONE, dan lain - lain. Tutorial yang seperti ini bisa dengan mudah sobat temukan di google dengan kata kunci "cara pasang tv ( televisi ) di blogspot". Berikut tutorial cara pasang TV di blog bagi sobat yang berminat.

A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.

1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. klik save

B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .

1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. Klik Terbitkan Entri dan lihat hasilnya..

Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan.

Cara Membuat Menu Navigasi Horisontal Animasi CSS3


Cara Membuat Menu Navigasi Horisontal Animasi CSS3 - Tutorial kali ini saya pastikan akan membuat tampilan blog sobat lebih bergairah, setelah beberapa waktu yang lalu menerbitkan artikel tentang membuat menu horisontal animasi menyamping ( KWICKS ) kali ini kembali saya akan memposting artikel serupa namun berbeda. Bedanya dimana?? nanti sobat blogger yang nilai sendiri. Silahkn ikuti tutorial singkat berikut untuk membuat menu animasi mendatar dengan CSS3.

DEMO

1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
.Hansuperanima{
        position:relative;
        margin:15px 0 0 10px;
        overflow:hidden;
        margin:0;
        float:left;
        padding:0;
        background:#1d1d1d url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
}
ul#superAnima{
        width:599px;
        margin:10px 0 20px;
        padding:0;
        margin:3px 4px 3px 4px;
        clear:both;
        float:left;
}
ul#superAnima li{
        margin:0;
        padding:0;
        overflow:hidden;
        float:left;
        height:40px;
}
ul#superAnima li a.anima{
        padding:10px 10px;
        font:10px Arial;
        float:left;
        color:white;
        text-decoration:none;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
        clear:both;
        height:18px;
        line-height:20px;
        background:white url(https://lh4.googleusercontent.com/-a0zdLvnsQE8/T2XFNjkIrWI/AAAAAAAAAcQ/rrmwCSZMx3k/h120/gradBlueH2V53.gif) top left repeat-x;
        text-align:center;
        transition:all 1.2s ease-in-out;
        -o-transition:all 1.2s ease-in-out;
        -moz-transition:all 1.2s ease-in-out;
        -webkit-transition:all 1.2s ease-in-out;
        -ms-transition:all 1.2s ease-in-out;
        font-weight:bold;
        border:1px solid #999;
}
ul#superAnima li a.anima:hover{
        transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -o-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -moz-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -webkit-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -ms-transform:scale(1.0) rotate(0deg) translate(0, -40px);
}
ul#superAnima li a.anima span{
        padding:10px 9px;
        color:transparent;
        opacity:0.2;
        filter:alpha(opacity=20);
        border:2px solid transparent;
        transition:all 1.6s ease-out;
        -o-transition:all 1.6s ease-out;
        -moz-transition:all 1.6s ease-out;
        -webkit-transition:all 1.6s ease-out;
        -ms-transition:all 1.6s ease-out;
        transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -o-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -moz-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -webkit-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -ms-transform:scale(8.0) rotate(0deg) translate(0,-10px);
}
ul#superAnima li a.anima span:hover{
        opacity:1.0;
        filter:alpha(opacity=100);
        padding:4px 9px;
        height:18px;
        transform:scale(1.0) rotate(0deg) translate(0,0);
        -o-transform:scale(1.0) rotate(0deg) translate(0,0);
        -moz-transform:scale(1.0) rotate(0deg) translate(0,0);
        -webkit-transform:scale(1.0) rotate(0deg) translate(0,0);
        -ms-transform:scale(1.0) rotate(0deg) translate(0,0);
        color:#FF0;
        border:2px solid #000;
        background:#555;
        text-shadow:1px 1px 1px #000;
        box-shadow:1px 2px 15px #fff, 0px -1px 3px red, -2px -2px 2px orange, -3px 3px 3px yellow;
        border-radius:4px;
}
ul#superAnima li{
        border:1px solid transparent;
        background:#CC9933 url(https://lh4.googleusercontent.com/-Tk55wbQOL_s/T2XGvQfF2WI/AAAAAAAAAcY/1_THN4F2g7A/h120/gradOrangeBlackV45H2.gif);
}
ul#superAnima li:hover{
        background:#000 url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
        border:1px solid #777;
}
Catatan:
Sesuaikan kode angka yang berwarna biru dengan ukuran template.

4. Klik save dan lanjut ke tahap ke 2.
5. Klik Rancangan --> Elemen laman
6. Klik Tambah Gadget tepat di bawah header dan kemudian pilih HTML/Javascript..


7. Masukkan kode berikut kedalam kotak HTML/Javascript.
<div class="Hansuperanima">
<ul id="superAnima">
<li><a class="anima" href="http://fiqih96.blogspot.com">Home<br /><br /><span>Home</span></a></li>
<li><a class="anima" href="http://Fiqih96.blogspot.com/feeds/comments/default">Comment<br /><br /><span>Comment</span></a></li>
<li><a class="anima" href="http://fiqih96.blogspot.com">fiqih Community<br /><br /><span>Fiqih Community</span></a></li>
<li><a class="anima" href="http://facebook.com/fiqih99">My Facebook<br /><br /><span>My Facebook</span></a></li>
<li><a class="anima" href="http://twitter.com/fiqih96">My Twitter<br /><br /><span>My Twitter</span></a></li>
<li><a class="anima" href="http://fiqih96.blogspot.com/feeds/posts/default">Feed Blog<br /><br /><span>Feed Blog</span></a></li>
</ul>
</div>

Silahkan ubahsuaikan semua kode yang bercetak tebal ( bold ) sesuai keinginan. Sekian tutorialnya dan semoga membantu..

Agar Blog Banyak Pengunjung

Agar Blog Banyak Pengunjung - Wah.. udah lama nich nggak posting.. Mengawali pagi yang cerah ini, kali ini saya akan memposting tentang cara agar blog banyak pengunjung. Visitor adalah harga mati dalam dunia blog.. Betul? Untuk apa kita mengoptimasi template , memakai beribu hiasan di blog, dan menulis artikel se orisinil mungkin yang nantinya hanya kita sendiri yang menikmatinya ? Blog kita butuh dipromosikan.. Promosi bisa dilakukan dengan berbagai cara.. Diantaranya
1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klik disini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking

Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....

Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas...

Cara Menampilkan Ranting Bintang di Hasil Pencarian Google

Cara Menampilkan Rating Bintang di Hasil Pencarian Google - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah  ..ane nggak tahu..

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>
catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body>

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

Cara memasang menu accordion di blog

Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat.  Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.

1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
</div>

7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??

tukaran link dengan saya

yang ingin tukaran link dengan saya Langsung saja Copy kode di bawah ini :


Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

Blog Fiqih Community



lalu kamu masuk ke Dashboard > klik Tata Letak
 kedua tambahkan gadget 
ketiga  Pilih Text > kemudian klik Edit HTML 
keempat masukan kode di atas
lalu klik save

Terima kasih

Cara membuat website

Cara Membuat Website

Cara membuat website / blog pada saat ini tidaklah serumit sebagaimana halnya dahulu, jika zaman dahulu hanya beberapa orang saja yang dapat melakukannya dan mereka yang ahli dalam berkoding saja yang bisa membuatnya, sekarang orang awampun bisa membuat website sendiri dengan mudah dan cepat walau tanpa harus dapat memahami bahasa pemograman.
Bagi sebagian Anda yang mungkin saat ini masih bingung dan kesulitan dalam pembuatan website, berikut ini adalah langkah langkah yang dapat anda lakukan untuk menciptakan website.
Ikuti Langkah langkah berikut ini untuk membuatnya:
  1. Buka browser  favorit Anda (Chrome /Firefox) lalu buka halaman berikut ini : http://api.idhostinger.com/redir/98518 atau klik gambar ini : Hosting Gratis
  2. Setelah itu, klik “Order sekarang” atau “Buat Akun”
    cara membuat website idhostinger-order
  3. Masukkan data diri Anda dengan benar, lalu klik “Buat Akun”
    cara membuat website idhostinger-form-signup
  4. Sekarang Anda diminta untuk konfirmasi email.
  5. Silahkan buka email yang Anda gunakan untuk mendaftar tadi, lalu klik kode konfirmasi yang telah dikirimkan.
    Hostinger Indonesia info@idhostinger.com Halo xxxxx , Terimakasih telah bergabung dengan kami. Silahkan klik link di bawah ini untuk melakukan aktivasi akun Anda: http://cpanel.idhostinger.com/auth/confirm/hash/xxxxxxxx Terimakasih
  6. Pendaftaran berhasil, sekarang masukkan nama website yang akan kita buat, misalkan www.   topinfo   (dot)16mb(dot)com dan lengkapi data dibawahnya, kemudian klik “Buat”.  Jika menginginkan menggunakan domain .com, .net, .org / tanpa embel2 16mb, maka Anda harus membeli domain tersebut terlebih dahulu dan mengarahkan Name Server (DNS) ke idhostinger. cara membuat website idhostinger-success
  7. Akan muncul proses pembuatan akun website, tunggu sampai selesai dan statusnya menjadi Akun Aktif (Sekitar 5 menit).
  8. Jika sudah “Akun Aktif”, cek dengan mengakses alamat website Anda tadi di browser, maka akan muncul gambar berikut ini : cara membuat website idhostinger-site-running
    “Your website is up and running!”, artinya website anda sudah jadi dan sudah berjalan.
  9. Tahap selanjutnya ialah instalasi script/ software website. Kembali ke halaman idhostinger, klik “Kontrol Panel” lalu pilih website Anda kemudian tekan “Beralih” (Switch).
    cara membuat website idhostinger-switch-account
  10. Setelah masuk “Kontrol Panel”, cari di bagian “Website” dan klik “Penginstall Otomatis” (Auto Installer). cara membuat website idhostinger-auto-installer
  11. Kemudian silahkan pilih salah satu script / software website yang disediakan, misalnya WordPress. Klik “Install WordPress”, lalu masukkan user dan password untuk login website. cara membuat website idhostinger-klik-install cara membuat website idhostinger-install-wordpress
    • Kotak pertama biarkan kosong. Artinya anda akan menggunakan main folder (root situs) sebagai tempat installasi wordpress.
    • Kotak kedua isi dengan nama akun admin situs anda, isi apa saja sesuai selera. Ini adalah username yang akan digunakan untuk login bagian backend situs wordpress anda, yakni ketika anda akan posting, membalas komentar, dll.
    • Kotak ketiga isi pasword sesuai selera.
  12. Jika muncul pertanyaan, klik saja “OK”.
  13. Tunggu proses instalasi website sampai selesai (sekitar 10 detik saja).
  14. Setelah instalasi selesai, maka akan muncul data-data website Anda. Silahkan ini dicatat untuk login ke website Anda.
    cara membuat website idhostinger-web-info
  15. Website Anda sudah jadi, silahkan buka “URL instalasi” untuk melihat website dan “URL Login” untuk login dan mengatur website.
  16. Tahap selanjutnya Anda tinggal mengatur beberapa settingan tampilan website Anda agar lebih menarik. Jangan lupa juga untuk menambahkan beberapa artikel agar web tidak terlihat kosong tanpa ada berita. Untuk langkah-langkahnya silahkan baca artikel “Update” dibawah ini.

  17. -= UPDATE =-

    Panduan Dasar Mengelola Situs Berbasis WordPress :
    A.    Cara Login ke Dashboard WordPress Self Hosting
    1. Ketikkan “www.   alamat-situs-anda   (dot)16mb(dot)com/wp-admin”
    2. Masukkan username dan password, lalu klik “Log In”
    B.    Cara Recovery Password yang Lupa WordPress Self Hosting
    1. Ketikkan “www.   alamat-situs-anda   (dot)16mb(dot)com/wp-admin”
    2. Pada bagian bawah kotak login, klik “Lost Your Password?”
    3. Masukkan username / email Anda, maka password akan dikirim ke alamat email Anda
    C.     Mengubah Password Admin WordPress Self Hosting
    1. Login ke Dashboard WordPress Anda
    2. Pada bagian kanan atas, klik link username Anda misalkan “Howdy, Admin
    3. Scoll ke bawah, pada bagian “New Password” isikan dengan password baru dan isikan pula pada kotak dibawahnya.
    4. Tips: Lihat indikator di bawah kotak, jika berwarna Merah / low, sebaiknya ganti password Anda dengan yang lebih aman sampai indikator berwarna Hijau / Strong
    5. NB: Pada halaman ini Anda juga bisa melengkapi data-data Anda seperti mengganti nama, avatar (Foto Profil), email, website dsb.
    6. Klik “Update Profile”
    D.    [PENTING] Cara Mengganti Tema / Template WordPress Self Hosting
    1. Login ke Dashboard WordPress Anda
    2. Scroll ke bawah, klik menu “Apperance” -> “Themes”
    3. Klik tema yang Anda inginkan, lalu klik “Activate”
    E.     Cara Menambah Tema WordPress Self Hosting
    1. Login ke Dashboard WordPress Anda
    2. Scroll ke bawah, klik menu “Apperance” -> “Themes”
    3. Pada bagian atas, klik “Install Themes”
    4. Jika Anda ingin menginstall secara online, masukkan kata kunci pada kotak pencarian misalnya “simple theme” atau “magazine” lalu klik “Search atau bisa juga melalui Feature Filter, centang fitur yang Anda inginkan, lalu klik “Find Theme”
    5. Jika Anda sudah punya file tema wordpress, silahkan klik menu Upload dan pilih file wordpress Anda. Setelah itu klik “Install Now”
    F.     Panduan Menulis Artikel Dinamis pada WordPress Self Hosting
    1. Login ke Dashboard WordPress Anda
    2. klik menu “Posts” -> “Add New”
    3. Klik “Enter Title Here”, lalu masukkan judul artikel
    4. Pada kotak dibawahnya, masukkan artikel Anda. Bisa dengan cara copy paste dari file ms. word atau dokumen yang lain
    5. Untuk menambahkan gambar, lagu atau film klik icon sebelah tulisan “Upload/Insert”
    6. Untuk membuat fitur “Read More” atau “Selengkapnya…” klik icon “Insert More Tag” atau tekan “Alt+Shift+T”
    7. Lihat pada bagian kanan, pada kotak “Categories” pilih kategori artikel atau buat baru dengan klik “+Add New Category”
    8. Pada kotak “Tags”, masukkan kata kunci artikel misalnya “jaringan komputer, tkj, panduan”. Setiap kata kunci dipisahkan dengan koma. Setelah kata kunci dituliskan semua, tekan “Enter”
    9. Untuk menerbitkan tulisan, klik tombol biru bertuliskan “Publish”
    10. Untuk menyimpan tulisan saja tanpa diterbitkan, klik “Save Draft”
    G.    [PENTING] Cara Mengubah Nama Situs / Blog Anda
    1. Login ke Dashboard WordPress Anda
    2. Scroll ke bawah, klik menu “Settings” -> “General” (Pengaturan->Umum)
    3. Ganti Site Title / Judul Situs sesuai dengan yang Anda inginkan, misal “Habibie Blogs”
    4. Ganti Slogan menjadi moto hidup Anda, misal “… membela yang benar!” atau “… gerakan perubahan!”. Kaya slogan parpol ya? hehe….
    5. klik “Save” untuk menyimpan
      Terima kasih Semoga Bermanfaat

Cara Membuat Buku Tamu Di Blog

Dalam panduan blogspot kali ini,kita akan membahas cara membuat buku tamu di blog.Memasang buku tamu di blog merupakan hal yang lumayan penting,karena buku tamu ini salah satu sarana untuk berinteraksi antara pemilik blog dan para pengunjung.Dengan adanya buku tamu ini,para pengunjung bisa mengungkapkan isi hatinya tentang blog yang sobat buat,bisa berupa pujian,saran maupun kritik.Cara membuatnya juga tidak terlalu sulit.Ayo segera kita mulai cara membuat buku tamu di blog.Silahkan sobat ikuti langkah-langkah berikut ini :


 Kita akan membuat buku tamu dengan gratis,mau?" ayo kita mulai
*Buka alamat http://www.shoutmix.com
*Setelah masuk ke halaman utama shoutmix,Klik Create Shoutbox
*Setelah itu,Isi form yang telah disediakan.Lalu klik Continue
*Jika sobat sudah terdaftar,silahkan sobat login dengan id sobat.
*Setelah masuk ke akun sobat,klik style&colors.Pada menu style&colors sobat bisa mengganti warna dan style shoutbox sesuai keinginan sobat.
*Setelah selesai,klik back to settings 
*Copy kode html shoutbox sobat

Sekarang kode shoutbox tersebut akan kita pasang di blog kita.
*Silahkan sobat login ke akun blogger sobat
*Klik RANCANGAN
*Lalu klik Tambah Gadget
*Lalu pilih/klik Html/Javascript
*Paste kan kode shoutbox sobat tadi di kotak yang disediakan,lalu klik SIMPAN.
 sobat juga bisa menentukan posisi buku tamu sesuai keinginan sobat.
*Selesai
TERIMA KASIH semoga bermanfaat untuk sobat