Cara Membuat Tulisan Berkedip

Bagaimana Cara Membuat Tulisan Berkedip ? Tulisan atau huruf berkedip ini dalam dunia coding disebut 'Blinking'

Namun sayang nya tidak semua browser mendukung tampilan si tulisan berkedip ini. Saat saya test, hanya Mozilla firefox dan Opera yg mendukung HTML tulisan berkedip.



Seperti apa sih tulisan berkedip ?

INI CONTOH TULISAN BERKEDIP

Sekali lagi, untuk melihat tulisan atau text berkedip lewat Browswer firefox atau opera yah..

Lalu cara bikin tulisan berkedip gimana ?

Cara nya tambahakan kode HTML  <blink>tulisan yg akan berkedip</blink>

Penempatan tulisan berkedip

Biasananya webmaster menempatkan tulisan kedip ini di bagian bagian blog atau website yang memang disengaja untuk menarik perhatian pengunjung seperti juga fungsi tulisan berjalan yng tujuan menarik perhatian pengunjung untuk melirik kearah objek bergerak tsb.Untuk cara membuat tulisan berjalan , silahkan lihat kesini : Cara membuat tulisan berjalan diblog Demikian semoga artikel Cara membuat tulisan berkedip ini adalah yang dimaksud oleh anda. Jika bukan, jangan sungkan untuk tanya di form komentar...

Cara membuat Halaman Page Blogspot

Cara membuat Halaman di Blogger

Gimana sih Cara membuat halaman di Blogspot, misalnya : halaman About Us, halaman Privacy Policy, halaman Contact Us, dan lain-lain. ?

Artikel Cara membuat Halaman di Blog ini khusus untuk anda yang mungkin belum tau caranya. Untuk yang sudah tau, lewati aja postingan ini yah…


Apa beda Halaman "Page" Blog dengan halaman Posting blog?



Pada blogspot, halaman page dapat dilihat dari URL nya . misalnya sebagai berikut :
http://templatepertama1.blogspot.com/p/about.html

Sedangkan halaman posting blog akan tampil seperti ini :

http://templatepertama1.blogspot.com/2010/12/selamat-datang-di-panduan-membuat.html

Ketahuan kan bedanya ?

Yaitu ada huruf  “p” setelah blogspot.com untuk halaman page

Dan ada urutan tahun dan bulan setelah blogspot.com pada halaman posting blog.

Apa Manfaat Halaman Page ?


Manfaat nya utk pemilik Blog :  Bisa mengoptimalkan satu halaman khusus itu untuk tulisan spesifik ,misalnya perkenalan, pernyataan, untuk menjual dll.

Manfaat nya utk Pengunjung Blog : pengunjung lebih merasa telah mengunjungi halaman yang lebih personal.

Langkah Membuat Halaman Page di Blogger

  1. Masuk ke Dashbor blogger : http://draft.blogger.com/home
  2. Pilih akun blog yang ingin dibuat halaman page blog ( jika anda memiliki banyak blog didalam satu akun)
  3. Di blog yang dipilih, klik “POSTS” atau “Post” ( gmbr.1 )
  4. Klik Tab “EDIT page” atau “Edit Laman” ( gmbr.2 )
  5. Karena kita belum pernah membuat satupun halaman page, maka klik new page atau “Laman baru”. ( gmbr.3 )
  6. Kemudian , isilah tulisan yang diperlukan lengkap dengan judul halaman nya.
  7. Klik publish
  8. Langkah selanjutnya pilihlah bagaimana link halaman page ini akan muncul, apakah sebagai tab navigasi horisontal dibawah header, atau di sidebar, atau kita akan membuat tab navigasi khusus yang sesuai selera kita.Kalau saya memilih link halaman page tampil sebagai navigasi horisontal. ( gmbr.4 )
  9. Setelah dipilih opsinya, lalu klik “Save and Publish” .Lihat contoh Link halaman page yg sdh kita buat. di ( gmbr.5 )
  10. Selesai..anda kini sudah memiliki satu buah halaman page.Jika ingin membuat halaman yang baru, ulangi dari langkah 4.

Gambar Peraga Cara Membuat Halaman di Blogpot



Gmbr.1 : Dasbor Blogger


Gmbr.2 : Edit Page



Gmbr.3 : Klik New Page

Gmbr.4 : Opsi navigasi

Gmbr.5  : Link Navigasi Page



Demikianlah Cara membuat Halaman di Blogspot ini yang mudah-mudahan bermanfaat untuk anda.

Gadjet Recent Visitor Dari Feedjit

Cara Menampilkan Recent Visitor Dengan Gadget dari Feedjit.com

Artikel ini Sebagai update postingan : Menampilkan Recent visitor Blog, dimana ternyata myblogblog.com sudah tidak melayani membernya lagi alisa sudah di tutup oleh Yahoo.


Untuk itu saya mencoba mencari alternatif yang paling mendekati dalam menampilkan RECENT VISITOR atau pengunjung terbaru di blog kita.

Pilihan saya jatu pada feedjit.com , dengan alasan feedjit selain bisa menampilkan recent visitor, juga sekaligus mampu menampilkan kata kunci yang diketik pengnjung unik yang datang dari search engine. Feeedjit juga mampu menampilkan asal sumber si pengunjung datang.Juga menampilkan asal negara si pengunjung baru itu…hebat kan..?

Ada 3 fitur layanan feedjit berdasarkan beban biaya, yaitu :

2. Feedjit yang gartis
Our Original Free Live Traffic Feed
Free and no credit card required

Free Live Traffic Feed
Live Traffic View
Public Stats
Ad Supported

Feedjit Advance
Advanced : For a Personalized Live Traffic Feed
$4.95 monthly membership

Fully personalized Traffic Feed
Priority customer support
Live Traffic View
No Ads
Public Stats


3. Feedjit Pro
For Pro Bloggers & Webmasters
$9.95 monthly membership
Fully personalized Traffic Feed
Priority customer support
Ad Free Pro Live Traffic View
Private or Public Stats
Advanced Real-Time Graphs
Real-Time Events
Email Alerts

Cara daftar di Feedjit:


Klik signup pada pilihan anda sebagai berikut :
Untuk yang free :  http://feedjit.com/freeLiveTrafficFeed/
Karena saya pilih yang free , maka tutorial ini saya tulis dalam format yang free.
Ketika anda masuk , nanti seperti biasa, isikan data-data anda termasuk email yang valid
Setelag itu klik tombol Signup

Lalu pada halaman berikutnya , Kita akan mengatur tampilan dari widget feedjit. Aturlah sesuka anda . Kalau saya langsung aja , tidak perlu atur-atur lagi.Karena tampilan sudah sesuai dengan selera saya. Jadi saya langsung ke tahap selanjutnya untuk mendapatkan kode HTML .Saya memilih untuk memasang pada “Other blog or website”

To be Continue.....

Cara Membuat Navigasi Horisontal

Bagaimana Cara Membuat Navigasi Blog Secara Horisontal Atau Mendatar ?



Dulu saya pernah mencoba membuat tab navigasi blog seperti yg ada di blog-blog lain. Tanpa ilmu yang cukup, saya mendapati tab navigasi yang saya bikin terlihat kacau balau :D . Setelah saya tau cara membuat tab navigasi blog, terutama navigasi yang tulisannya berjejer mendatar ( Horisontal) , maka saya langsung merubah navigasi semua blog-blog saya yang lain.

Apa yang dimaksud Navigasi Blog ?

Haaa... mungkin diantara sobat ada yang masih belum tau apa yang dimaksud navigasi blog yang saya tulis di artikel ini ? Lihat aja deh gambar dibawah ini :


Cara Bikin Navigasi Blog horisontal


Apa Manfaat dan Fungsi Navigasi Blog ?

Manfaat dan Fungsi Navigasi blog adalah untuk memudahkan pengunjung blog mencari artikel atau konten yang dibutuhkannya. Navigasi blog juga menjadi salah satu point penting dalam SEO ( Search engine Optimisation )

Langkah Membuat Navigasi Blog

Ada dua cara membuat tab navigasi horisontal dibawah header.
Cara satu dengan fitur membuat tab halaman page dariblogger , yang caranya bisa lihat disini : Tab navigasi Horisontal Halaman Page Blogger

Cara kedua adalah cara manual yang lebih fleksibel untuk pengaturan tampilan sesuai kehendak kita.

Untuk membuat Navigasi blog Horisontal ini , saya menggunakan contoh template SIMPLE Josh Peterson .
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com

1. Buka dashbor blogger anda pada tampilan blogger lama, dengan pengaturan bahasa umum ke bahasa Indonesia.Lihat disini cara mengatur tampilan dashbor blogger .

2. Klik Tab "Rancangan".



3.Pilih Tab EDIT HTML




4. Kemudian untuk jaga-jaga, silahkan klik link Download Template Lengkap , lalu simpan di hardisk komputer .

5. Setelah membackup template lama, lalu centang kotak Expand Template Widget




6. Klik CTRL + F pada keyboard anda utk mencari kode </header>
gambar dibawah ini screenshot saat saya berada di browser mozilla Firefox.



7. Setelah ketemu tag </header> , copy kode dibawah ini , dan pastekan dibawah tag header tsb.


<!-- univmenucontainer -->
<div id='univmenucontainer'>
  <div id='menu'>
  <ul>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'  title='ganti'>About Us</a></li>
    <li><a href='#' title='ganti'>Download</a>
      <ul class='subnav-2'>
        <li><a href='#' title='Ebook'>Ebook</a>
        </li>
        <li><a href='#' title='ganti'>Software</a>
        </li>
      </ul>
    </li>
    <li><a href='#' title='ganti'>Sitemap</a></li>
        <li><a href='#' title='ganti'>Produk</a></li>
   <li><a href='#' title='ganti'>Belum Ada</a></li>
  </ul>
</div>        
</div>
<!-- /univmenucontainer -->


Ganti tanda " # " pada kode diatas dengan URL link lengkap , misalnya URL halaman Page , atau URL postingan blog yang ingin ditampilkan di Tab navigasi blog anda.
Contoh URL lengkap : http://templatepertama1.blogspot.com/p/about.html
Ganti title nya sesuai dengan Link yg anda tampilkan
Ganti keterangan TEXT  : About ; Ebook,SOftware dll dgn Text sesuai dengan link yg ingin ditampilkan.

Contoh lengkap :  misalnya pada navigasi About Us :

<li><a href='http://templatepertama1.blogspot.com/p/about.html' title="Kenalan dulu yuk">About Us</a></li>


8. Setelah anda mem paste kode HTML utk navigasi ,lalu cari lagi dengan tekan CTRL+F pada keybord anda kode tag :  ]]></b:skin>





9. Setelah ketemu, lalu copy kode CSS dibawah ini , dan pastekan diatas kode ]]></b:skin> tadi .

Kode CSS pengatur Navigasi Horisontal :

/* Navigasi horrisontal --*/
#univmenucontainer{
height:26px;
display:block;
margin:5px 0;padding:2px;
font: 14px "Century gothic",verdana, Arial, sans-serif;
font-weight:normal;background:#000444;
}
#menu ,#menu ul {
height:24px;
margin: 0 1px;
padding: 0;
list-style: none;
height:24px;
}
#menu a {
color: #B3DBEF;
display: block;
font-weight: normal;
padding: 4px 5px;
background:#000222;
border-left:1px solid #666;
}
#menu a:hover {
background:#999;
color: #222;
display: block;
text-decoration: none;
background:#0fffff;
border:0.5px solid #666;
}
#menu li {
float: left;
margin:0;
padding: 0;
}
#menu li li {
float: left;
margin: 0px 0px 0px 5px;
padding: 0px;
width: 130px;
background:#aaa;
border:1px solid #666;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#0fffff;
width: 120px;
float: none;
margin: 0px;
padding: 2px 10px 2px 10px;
color:#000;
}
#menu li li a:hover, #menu li li a:active {
background:#0fffff;
border:0.5px solid #666;
width: 120px;
float: none;
margin: 0px;
padding: 2px 10px 2px 10px;
color:#06415F;
}
#menu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}
#menu li:hover ul {
left: auto;
display: block;
}
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}

10. Kalau sudah di paste, langkah terakhir adalah tekan SAVE template


Nahhh demikiaanlah  artikel Cara Membuat Navigasi Horisontal ini saya berikan yang semoga berguna untuk anda..

Mengatur Tampilan Dashboard Blogspot Agar Sama

Mengatur Tampilan Dashboard Blogspot Agar Sama Dengan Tutorial Blog Lain


Dashbor blogspot terus mengalami perubahan, ini membuat kita kadang bingung dalam memahami tutorial yang berbeda-beda cara penulisan atau gambar ilustrasi. Tentu saja berbeda-beda, karena di setiap dashbor blogspot si pembuat artikel dengan si pembaca artikel pengaturan dashbornya pun berbeda.

Tulisan Mengatur penampilan dashbor blogspot ini saya publish tersebab banyak komentar yang masuk menanyakan perbedaan-perbedaan tersebut.

Oleh sebab itu saya coba menuliskan daftar pertanyaan yang Insya Allah Saya jawab selengkap mungkin.

1. Kenapa di dashbor Blogspot saya berbeda dengan gambar tutorial ?


Seperti yang sering saya alami di awal-awal saya ngeblog, ketika saya mencoba merubah tampilan blog saya, saya kadang kebingungan saat melihat tutorial dari blog lain yang beda antara gambar dengan yang ada di dalam dashbor blogspot saya.

Oleh sebab itu, mari kita lihat saja dalam gambar peraga dibawah ini. Mudah-mudahan gambar ini menjawab pertanyaan anda.

Gambar 1 : Dashbor Blogspot dalam DRAFT BLOGGER (Blogger dalam Konsep)-Tampilan Baru- Bahasa Indonesia

Pada gambar 1  diatas,itu adalah tampilan blogspot dalam format NEW Blogger atau blogger dalam konsep atau DRAFT Blogger-Dalam format pengaturan umum bahasa Indonesia. Jika anda ingin mencoba merubah ke tampilan baru blogger, bisa dengan cara sbb :

1. Mengakses di Adress bar dengan URL : http://draft.blogger.com

2. Mengklik link :"Coba antarmuka Blogger yang diperbarui" atau yg bahasa Inggrisnya : " Try The Updated Blogger Interface", seperti terlihat di gambar 2.a dibawah:


Gambar 2.a

Sedangkan gambar 2.b dibawah , adalah tampilan NEW Blogger atau blogger dalam konsep atau DRAFT Blogger-Dalam format pengaturan umum bahasa Inggris. Perhatikan perbedaan Bahasa nya . Nantinya diharapkan anda sudah mampu mengenali perbedaan ,sehingga tdk bingung lagi.

Gambar 2.b - Tampilan New Blogger dalam Format Bahasa Inggris

Dan Gambar 3. dibawah ini, adalah tampilan dashbor blogger lama, atau OLD INTERFACE - dalam  format   umum bahasa Indonesia . Saya lebih menyukai tampilan blogger lama ini, karena lebih mudah dan lebih enak dilihatnya.


Gambar 3. Tampilan Blogger Lama "Old Interface" - Bahasa Indonesia


Gambar 4. dibawah ini, adalah tampilan dashbor blogger lama, atau OLD INTERFACE - dalam format umum bahasa Inggris.


Gambar 4. Tampilan Blogger Lama "Old Interface" - Bahasa Inggris


2.Mas kok TIDAK ada tab Design seperti digambar?


Tab DESIGN , seperti yang kita lihat di dalam gambar.4 kadangkala tidak muncul di dashbor blogspot kita, Penyebabnya yaitu :

a. Pengaturan bahasa umum di blogspot anda adalah ke Bahasa Indonesia, sehingga tulisan tab Design akan menjadi : Rancangan

b. Tab Design atau Rancangan , tidak akan muncul di blog spot dengan penggunaan template klasik, yang muncul adalah tab “Template”.


3.Itu kok tidak ada Tab TEMPLATE di dasbor saya?


Tab Template hanya muncul jika blogspot anda mengunakan template klasik. Apa beda yang klasik dengan non klasik ?
Lihat disini penjelasan dan gambar peraganya : Beda Template Klasik dengan Template New XML

Untuk Merubah Template klasik ke versi New XML bisa lihat disini : Merubah template clasic ke New XML

4.Gimana supaya tampilan dashbor blogspot saya bisa kembali ke tampilan dashbor blogspot yang lama?


Cara nya yaitu, pastikan anda menghilangkan centang pada kotak :
Jadikan Blogger dalam Konsep sebagai Bawaan , atau bahasa Inggrisnya : Make Blogger in draft My Default - (gmbr.5)
Gambar 5

Kemudian akses lah blogger lewat adress bar dengan URL :
http://www.blogger.com/home

Kalau belum bisa, kita klik gambar yg seperti matahari yg ada  diatas kanan dashbor. Lalu pilih : " Old Blogger Interface" atau bahasa Indonesianya " Antar Muka Blogger Lawas" (Gbr.6)

Gambar 6

5.Apa yang dimaksud tampilan DRAFT BLOGGER ?


Tampilan darft blogger adalah tampilan dashbor blogspot yang baru,dimana blogger mencoba memberikan pilihan kepada kita untuk memlilih yang mana yang paling nyaman dan memudahkan kita dalam menggunakan fitur-fitur blogger.

6.Kok di Tempat saya tidak ada Link "Layout" ?


Tab atau llink Layout adalah tampilan dashbor blogger yang sudah digantikan dengan tab Design atau Rancangan (pada new xml )a atau "Tab Template (pada ( Classic). Jadi kalau anda melihat sebuah tutorial yang masih merujuk pada tab "Layout" ,maka itu adalah tampilan blogger yang lamaaaaa, .

7.Kenapa tidak ada link "Monetize" atau "Uangkan" di dashbor blogspot saya?


Tidak adanya tab "Monetize" atau "Uangkan" bisa terjadi karena Pilihan bahasa blog anda di bagian pengaturan "Setting" atau "Setelan" --> "Formating" -->"Languange" atau "bahasa" diatur ke Bahasa non Inggris.Lihat gmbr.7

Gmbr.7 - Tab Monetize
Namun pada blog yang menggunakan template klasik, meskipun kita mengatur blog ke bahasa Indonesia, tab Monetize tetap muncul. Hal ini saya belum ketahui penyebabnya.

Nah...demikianlah artikel "Mengatur Tampilan Dashboard Blogspot " menjadi Tampilan dashbor lama atau baru ( Old interface atau New Interface) ini saya tuliskan untuk anda yang belum familiar dengan fitur-fitur blogger.

Semoga bermanfaat...