cara baru membuat tulisan Berjalan dan berwarna pada Buku Tamu (guest book) CBOX

Selamat Malam semuanya..!!

Jujur sekarang saya sedang tidak ada pekerjaan..! saya bingung mau buat apa, mau kemana? liat jam sudah hampir siang. waw....!!!

Setelah saya pikir-pikir, lebih baik saya ambil kesempatan untuk berbagi ilmu dan pengalaman. Tapi ilmu apa yach ( hatiku bertanya-tanya).

sekali lagi saya pikir-pikir, akhirnya da baiknya saya mau berbagi cara membuat teks/tulisan indah dan menarik pada buku tamu (quest book) CBOX.

So nda mo basah-basih lei qt. lansung jow mo kase tau depe cara-cara:

langkah-Langkah untuk membuat tulisan indah dan menarik pada CBOX adalah sebagai berikut:

1. Lansung saja berkunjung ke blog teman anda


2. Setelah anda membuja blog teman berikut yang harus anda tulis pada  buku tamu CBOX blog teman anda

Berikut ada kode-kode yang dipakai untuk membuat teks/tulisan indah dan menarik pada CBOX

1. Cara membuat Teks Berjalan (Alternate) pada CBOX

Ketik[scroll] sebelum teks dan [/scroll] sesudah Teks.  Contoh: [scroll] Tulisan anda [/scroll]. Lihat hasilnya Seperti berikut :Tulisan anda

2. Cara membuat teks dengan Ukuran besar (big) pada CBOX

Ketik[big] sebelum teks dan [/big] sesudah Teks. Contoh:[big]teks Anda[/big]. Maka Hasilnya adalah seperti berikut: Teks Anda

3. Cara membuat teks tebal (bold) pada CBOX

Ketik[b] sebelum teks dan [/b] sesudah teks. Contoh: [b]teks anda[/b], maka Hasilnya adalah seperti berikut : teks anda

4. Cara membuat Teks miring (italic) pada CBOX

Ketik[i] sebelum teks dan[/i] sesudah teks. contoh : [i]teks anda[/i], maka hasilnya adalah seperti berikut : teks anda

5. Cara membuat teks bergaris bawah (underline) pada CBOX

Ketik[u] sebelum teks dan[/u] sesudah teks. Contoh: [u]teks anda[/u], maka hasilnya adalah sebagai berikut : teks anda

6. Cara mebuat teks/tulisan berukuran kecil (small) pada CBOX

Ketik[small] sebelum teks dan[/small] sesudah teks. Contoh [small]teks anda[/small], maka hasilnya adalah seperti berikut : teks anda

7. Cara membuat teks berwarna (color) pada CBOXX

Ketik[color=jenis warna] sebelum teks dan[/color] sesudah teks.contoh penulisannya : [color=orange]teks anda[/color],maka hasilnya adalah seperti berikut:  teks anda

8. Cara membuat teks berlink (url) pada CBOX

Ketik[url=alamat url] sebelum teks dan[/url] sesudah teks.contoh penulisannya : [url=http://aroxx.blogspot.com/]Visit this blog[/url],maka hasilnya adalah seperti berikut: Visit this blog jadi tulisan/teks "Visit this blog" saat diklik akan mengarah ke situs : http://aroxx.blogspot.com/

Dari semua kode tersebut anda bisa menggabungkannya misalnya kode teks huruf besar (big), berwarna (color), berjalan (marquee) contohnya : [big][color=orange][scroll] BLOG AROXX[/big][/color][/marquee], maka hasilnya adalah seperti berikut :

BLOG AROXX

ok teman sampai sini dulu pembahasan mengenai cara membuat teks/tulisan berjalan pada buku tamu CBOX. Tunggu saja postingan berikutnya, pasti lebih menarik dan berkualitas...!

Read More

Tips mengetahui rangking blog/website kita dengan toolbar Alexa

Pada Kesempatan ini saya akan berbagi cara, tips-trik lengkap untuk mengetahui peringkat blog dengan menginstal toolbar Alexa pada Mo

zilla firefox.

Bagi anda yang belum tahu akan hal ini maka ikuti langkah-langkah berikut ini:

1. Buka situs Alexa

Akan muncul tampilan seperti berikut:

2. Klik menu Toolbar pada gambar tampilan page tersebut (Lihat Gambar berikut))



3. klik "Instal Alexa Toolbar"


4. Klik "I Accept and Instal"


5. Setelah selesai diinstal restart firefox anda

Read More

Mengenal Beberapa jenis Meta Tag content

Meta Tag adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai penyampai informasi metadata dari sebuah halaman web.Meta Tag Harus diletakan pada bagian Head.

Berikut ini Ada contoh-contoh meta tag dan cara pemasangan meta tag pada blogger.

1. 
   Meta Tag Deskripsi

   
   

Meta Description adalah suatu elemen html atau xhtml yang berfungsi memberikan garis besar isi halaman web atau mendeskripsikan suatu blog/web. Meta Tag Description biasanya sebuah Kalimat. Contoh penulisannya adalah seperti berikut :  <meta content='Belajar SEO Blogspot, Teknik SEO Blogspot, Blog SEO Tips, SEO Friendly Blogger Template' name='DESCRIPTION'/>


2. 
   Meta tag Keyword

   
   

Meta Keywords (Kata Kunci) adalah Tag html/xhtml yang diciptakan sebagai penjelas isi dari halaman web melalui beberapa kata. Keyword adalah kata kunci yang di pakai oleh search engine seperti google dan Bing. Perlu kita ketahui kalau membuat keyword pada blog kita jangan melewati tujuh (7) kata karena google akan menganggap spam. contoh penulisan Meta Tag keyword adalah seperti Berikut:  <meta content='keywords1, keywords2, trik blog, keywords3' name='Keywords'/>


3. 
   Meta Tag Robot

   
   

Meta Tag Robot adalah Tag yang bisa memberikan informasi kepada Mesin pencari (search engineapakah mesin pencari tersebut boleh atau tidak untuk mengatur, mencegah dan membolehkan menelusuri isi blog/web kita. Contoh Penulisan meta Tag robot adalah seperti berikut : <meta content='index, follow' name='ROBOTS'/>


4. 
   Meta Tag Parse

   
   Meta tag parse adalah meta tag yang berguna untuk mengurai string HTML dan membuat daftar Html Meta objek. Penulisan Meta Tag Parse adalah seperti Berikut :

<meta content='true' name='MSSmartTagsPreventParsing'/>


5. 
   Meta Tag HTML

   
   

Meta Tag HTML adalah meta yang Berfungsi menjelaskan isi dari jenis kode HTML dalam tubuh blog/web. Pada umumnya adalah berjenis Utf-8 dan berikut adalah kodenya:                             <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>


6. 
   Meta Tag Language

   
   

Meta Tag Laguage (bahasa) adalah meta yang berfungsi mendefinisikan bahasa yang dipakai pada blog/web kita. misalnya : <meta content='id' name='language'/>. Meta Tersebut mendefiniskan kalau blog kita berbahasa Indonesia.


7. 
   Meta Tag Geo Country

   
   

Menjelaskan letak atau nama sebuah negara asal sebuah blog. Masih menggunakan kode sebuah negara, misal Indonesia dengan "id". Berikut ini kodenya : <meta content='id' name='geo.country'/>


8. 
   Meta Tag Geo Palacement

   
   


Meta Tag Geo Palacement adalah meta yang mendefinisikan letak geografis, sebenarnya sama seperti meta Tag Geo Country tapi penulisnannya beda berikut adalah cara penulisannya : <meta content='Indonesia' name='geo.placename'/>


9. 
   Meta Tag Revisit After

   
   


Meta Tag Revisit After adalah Meta tag ini yang menjelaskan seberapa sering blog ingin dikunjungi oleh mesin pencari. Cara Penulisannya adalah seperti berikut: <meta content='2 days' name='revisit-after'/>


10. 
    Meta Tag Author

    
    


Meta Tag Author adalah Meta tag yang menjelaskan nama dari penulis atau pemilik blog tersebut. cara penulisnnya adalah seperti berkut: <meta content='nama Anda' name='author'/>. Nama anda bisa diganti sesuai keinginan anda atau bisa saja anda tulis judul blog anda atau keywords blog anda.


11. 
    Meta Tag Generator

    
    


Meta Tag Generator adalah Meta tag yang menjelaskan atau membuat search engine mengenal kalau web blog anda terbuat dari platform apa?. Jika anda pengguna blogger maka yang anda tulis meta tagnya adalah sebagai berikut : <meta content='blogger' name='generator'/>

Tag tesebut adalah tag Standard pada blogger yang mutlak harus ada jika blog anda Lebih SEO Friendly. Ada Beberapa meta tag lainnya juga sangat penting seperti meta tag dari alexa, googlewebmaster, bingwebmaster, dll yang bisa anda pasang pada blog anda sesuai yang diberikan oleh webmaster-webmaster tersebut.

Read More

Metode Pemberian Tugas dalam belajar mengajar

Pengertian Metode Pemberian Tugas

Menurut Roestiyah teknik pemberian tugas memiliki tujuan agar siswa menghasilkan hasil belajar yang lebih mantap, karena siswa melaksanakan latihan-latihan selama melakukan tugas, sehingga pengalaman siswa

dalam mempelajari sesuatu menjadi lebih terintegrasi. 

Jadi Pengertian Pengertian Metode Tugas adalah suatu metode mengajar yang diterapkan dalam proses belajar mengajar, yang biasa disebut dengan metode pemberian tugas.

Kelebihan dan Kelemahan Metode Pemberian Tugas

• Kelebihan Metode Pemberian Tugas

Adapun yang menjadi kelebihan metode pemberian tugas  diantaranya adalah Metode ini merupakan aplikasi pengajaran modern disebut juga azas aktivitas dalam mengajar yaitu guru mengajar harus merangsang siswa agar melakukan berbagai aktivitas sehubungan dengan apa yang dipelajari, sehingga  metode pemberian tugas bisa,

1. Mengembangkan kreativitas siswa


2. Memupuk rasa percaya diri sendiri


3. Mengembangkan pola berfikir dan ketrampilan anak.


4. Mendorong belajar, sehingga tidak cepat bosan


5. Membina tanggung jawab dan disiplin siswa.


6. Membina kebiasaan siswa untuk mencari, mengolah menginformasikan dan dan mengkomunikasikan sendiri.

• Kelemahan Metode Pemberian Tugas

1. Sulit untuk dapat memenuhi pemberian tugas


2. Tugas tersebut sulit dikontrol guru kemungkinan tugas itu dikerjakan oleh orang lain yang lebih ahli dari siswa.


3. Dapat menurunkan minat belajar siswa kalau tugas terlalu sulit


4. Pemberian tugas terlalu sering dan banyak, akan dapat menimbulkan keluhan siswa,


5. Khusus tugas kelompok juga sulit untuk dinilai siapa yang aktif.


6. Pemberian tugas yangmonoton dapat menimbulkan kebosanan siswa apabila terlalu sering.©Tetap Belajar

Read More

Cara menyisipkan gambar ke dalam Tag HTML

pada kesempatan ini  saya akan membagikan trik atau cara menyisipkan gambar ke dalam tag html.

Tag atau kode tersebut di gunakan untuk menampilkan logo atau tombol button dari sebuah website/blog .

Untuk memasukan gambar kita harus memakai kode/tag seperti berikut:

<a href=”url”>teks anda</a>

Contohnya :

<a href=”http://tetap-belajar.blogspot.com/”>link tujuan</a>

maka hasilnya : "link tujuan" teks/kata link tujuan akan berubah menjadi link maksudnya link tujuan jia diklik maka akan membuka sebuah alamat web/link baru.



Cara Menyisipkan Gambar

cara untuk menyisipkan Gambar , digunakan tag <img>. berikut adalah contoh dari gambar yang akan ditampilkan.

<img src=”url gambar”>



Contoh  :

<img src=http://lh4.ggpht.com/mWBIX_bWSTWT_TInk7HPd23upswTDFbRrGWij4hGd7aYC8VKRl1cKTm4UItMLwm_XSgvRo9I54muu2zyT-aoPp7n7L1aIRFhgCYfWKFg/>

Hasilnya akan tampil logo Google di dalam  browser.

Gambar atau logo google di atas  bisa di buat sebuah link tujuan, dengan cara menempatkan tag <img> di antara tag <a>

contoh:

<a href=”url”><img src=”url gambar”/></a>

Read More

Cara Membuat Template Lebih SEO Friendly

Untuk membuat tema blog agar lebih SEO
friendly bisa dilakukan dengan dua cara. Yang pertama adalah cara yang paling
mudah dan simpel, terutama bagi yang tidak mau sedikit lebih jeli dan teliti dengan
bahasa pemrograman. Yaitu cukup dengan mengganti tema blog yang sudah dimodifikasi
dan mempunyai score SEO yang bagus. Dengan mengganti tema blog yang sudah
dimodifikasi dengan penerapan unsur SEO, maka blogger tidak perlu repot-repot
dengan bahasa pengkodean dan sudah bisa memiliki tema blog yang SEO friendly.
Karena memang tidak semua blogger memahami bahasa pemrograman ini. Dan ada juga
yang memang tidak mau dipusingkan dengan kode-kode yang bisa jadi terasa rumit
bagi sebagian orang. Sedangkan cara yang kedua adalah cara yang memerlukan
sedikit pengetahuan tentang bahasa pemrograman, terutama bahasa pengkodean HTML
untuk blog dengan domain Blogspot. Dengan melakukan beberapa modifikasi terhadap
susunan kode HTML dalam tema blog, tujuannya antara lain agar lebih mudah
diindeks oleh search engine seperti Google .

Berikut ini beberapa langkah secara umum
untuk memodifikasi tema blog

agar lebih SEO friendly, khususnya untuk
blog dengan domain Blogspot.

Langkahnya antara lain:

1.     Memodifikasi Title Tag.

Cara mengetahui title tag dalam sebuah
blog sudah SEO friendly atau belum, bisa dilakukan dengan memeriksanya pada tab
sebuah browser. Ambil contoh dengan membuka sebuah judul artikel dari sebuah
blog. Kemudian arahkan kursor mouse ke tab browser, yang terletak paling atas dengan
logo favicon dari blog..

Jika kemudian judul artikel tersebut mucul
di tab browser, berarti title tag dalam blog tersebut sudah baik. Namun jika
pas kursor diarahkan ke tab browser, dan tidak muncul judul artikelnya, maka
title tag dari blog tersebut belum SEO friendly. Dan agar lebih SEO friendly,
selain title tag muncul pada tab browser,title tag juga perlu dimodifikasi agar
selau muncul secara berbeda-beda untuk judul setiap postingan. Caranya adalah
dengan menambahkan kode HTML pada kode antara dengan. Kode HTML tersebut yang
perlu ditambahkanadalah berikut ini:.

2.     Mengaktifkan Tag Meta Description

Pada dasbor blog, pilihlah menu Setelan, kemudian pilih Preferensi

Penelusuran. Pada pilihan Preferensi
Penelusuran ini terdapat dua

pilihan, “Ya” dan “Tidak”. Pilihlah dengan
klik “Ya”, maka akan muncul

jendela kolom layar. Isilah kolom layar
tersebut dengan deskripsi

singkat yang menggambarkan isi blog. Deskripsi meta panjangnya bisa sampai 160
karakter, jadi manfaatkanlah dengan kata-kata kunci yang penting yang
sesuai dengan gambaran isi blog. Setelah deskripsi blog diisi, jangan
lupa kemudian klik Simpan Perubahan. Setelah melakukan langkah tersebut, maka
dalam setiap membuat postingan baru, akan ada menu pilihan Deskripsi
Penelusuran. Letaknya di sebelah kanan dari kolom pengetikan. Setelah
selesai menulis postingan, jangan lupa isikan lagi pada kolom Deskripsi Penelusuran
tersebut sesuai dengan gambaran isi dari postingan.

3.     Membuat Heading Tag

Heading tag pada Blogspot, sekarang ini
cukup mudah untuk dilakukan.

Pada menu kolom membuat postingan, telah
disediakan pilihan menu untuk Heading ini. Letaknya di sebelah kanan
pilihan Font, atau di sebelah kiri pilihan menu Bold.Pilihan yang disediakan adalah Heading,
Sub Heading, Minor Heading dan Normal. Pilihan Heading adalah untuk kode
H2, Sub Heading untuk kode H3, sedangkan Minor Heading untuk kode H4. Dengan
adanya pilihan menu ini, maka membuat artikel atau postingan bisa
lebih mudah dalam menerapkan SEO untuk blog.

4.     Menambahkan Breadcrums pada Blog

Memasang breadsrums pada blog, diyakini
akan membantu mempermudah robot

mesin pencari untuk mengetahui sitemap
atau struktur blog kita. Sebuah blog yang memasang breadcrums, di atas judul
postingan atau artikel akan terlihat susunan atau urut-urutan kategori dari
artikel tersebut. Misalnya saja seperti ini: Beranda>> Tentang
Blog>> Blog galleryku. Urut-urutan tersebut menandakan kalau blog tersebut
sudah terpasang breadcrums, dan diyakini lebih SEO friendly. Namun jika dalam
blog tidak ada urutan seperti itu, bisa jadi blognya belum SEO friendly atau

standar-standar aja.

5.     Menambahkan Catatan Kaki atau Artikel
Terkait

Menambahkan catatan kaki dalam setiap
postingan, juga bisa membuat blog

lebih SEO friendly. Catatan kaki bisa
berupa ucapan terima kasih kepada pembaca artikel blog, atau bisa juga berupa
kumpulan kata kunci yang berkaitan dengan artikel. Selain catatan kaki, hal
lainnya yang bisa dipasang adalah menu artikel terkait. Yaitu berisi daftar
judul artikel yang masih berkaitan dengan artikel yang sedang dibaca. Dengan
memasang artikel terkait ini, maka page view dalam setiap kunjungan ke blog
bisa lebih meningkat. Dan jumlah page view ini sering dijadikan oleh mesin
pencari untuk mengukur kualitas konten dalam blog. Artinya, jika page view blog
tinggi, maka konten blog tersebut kemungkinan menarik dan membuat pengunjungnya
bisa lebih betah atau berlama-lama mengunjungi blog. Setelah melakukan langkah-langkah
tersebut, selanjutnya bisa dilakukan pengecekan kualitas SEO blog. Yaitu dengan
mengecek skor nilai SEO dari blog. Cara mengeceknya pun cukup mudah,
dengan mencari situs penyedia analisa SEO yang banyak tersedia di
internet Sebagai contoh adalah situs Seoanalyser.net. Dengan pengecekan di situs tersebut, akan didapatkan
hasil persentase tingkat SEO dari sebuah blog. Hasilnya akan menunjukkan apakah
blog kita sudah SEO friendly ataukah belum. Jika skornya rendah, blognya
berarti perlu pembenahan lagi karena belum memenuhi standar SEO.

Read More

Definisi mengenai XML

Kode-kode XML sering sekali kita jumpai, bahkan setiap blogger pasti sudah paham tentang apa itu XML. buat tambahan dan berbagi saja, sedikit pengertian dari XML.

XML (Extensible Markup Language) adalah sebuah meta-bahasa, yaitu itu adalah bahasa yang diciptakan bahasa lain. 

Dalam XML, data "mark up" dengan tag, mirip dengan tag HTML.Bahkan, versi terbaru dari HTML, yang disebut XHTML, adalahbahasa berbasis XML, yang berarti bahwa XHTML mengikuti aturan-aturan sintaks XML.



XML digunakan untuk menyimpan data atau informasi. Data ini mungkin dimaksudkan untukdengan dibaca oleh orang atau oleh mesin. Hal ini dapat sangat terstruktur data seperti databiasanya disimpan dalam database atau spreadsheet, atau longgar struktur data, seperti data yang tersimpan dalam huruf atau manual.

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.



XML didesain untuk mempu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi.

XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen.[4] Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.



XML memiliki tiga tipe file yaitu:

1.       XML, merupakan standar format dari struktur berkas (file).

2.       XSL, merupakan standar untuk memodifikasi data yang diimpor atau diekspor.

3.       XSD, merupakan standar yang mendefinisikan struktur database dalam XML.



Code Sample: XMLBasics/Demo/steve.xml 

<?xml version="1.0"?><person><name><firstname>manuel</firstname><lastname>mahiborang</lastname></name><job>programer</job><gender>Male</gender</person>

Code diatas adalah contoh sederhana dari penulisan XML.

Read More

cara membuat judul postingan menjadi kata kunci atau keyword

Mengganti Judul postingan menjadi Title atau keyword blog (lihat title anda diatas link pada browser anda) adalah cara yang tepat untuk membuat blog kita semakin SEO (search engine optimation). Dengan cara ini maka dengan sendirinya cara tersebut bisa membuat keyword otomatis.

Lansung saja saya akan memberi cara agar judul postingan kita menjadi keyword otomatis.

• Seperti biasa Pertama harus login ke blogger kita


• Pilih Template kemudian pilih edit HTML


• cari kode/tag <title><data:blog.title/></title> atau  <title><data:blog.pageTitle/></title>Tekan tombol control F untuk mempermudah pencarian


• Jika sobat sudah menemukannya ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>

• jika sudah simapan dan judul postingan anda sudah bisa membuat keyword otomatis

Read More

Cara membuat menu dropdown pada blogspot

Lagi santai tidak ada kerja.

panaskan air,turn on pc, tur on modem, langsung blogger.

pasang rokok, buat kopi lansung posting........

Okey pada kesempatan ini saya mau berbagi tutorial cara membuat menu dropdown.

Seperti biasanya anda harus login ke blogger sobat-kemudian klik menu    template - pilih edit HTML.

Okay yang pertama anda harus meletakan kode dibawah ini tepat        di atas   kode  ]]></b:skin>

#DropdownMenu {<br />    background:green;<br />border-radius:6px;<br />    width: 880px;<br />    height: 35px;<br />    font-size: 12px;<br />    font-family: Arial, Tahoma, Verdana;<br />    color:#FFFFFF;<br />    font-weight: bold;<br />    margin-bottom: 30px;<br />    padding: 2px;<br /><br /><br />} <br />#Dropdownbox {<br />    width: 875px;<br />border-radius:6px;<br />    float: left;<br />    margin: 0;<br />    padding: 0;<br />}<br /><br />#strike { <br />border-radius:6px;<br />    margin: 0;<br />    padding: 0;<br />}<br />#strike ul {<br />border-radius:6px;<br />    float: left;<br />    list-style: none;<br />    margin: 0;<br />    padding: 0;<br />}<br />#strike li {<br />border-radius:6px;<br />    list-style: none;<br />    margin: 0;<br />    padding: 0;<br />}<br />#strike li a, #strike li a:link, #strike li a:visited {<br />border-radius:6px;<br />    color:#FFFFFF;<br />    display: block;<br />    font-size: 16px;<br />    font-family: Georgia, Times New Roman;<br />    font-weight: normal;<br />    margin: 0;<br />    padding: 9px 15px 8px;<br />}<br />#strike li a:hover, #strike li a:active {<br />border-radius:6px;<br />    background:#FFFFFF;<br />    color:#ff6803;<br />    margin: 0;<br />    padding: 9px 15px 8px;<br />    text-decoration: none;<br />}<br />#strike li li a, #strike li li a:link, #strike li li a:visited {<br />border-radius:6px;<br />      background:#ff6803;<br />    width: 150px;<br />    color:#FFFFFF;<br />    font-size: 14px;<br />    font-family: Georgia, Times New Roman;<br />    font-weight: normal;<br />    float: none;<br />    margin: 0;<br />    padding: 7px 10px;<br />    border-bottom: 1px solid #FFF;<br />    border-left: 1px solid #FFF;<br />    border-right: 1px solid #FFF;<br />}<br />#strike li li a:hover, #strike li li a:active {<br />border-radius:6px;<br />     background:#FFFFFF;<br />    color:#ff6803;<br />    padding: 7px 10px;<br />}<br />#strike li {<br />border-radius:6px;<br />    float: left;<br />    padding: 0;<br />}<br />#strike li ul {<br />border-radius:6px;<br />    z-index: 9999;<br />    position: absolute;<br />    left: -999em;<br />    height: auto;<br />    width: 170px;<br />    margin: 0;<br />    padding: 0;<br />}<br />#strike li ul a {<br />border-radius:6px;<br />    width: 140px;<br />}<br />#strike li ul ul {<br />border-radius:6px;<br />    margin: -32px 0 0 171px;<br />}<br />#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover ul ul ul {<br />border-radius:6px;<br />    left: -999em;<br />}<br />#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {<br />border-radius:6px;<br />    left: auto;<br />}<br />#strike li:hover, #strike li.sfhover {<br />border-radius:6px;<br />    position: static;<br />}<br />

• Jika sudah simpan dan tunggu sampai proses selesai


• Lanjut Pilih menu add gadget atau tambah gadget kemudian pastekan dengan kode di bawah ini

<div id="DropdownMenu"> <div id="Dropdownbox"> <ul id="strike"><li><a href="#">Menu1</a></li><br /><li><br /><br /><a href="#">Menu2</a><br /><br /><ul><li><br /><br /><a href="#">Sub Menu 2</a><br /><br /><ul><li><a href="#">Sub Sub Menu 2</a></li><br /><li><a href="#">Sub Sub Menu 2</a></li><br /><li><a href="#">Sub Sub Menu 2</a></li><br /></ul></li><br /><li><a href="#">Sub Menu 3</a></li><br /><li><a href="#">Sub Menu 4</a></li><br /><li><a href="#">Sub Menu 5</a></li><br /><li><a href="#">Sub Menu 6</a></li><br /></ul></li><br /><li><a href="#">Menu 3</a></li><br /><li><a href="#">Menu 4</a></li><br /></ul></div></div>

• Simpan dan lihat Hasilnya


• Nama manu dan sub menu serta link yang dituju anda harus menggantinya sesuai dengan selera sobat

Read More

Cara pasang tukar link pada blog

Tukar Link adalah cara terbaik untuk mengenal satu sama lain dengan menjalin persahabatan.

Tukar link juga bisa membuat blog kita bersahabat dalam hal ini saling membantu untuk menaikan page rank.

caranya adalah seperti biasa

1. Login ke blog kita


2. Pilih tata letak


3. kemudian tambahkan gadget


4. Pilih daftar link 

Disitulah kita akan memasang link sahabat, jika anda sudah memilikitempat link yang sudah anda modifikasi cukup alin script dibawah ini dan tempatkan pada blog sobat.





<a href="http://tetap-belajar.blogspot.com/2013/07/cara-pasang-tukar-link-pada-blog.html/" target="_blank"><img alt="tetap-belajar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRhWKySxUmr_yXvL3j-fJD_ojX0UD1Do5XLf7BuQWYns3LuiRlOJoR7XyydKxdYWLD6Aw-L615ylGoPFdNPG_RWQIq_KrOdTSOWiOEnKmz4G025TODJKH8gWbx70_G6HUXsHeDpMuaoD6M/s1600/pngg.png" title="tetap-belajar" /></a>

Jangan lupa konfirmasinya dengan meninggalkan komentar. saya akan link back blog sobat dengan memasang banner blog sobat pada blog ini. Terimakasih...!!!

Read More

Cara baru Membuat Menu Floating Fixed

Gambar diatas adalah preview dari menu floating fixed. Yang dimaksid adalah menu yang selalu berada dipojok atas meskipun page akan discroll oleh mouse.

cara membuat menu floating fixed seperti diatas tidaklah sulit. Ikutih langkah-langkah berikut ini

1. Login ke blogger anda


2. Pilih template


3. Edit HTML


4. Cari kode ]]></b:skin> ( tekan f3 untuk memudahkan pencarian)


5. copy kode berikut dan pastekan tepat diatas kode no 4

/* Floating Menu */ #float-aroxx{background-color: #882222;background: #882222;background: -moz-linear-gradient(top, #1484ce 0%, #1274b5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1484ce), color-stop(100%,#1274b5));background: -webkit-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: -o-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: -ms-linear-gradient(top, #1484ce 0%,#1274b5 100%);background: linear-gradient(to bottom, #1484ce 0%,#1274b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1484ce', endColorstr='#1274b5',GradientType=0 );border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 0 #0E5A8C;box-shadow: 0px 2px 0px #0e5a8c;height:34px;width:100%;min-width:1010px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #2a8fd2;} #float-aroxx{list-style: none;margin:0 auto;width:1010px;} #float-aroxx ul li{float:left} #float-aroxx ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;} #float-aroxx ul li a:hover{background-color:rgba(255,255,255,0.125);color:white;}

6. Copy kode dibawah ini dan pastekan tepat dibawah kode tag </head>

<br /><br /><!-- Floating Menu--><br /><br /><div id='float-aroxx'><br /><ul><br /><li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirK8r1z25aW-DXOkAAjTDX3YcT-fk2IRv5Q9ThOBQ6ip7aeErouTbxxQwh03544Cq6B4LBI35f7JnawBVAqV_kNajw1c-qMkYf6nQBM23F8CHKFRHLOWXwW6cBBFlUafi0W_Qq00hsiR4/' style='padding:0px;'/></a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/Pustaka'>PUSTAKA</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/Windows'>TRIK WINDOWS</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/blogger'>TUTORIAL BLOGGER</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/facebook'>TRIK FACEBOOK</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/software'>SOFTWARE</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/search/label/full%20info'>FULL INFO</a></li><br /><li><a href='http://tetap-belajar.blogspot.com/p/blog-page_28.html'>SI AUTHOR</a></li><br /></ul><br /></div><br />

Link-link anda bisa sesuaikan sesuai keinginan sobat

Begitu cara membuat menu floating fixed...!! gampang kan??

Read More

Membuat Related Post dengan Gambar/Thumbnails

Salam blogger....!!!

Pada kesempatan ini saya mau membagikan artikel cara lengkap dan tak membingungkan untuk membuat related post dengan gambar.

Related post adalah ringkasan atau link-link postingan yang berhubungan dengan postingan yang kita buat.

lansung saja pada topik permasalahannya yaitu cara membuat related post disertai gambar/thumbnail.

1. Login ke blogger sobat


2. Pilih template (Ada baiknya backup dulu templatenya)


3. Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode/tag  </head> ( tekan f3 untuk memudahkan pencarian)

<!--Related Posts Start--> <b:if cond='data:blog.pageType == "item"'> <style type="text/css"><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;<br />}<br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia, “Times New Roman”, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br />#related-posts a:hover {<br />background-color:#d4eaf2;<br />}<br /></style> <script src='https://sites.google.com/site/javascripsrelated/related/relatedpostwiththumbnails2.js' type='text/javascript'/><br /></b:if><br /><!--Related Posts End-->

4. Jika sudah kembali cari tag  <div class='post-footer-line post-footer-line-1'><br /> biasanya ada dua kode seperti itu pilih paling bawah

<!-- Related Posts Start--><br /><b:if cond='data:blog.pageType == "item"'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != "true"'><br /></b:if><br /><b:if cond='data:blog.pageType == "item"'><br /><br /><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://tetap-belajar.blogspot.com' style='display:none;'>Related Posts dengan thumbnails untuk blogger</a><br /><script type='text/javascript'><br />var currentposturl="<data:post.url/>";<br />var maxresults=10;<br />var relatedpoststitle="Related Posts";<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script> </div><br /><div style='clear:both'/><br /></b:if> <!-- Related Posts End-->

5. Kemudian save (tunggu samapi proses penyimpanannya selesai) dan lihat hasilnya

Read More

Cara lengkap membuat link berwarna-warni saat mouse disorot

Ada banyak cara membuat blog kita menajadi indah, ada banyak metode diaplikasikan untuk membuat blog kita menarik. memang begitu agar blog kita banyak dikunjungi oleh orang dan tak membosankan.

Disini saya akan berbagi artikel cara membuat mouse berwarna-warni/berubah wanna saat disorot mouse.

1. Login ke blogger sobat


2. Pilih template


3. Edit HTML


4. cari kode </head> (tekan f3 untuk memudahkan pencarian)


5. Copy kode dibawah ini dan pastekan tepat diatas kode no 4

<script src="https://sites.google.com/site/artikelaroxx/aroxxjavascript/link-warna-warni-rainbow.js"/>

1. Simpan template

Ya seperti itulah cara sederhana dan lengakap untuk membuat warna link berubah saat mouse disorot

Read More

Cara lengkap Pasang meta tag Bing di blogger

Bing adalah website yang berbasis search engine. Bing adalah pencarian buatan microsoft jadi anda sebaiknya mempunyai akun microsoft

Memang Bing masih kalah pamer dari si paman google tapi perlu kita ketahui bahwa Bing sudah bekerja sama dengan Yahoo. hmmm apa mungkin mereka mampu kalahkan si paman google?? kita tunggu saja kedepannya.

memang pengguna bing di Indonesia masih sangat sedikit tapi di luar indonesia khususnya di AS sangat banyak dan sudah menempati urutan ke-6 pada alexa rank khusus amerika serikat dan urutan ke-75 pada alexa global rank.hmmm masih kalah jauh kan sama paman google.

Bagi anda yang ingin agar blog anda muncul di pencarian bing jangan khawatir karena selanjutnya saya akan mengajar langkah-langkahnya. berikut cara-cara dan langkah-langkahnya

1. Masuk dulu kesitus ini Bing






2. Sign  jika belum maka anda harus daftar dulu disini


3. Jika sobat sudah berhasil masuk ke dasboard bing lihat pada sebelah kiri dan klik add site






4. masukan alamat blog anda (add site map dihiraukan saja) lalu klik add






5. maka akan muncul tampilan seperti dibawah ini copy saja kode mata htmlnya dan pastekan dibawah kode</head> 






6. Login ke blogger anda dan masuk ke template-edit html
   
   


7. cari kode tekan control+f untuk memudahkan pencarian) dan pastekan kode meta html bing yang anda dapatkan


8. Simpan template (save)


9. kembali ke tab Bing webmaster dan klik verify dan akhirnya blog anda sudah berhasil diverifkasi pada pencarian bing
   
   

Demikian cara membuat blog (website) kita agar muncul di pencarian bing dan terimakasih

Read More

Cara terbaru membuat auto read more di blogspot

Readmore (inggris) artinya baca selanjutnya (indonesia)

Dalam Blogger readmore cara untuk membuat tampilan postingan blog menjadi sedikit atau dalam hal ini hanya di ringkas tampilannya tetapi artikelnya masih full. Ada Banyak cara untuk membuat readmore pada blogger. Namun disini saya akan berbagi cara membuar auto readmore yang lebih sederhana dan gampang untuk kita aplikasikan pada blog kita.

1. Login ke blogger anda 


2. pilih template (jangan lupa backup atau download template dulu)


3. edit HTMl


4. Cari kode/tag </head>(tekan control+f untuk memudahkan pencarian)


5. Copy kode dibawah ini dan pasetekan sebelum tag no 4

<script type='text/javascript'><br />var thumbnail_mode = "float" ;<br />summary_noimg = 230;<br />summary_img = 140;<br />img_thumb_height = 100;<br />img_thumb_width = 100;<br /></script> <script src='https://sites.google.com/site/javascriptaroxx/javascript-aroxx/readmore.js' type='text/javascript'/>

6. Cari kode <data:post.body/> biasanya ada 3 kode tersebut pilih mulai dari yang paling bawah.


7. copy kode dibawah ini dan ganti/replace kode no 6 dengan kode dibawah ini

<b:if cond='data:blog.pageType == "item"'><br /><data:post.body/><br /><b:else/><br /><div expr:id='"summary" + data:post.id'><br /><data:post.body/><br /></div><br /><script type='text/javascript'><br />createSummaryAndThumb("summary<data:post.id/>");<br /></script> <div style='clear: both;'/><br /><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Baca terus</b></a></span> </b:if> 

 Tulisan  "baca terus " bisa sobat ganti sesuai selera sobat

1. Save template dan lihat hasilnya atau pratinjau dulu sebelum menyimpannya

Read More

Cara Membuat Link Sumber Otomatis Muncul Saat Artikel akan di Copy-Paste

Ada banyak cara untuk membuat link sumber otomatis ada yang dengan bantuan website lain ada juga dengan java scripst buatan sendiri.

Disini saya akan membagikan cara dengan java script buatan sendiri

1. Login ke blogger anda


2. Pilih template


3. Edit HTML


4. Copy kode berikut

<script type='text/javascript'><br />function addLink() {<br />var body_element = document.getElementsByTagName('body')[0];<br />var selection;<br />selection = window.getSelection();<br />var pagelink = "<br /><br />Sumber : <a href='"+document.location.href+"'>"+document.location.href+"</a><br />terimakasih telah mangambil artikel dari blog gue"; // change this if you want<br />var copytext = selection + pagelink;<br />var newdiv = document.createElement('div');<br />newdiv.style.position='absolute';<br />newdiv.style.left='-99999px';<br />body_element.appendChild(newdiv);<br />newdiv.innerHTML = copytext;<br />selection.selectAllChildren(newdiv);<br />window.setTimeout(function() {<br />body_element.removeChild(newdiv);<br />},0);<br />}document.oncopy = addLink;<br /></script>

5. cari kode </head> ( tekan kontrol+f untuk memudahakan pencarian) dan pastekan kode diatas (4) tepat sebelumnya 


6. Simpan dan buktikan hasilnya

"Anda bisa mengganti kata "Sumber terimakasih telah mangambil artikel dari blog gue"

Read More

Cara menghilangkan tulisan tampilkan posting dengan label

Mungkin kita merasa terganggu melihat blog kita muncul tampilan seperti gambar di bawah ini

Muncul tampilan Seperti diatas juga bisa mengurangi keindahan blog kita. Tapi jangan cemas disini saya akan  memberi trik untuk menghilangkannya.

1. Login ke Blogger sobat


2. Pilih template


3. Edit HTML


4. Cari kode Dibawah ini (tekan control F)

<b:includable id='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><br /><div class='status-msg-body'><br /><data:navMessage/></div><br /><div class='status-msg-border'><br /><div class='status-msg-bg'><br /><div class='status-msg-hidden'><br /><data:navMessage/></div><br /></div><br /></div><br /></div><br /><div style='clear: both;'/><br /></b:if</b:includable>

Jika sudah ditemukan kodenya hapus saja dan ganti dengan kode berikut :

<b:includable id='status-message'><b:if cond='data:navMessage'><div><br /></div><br /><div style='clear: both;'/><br /></b:if></b:includable>

     5.  Simpan saja templatenya

Read More

cara sederhana ganti Kursor mouse pada blogspot

cara ganti cursor pada blogspot

Ada banyak cara sebenarnya untuk mengganti cursor pada pada blogspot. Namun sini saya akan mengajar cara yang paling sederhana untuk mengganti.

daripada susah-susah ikuti saja langkah-langkah berikut ini

1. masuklah kesitus ini cursor 4u


2. Anda tinggal pilih jenis cursor yang anda mau



3. copy kode HTML cursor ( lihat gambar diatas)


4. Pilih tata letak 


5. add Gadget


6. pilih HTML/Java Script


7. Pastekan kode yang telah anda copy


8. Kemudian Simpan dan lihat hasilnya

Ok sampai sini tutorialnya semoga bisa bermanfaat

Read More

cara mengganti warna dan jenis font pada blogspot

Untuk mengganti warna dan jenis font/huruf pada blogspot, kita harus mengenal struktur-struktur penulisan html pada template blogspot yang bisa membuat warna dan jenis font berubah. ikutilah langkah-langkah seperti berikut



1. Login ke Blogger

2. Klik menu Design

3. Pilih Template

4. lalu masuk ke edit HTML

5. cari kode-kode dibawah ini ( tekan control F untuk memudahkan pencarian)

•  Page Background Color: Mengganti warna background template yang di luar


• Main Background Color: Mengganti warna background template yang di dalam


• Text Color: Mengganti warna teks postingan/ artikel


• Blog Title Color : Mengganti warna judul blog


• Blog Description Color : Mengganti warna deskripsi blog


• Post Title Color: Mengganti warna judul postingan


• Date Header Color: Mengganti warna teks tanggal


• Border Color: Mengganti warna garis tepi template


• Sidebar Title Color: Mengganti warna judul pada kolom sidebar misalnya teks blog archive


• Link Color: Mengganti warna teks yang dipasang link


• Visited Link Color: Mengganti warna teks link ketika pengunjung mengarahkan kursor pada linknya


• Sidebar Link Bolor: Mengganti warna teks yang dipasang link pada kolom sidebar


• Sidebar Visited Link Color: Mengganti warna teks link ketika pengunjung mengarahkan kursor pada link yang terletak pada kolom sidebar


• Text Font: Mengganti bentuk huruf/ teks pada postingan


• Sidebar Title Font: Mengganti bentuk huruf judul pada kolom sidebar


• Blog Title Font: Mengganti bentuk huruf judul blog


• Blog Description Font: Mengganti bentuk huruf deskripsi blog

Read More

TIPS DAN CARA MEMPERBAIKI ARTIKEL DI BLOG

sobat disini saya mau berbagi cara memperbaiki artikel-artikel blog yang telah di publish namun talah terjaid banyak banyak kesalahan sehingga sulit bahkan tidak bisa dicari oleh om google bhkan,paman yahoo....!!!!!!! hehehehehehehehehheheheehehhe

caranya adalah lihat disini

Read More