Tampilkan postingan dengan label BLOGGING. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGGING. Tampilkan semua postingan

Minggu, 03 Mei 2015

Download uTorrent Pro 40208 Full Crack Terbaru 2015

By Unknown | At 07.37 | Label : , , , | 0 Comments
Image result for uTorrent Pro 40208 Download uTorrent Pro 40208 Full Crack Terbaru 2015
 uTorrent Pro 40208  adalah salah satu aplikasi terbaik yang dapat anda gunakan untuk mendownload file torrent dari internet dan ditambah dengan berbagai fitur premium yang hanya bisa anda dapatkan di Utorrent versi pro. 
uTorrent Pro 40208 Full Crack adalah Utorrent Pro terbaru di tahun 2015 ini yang memiliki fitur premium yang sangat menarik dan perbaikan beberapa bugs yang masih terdapat di Utorrent versi sebelumnya. Di dalam Utorrent Pro Crack ini terdapat beberapa fitur yang tidak dipunyai oleh Utorrent versi biasa.

Features of µTorrent Pro Crack
- Stream Instantly
Watch or preview torrents as they download, without waiting for the completed file.
– Convert, download and play in many formats
µTorrent Pro includes an HD media player or convert to play on any mobile device.
– Premium New Features
µTorrent Pro is always adding new features. Enjoy them at no extra cost.
– Anti-Virus Protection
Keep your PC safe by automatically scanning downloads for viruses and malware.
– Early Access
Gain access to updates and cutting-edge features before anyone else.
– No Ads
As a Pro user and a supporter of µTorrent, you can enjoy an ad-free experience.

Install Instruction:
  1. Install The App
  2. Exit The App from System Tray
  3. una Crack and Follow Instruction Until Finish
  4. Enjoy
Download uTorrent Pro 40208 Full Crack Terbaru 2015
From SolidFiles

From MirrorCreator

Sabtu, 31 Januari 2015

Download IDM 6.21 Build 19 Full Final Terbaru Tanpa Aktivasi

By Unknown | At 08.26 | Label : , | 0 Comments
Download IDM 6.21 Build 19 Full Final Terbaru Tanpa Aktivasi

Internet Download Manager atau yang lebih populer dengan nama IDM adalah sebuah software yang sangat bagus dan wajib dimiliki bagi yang suka dengan dunia download mendownload. Dengan IDM ini kecepatan download bisa meningkat sampai 10 kali lipat lebih. Dan baru baru ini IDM telah merilis versi terbarunya yaitu IDM 6.21 Build 19.

What’s new in IDM 6.21 Build 19
(Released: 26 Januari 2015)
Resolved compatibility issues with some applications
Fixed bugs

Download IDM 6.21 Build 19 Full Final Terbaru Tanpa Aktivasi
Klik Download

Minggu, 07 September 2014

Cara Mudah Mengembalikan Blog Yang Sudah Terhapus Oleh Google

By Unknown | At 05.24 | Label : | 0 Comments
Pernahkan kalian mengalami kebingungan saat mau posting blog dan masuk keakun blogger muncul pesan bahwa blog telah dihapus? Tentu kita bingung dan sedih karena blog yang telah kita bangun sekian lama tiba tiba sirna.

salah satu penyebab blog dihapus karena pengguna tidak mematuhi kebijakan konten blogger
 


Jika Blog anda sudah dibanned/dihapus oleh google, maka ada beberapa cara untuk memperbaiki/mengembalikan blog yang dihapus google tersebut agar dapat kembali tampil.

Nah berikut beberapa cara yang kami peroleh dari berbagai sumber :
1. Cara mengembalikan Blog yang dihapus Google dengan Verifikasi akun

Masuk ke http://www.blogger.com dan Log In dengan akun Blogger sobat.
aka akan muncul pemberitahuan yang menginformasikan kepada sobat untuk memilih apakah sobat akan diberi informasi melalui SMS atau melalui Telepon, sebaiknya pilih SMS saja. Selanjutnya pilih negara tempat sobat tinggal dan sobat diwajibkan untuk memasukkan Nomor Handphone sobat dengan format +62xxxxxxxxx sesuai dengan nomor handphone sobat. Kemudian tekan tombol “Send verification code to my mobile phone”.
Tunggu hingga kode verifikasi masuk ke handphone sobat.
Setelah sobat mendapatkan kode verifikasi tersebut, silahkan masukkan pada kotak verifikasi yang telah disiapkan dan tekan tombol “Verify”.
Silahkan Log In kembali ke akun Blogger sobat dan selamat blog sobat sudah kembali ke tangan sobat dengan selamat sentosa.

2. Cara mengembalikan Blog yang dihapus Google dengan Memasukan Kode Anti Spam yang muncul/ada pada dashboard akun blogger anda.

3. Mengembalaikan Blog dihapus Google dengan cara memasuki forum blogger dan bertanya tentang blog anda. yang beralamat di :http://productforums.google.com/forum/#!forum/blogger

4. JIka langkah-langkah cara mengembalikan blog yang dihapus google diatas tetap belum berhasil, maka langkah yang terkahir adalah dengan mengajukan Final banding Spreadsheet. Kunjungi alamat :https://spreadsheets.google.com/viewform?key=pZHHZdeYKeHjcTRpnBYV0Qw&email=true

Kemudian masukan url blog anda, lalu klik Submit.
setelah itu berdoalah agar blog anda dikembalikan oleh Google. karena google memiliki hak penuh dalam hal ini.

Demikianlah beberapa cara mengembalikan blogspot yang dihapus google, dan yang terpenting, jika anda seorang blogger, patuhilah kebijakan konten blogger, agar tidak kena banned. semoga bermanfaat bagi anda.

Minggu, 13 April 2014

Cara Mudah Membuat 2 Kolom Widget Di Postingan Dan Sidebar

By Unknown | At 09.04 | Label : | 1 Comments
Cara Membuat 2 Buah Elemen Colomn Gadget/Widget Baru :




1. Login Blogger, Pilih Template lalu Edit HTML.
2. Ceklis / Centang Expand Widget Template ( hal ini dimaksudkan agar semua kode HTML pada tampilan widget di Tata Letak / Layout Anda dapat terlihat semua ) .
3. Cari kode ]]></b:skin> dengan menekan tombol CTRL+F
4. Copy Paste script CSS berikut ini diatas ]]></b:skin> :





#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
 Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ) . Anda juga dapat merubah border ( garis tepi widget ) dengan warna. Caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan. Contoh : Kode warna hitam = #000000

5. Kemudian carilah bro kode

  •   <div id='main-wrapper'>
  •   <div id='content-wrapper'>
  •   <div id='header'>
  •   <div id='sidebar-wrapper'>
  •   <div id='bottom'>

     jika sudah ketemu dan didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini di Atas  atau di bawah salah satu kode tadi. Itu sesuai dengan penempatan Anda mau diatas atau dibawah. Contoh diatas <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Penjelasan :
<div id='main-wrapper'> adalah posisi halaman utama anda biasanya berukuran lebar 950px. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
 
<div id='content-wrapper'> adalah posisi postingan.
 
<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog. Bisa juga diberi space iklan.
 
<div id='sidebar-wrapper'> adalah posisi sidebar blog.
 
<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
Pilih salah satu, mau menempatkannya dimana. Apabila mau menempatkan 2 kolom widget tersebut dibanyak tempat tinggal copy saja kode yang kedua diatas yg ada 50% nya itu, tetapi tidak perlu copy kode yang pertama karena kan sudah ada kode CSS sebelumnya

Kamis, 06 Maret 2014

Cara Mudah Membuat Artikel Terkait Dengan Gambar Di Blog Terbaru

By Unknown | At 07.10 | Label : | 0 Comments

Pada postingan kali ini saya akan share  tentang bagamana Membuat Artikel Terkait Dengan Gambar Di Blog dengan mudah. Membuat artikel terkait mempunyai banyak kegunaan lho sob. Salahsatunya adalah meningkatkan pageview atau tayangan, karna pengunjung akan mudah muntuk menemukan artikel-artikel terkait lainnya. Sebagai contoh : ada seoang pengunjung yg datang ke blog sobat, Pengunjung tersebut sedang membaca artikel tentang Cara Membuat Blog, Dan jika di blog sobat terdapat banyak tutorial blog, dan yg di cari pengunjung tersebut adalah artikel tentang blog, pasti pengunjung tersebut akan mengkliknya dan al hasil menambah PV untuk blog kita. Selain meningkatkan Page View (PV) Artikel terkait juga bisa mempercantik blog. Oke, mari kita simak tutorial "Membuat Artikel Terkait Dengan Gambar Di Blog"

Berikut Langkah - Langkahnya :

  • Login Ke Blogger
  • Pilih Template >> Edit HTML >> Ceklis Expand Template Widget
  • Letakan kode berikut ini di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-post{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
#related-post h2{font-size:14px;  margin:5px 0px 0; padding:0 0 5px; font-weight:normal}
#related-post a{color:black; border-left:1px #EEE solid; border-right:1px #EEE solid}
#related-post a:hover{color:black}
#related-post a:hover{background-color:#F8F8F8}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1mfYjGGqlxRDY6ceQpSlNkyVVohdUl2oCS4vD2tO3oP0OlSCnVoOitC085jbvMmu-i4M178VtE0TZ5cDGCYx_Kjs5APXub-xf4O5jVW4Ooy-Euwx8JufpCQa2-NzKvlqRe8qQppv_GU/s400/noimage.png&quot;;
var maxresults=6;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts :&quot;;
</script>
<script src='https://luhurfatah-code.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
</b:if>
  • Setelah itu cari kode <data:post.body/> ( apa bila ada beberapa kode tersebut, bisa di coba satu-satu :v)
  • Letakan kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-post'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</script>
</div>
<div style='clear:both'/>
</b:if>
  • Simpan 

Selasa, 18 Februari 2014

Daftar Tabel Kode Warna untuk HTML Komplit

By Unknown | At 04.14 | Label : | 0 Comments
Dalam dunia blogging tentunya kita ingin membuat blog kita seindah mungkin sehingga pengunjung betah mengunjungi blog kita. Salah satu cara mempercantik blog kita adalah dengan membuat warna warna yang menarik dalam blog kita.
Berikut kode - kode warna untuk html :

WARNACONTOHKODE
Antique_white
#FAEBD7
azure
#F0FFFF
Bisque
#FFE4C4
blanched_almond
#FFEBCD
cornsilk
#FFF8DC
eggshell
#FCE6C9
floral_white
#FFFAF0
gainsboro
#DCDCDC
ghost_white
#F8F8FF
honeydew
#F0FFF0
ivory
#FFFFF0
lavender
#E6E6FA
lavender_blush
#FFF0F5
lemon_chiffon
#FFFACD
linen
#FAF0E6
mint_cream
#F5FFFA
misty_rose
#FFE4E1
moccasin
#FFE4B5
navajo_white
#FFDEAD
old_lace
#FDF5E6
papaya_whip
#FFEFD5
peach_puff
#FFDAB9
seashell
#FFF5EE
snow
#FFFAFA
thistle
#D8BFD8
titanium_white
#FCFFF0
wheat
#F5DEB3
white
#FFFFFF
white_smoke
#F5F5F5
zinc_white
#FDF8FF
cold_grey
#808A87
dim_grey
#696969
grey
#C0C0C0
light_grey
#D3D3D3
slate_grey
#708090
slate_grey_dark
#2F4F4F
slate_grey_light
#778899
warm_grey
#808069
black
#000000
ivory_black
#292421
lamp_black
#2E473B
alizarin_crimson
#E32636
brick
#9C661F
cadmium_red_deep
#E3170D
coral
#FF7F50
coral_light
#F08080
deep_pink
#FF1493
english_red
#D43D1A
firebrick
#B22222
geranium_lake
#E31230
hot_pink
#FF69B4
indian_red
#B0171F
light_salmon
#FFA07A
madder_lake_deep
#E32E30
maroon
#B03060
pink
#FFC0CB
pink_light
#FFB6C1
raspberry
#872657
red
#FF0000
rose_madder
#E33638
salmon
#FA8072
tomato
#FF6347
venetian_red
#D41A1F
beige
#A39480
brown
#802A2A
brown_madder
#DB2929
brown_ochre
#87421F
burlywood
#DEB887
burnt_sienna
#8A360F
burnt_umber
#8A3324
chocolate
#D2691E
deep_ochre
#733D1A
flesh
#FF7D40
flesh_ochre
#FF5721
gold_ochre
#C77826
greenish_umber
#FF3D0D
khaki
#F0E68C
khaki_dark
#BDB76B
light_beige
#F5F5DC
peru
#CD853F
rosy_brown
#BC8F8F
raw_sienna
#C76114
raw_umber
#734A12
sepia
#5E2612
sienna
#A0522D
saddle_brown
#8B4513
sandy_brown
#F4A460
tan
#D2B48C
van_dyke_brown
#5E2605
cadmium_orange
#FF6103
cadmium_red_light
#FF030D
carrot
#ED9121
dark_orange
#FF8C00
mars_orange
#964514
mars_yellow
#E3701A
orange
#FF8000
orange_red
#FF4500
yellow_ochre
#E38217
aureoline_yellow
#FFA824
banana
#E3CF57
cadmium_lemon
#FFE303
cadmium_yellow
#FF9912
cadmium_yellow_light
#FFB00F
gold
#FFD700
goldenrod
#DAA520
goldenrod_dark
#B8860B
goldenrod_light
#FAFAD2
goldenrod_pale
#EEE8AA
light_goldenrod
#EEDD82
melon
#E3A869
naples_yellow_deep
#FFA812
yellow
#FFFF00
yellow_light
#FFFFE0
chartreuse
#7FFF00
chrome_oxide_green
#668014
cinnabar_green
#61B329
cobalt_green
#3D9140
emerald_green
#00C957
forest_green
#228B22
green
#00FF00
green_dark
#006400
green_pale
#98FB98
green_yellow
#ADFF2F
lawn_green
#7CFC00
lime_green
#32CD32
mint
#BDFCC9
olive
#3B5E2B
olive_drab
#6B8E23
olive_green_dark
#556B2F
permanent_green
#0AC92B
sap_green
#308014
sea_green
#2E8B57
sea_green_dark
#8FBC8F
sea_green_medium
#3CB371
sea_green_light
#20B2AA
spring_green
#00FF7F
spring_green_medium
#00FA9A
terre_verte
#385E0F
viridian_light
#6EFF70
yellow_green
#9ACD32
aquamarine
#7FFFD4
aquamarine_medium
#66CDAA
cyan
#00FFFF
cyan_white
#E0FFFF
turquoise
#40E0D0
turquoise_dark
#00CED1
turquoise_medium
#48D1CC
turquoise_pale
#AFEEEE
alice_blue
#F0F8FF
blue
#0000FF
blue_light
#ADD8E6
blue_medium
#0000CD
cadet
#5F9EA0
cobalt
#3D59AB
cornflower
#6495ED
cerulean
#05B8CC
dodger_blue
#1E90FF
indigo
#082E54
manganese_blue
#03A89E
midnight_blue
#191970
navy
#000080
peacock
#33A1C9
powder_blue
#B0E0E6
royal_blue
#4169E1
slate_blue
#6A5ACD
slate_blue_dark
#483D8B
slate_blue_light
#8470FF
slate_blue_medium
#7B68EE
sky_blue
#87CEEB
sky_blue_deep
#00BFFF
sky_blue_light
#87CEFA
steel_blue
#4682B4
steel_blue_light
#B0C4DE
turquoise_blue
#00C78C
ultramarine
#120A8F
blue_violet
#8A2BE2
cobalt_violet_deep
#91219E
magenta
#FF00FF
orchid
#DA70D6
orchid_dark
#9932CC
orchid_medium
#BA55D3
permanent_red_violet
#DB2645
plum
#DDA0DD
purple
#A020F0
purple_medium
#9370DB
ultramarine_violet
#5C246E
violet
#8F5E99
violet_dark
#9400D3
violet_red
#D02090
violet_red_medium
#C71585
violet_red_pale
#DB7093

Sabtu, 08 Februari 2014

Cara Mudah menampilkan Recent Post (Postingan Terbaru)

By Unknown | At 06.20 | Label : | 0 Comments
Dengan memasang widget recent post atau postingan terbaru maka pengunjung blog kita akan tertarik dan tahu postingan kita yang baru, dengan demikian mereka akan tertarik untuk membacanya. Kalo Sobat ingin Menampilkan postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script>
function rp(json) {
document.write('<ul>');

for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

posttitle = posttitle.link(posturl);
var readmorelink = "(lagi)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");

if (showpostdate == true) document.write(' ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + '>> ');
document.write(posttitle + ' ');

if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write('-> ' + postcontent + '...' + readmorelink);
}
}
document.write('</li>');

}
document.write('</ul>');

}
</script><script>var numposts = 10; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script><script src="http://nayakaza.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

4. Ganti http://nayakaza.blogspot.com dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan deh.

Cara Mudah Membuat Read More di Blogspot

By Unknown | At 06.15 | Label : | 0 Comments
Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.

Berikut ini langkah-langkah untuk membuat read more blogger

  1.  Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
  2. Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
  3. Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

Selanjutnya cari kode <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

Selesai deh. Sekarang setiap posting letakkan 
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
demikian juga sebaliknya..


Pengertian Margin, Padding, Border, dan Content Dalam Blogger

By Unknown | At 06.12 | Label : | 1 Comments
Awalnya saya masih bingung membedakan antara Margin, Border, Padding, Dan Content, Sebenarnya itu merupakan hal yang tidak begitu sukar untuk dipecahkan, asalkan kita mau mempelajarinya. Persoalan klasik namun masih banyak yang mendapat problem disesi ini. saya sendiri contohnya.. hehe..
Nah, maka dari itu, Mari kita ulas lagi tentang apa itu Margin, Border, Padding, Dan Content.

Coba perhatikan gambar dibawah ini:


Sedikait Ulasan tentang gambar di atas :
  1. Margin = Menghapus sebuah daerah di sekitar perbatasan. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
  2. Border = Sebuah perbatasan yang terletak di sekitar padding dan konten. perbatasan ini dipengaruhi oleh warna latar belakang kotak (dapat diberi warna)
  3. Padding = Menghapus sebuah daerah di sekitar konten (terletak antara border dan konten). padding ini dipengaruhi oleh warna latar belakang kotak.
  4. Content = Isi kotak, di mana teks dan gambar muncul

Dalam penulisan code untuk menentukan bagian per bagain terdiri dari dua cara yaitu:

1. margin: 2px 2px 5px 0px; urutannya –> Atas, kanan, bawah, kiri

2. margin-top: 2px; margin-right: 2px; margin-bottom: 5px; margin-left: 0px;

demikian juga halnya dengan padding bila di tulis bagian per bagian.

Mungkin sekian saja dari saya, selanjutnya sobat pasti lebih tahu. hehee
Semoga bermanfaat.

source: http://kode-blogger.blogspot.com

Rabu, 08 Januari 2014

Tutorial Mudah Mendaftar Dan Verifikasi Blog Di Alexa

By Unknown | At 08.01 | Label : | 0 Comments
Alexa Internet adalah Perusahaan web gratis yang menganalisis situs web dan layanan lainnya di seluruh dunia, bertujuan untuk mengetahui peringkat pengunjung sebuah situs sesuai dengan target geografis yang ditentukan oleh masing-masing situs.
Selain itu Alexa juga memiliki peralatan dan metrix untuk pemilik bisnis, sistem perangkat alexa mampu melacak lebih dari 30 juta situs di dunia.
Apabila anda ingin melawan pesaing bisnis anda, anda harus mengetahui kinerja situs blog anda, mungkin anda dapat meningkatkan lalu-lintas penayangan konten anda agar lebih optimal, dan sebaiknya daftarkan blog anda di alexa rank.
Untuk Mempermudah melakukan pendaftaran blog anda disana, ikuti tutorial di bawah ini, ....

1. Mendaftar di Alexa
  • Masuklah ke www.alexa.com.
  • Pada bagian atas dashboard klik Create An Account. atau anda bisa menggunakan akun Facebook anda untuk login.
  • Masukkan Email dan Nama panggilan anda, kemudian klik Daftar.

  • cara Mendaftarkan Blog Di Alexa

  • Cek Email verifikasi dari alexa, kemudian klik link verifikasinya.

  • 2. Tambahkan Blog ke Alexa
  • Masuklah dengan akun yang anda buat tadi
  • Klik dashboard lalu klik ADD SITE.

  • cara add site di alexa
    cara add site di alexa

  • Di halaman Product Plans and Pricing Pilih Free, klik Sign UP.

  • halaman Product Plans and Pricing

  • Masukkan Url Blog anda, Klik Continue.



  • 3. Claim Blog ke Alexa

  • Pada halaman Claim Situs Anda, Gunakan metode Opsi 2
  • Perhatikan Petunjuk Opsi 2, anda harus meletakkan kode meta tag verifikasi ke dalam html blog anda.
  • Salin Kode meta tag verifikasi anda Seperti gambar di bawah ini.

  • Cara Claim atau verifikasi blog di alexa

  • Masuk Ke Dashboard blogger Anda.
  • Pilih opsi lanjutan,→ Template, → edit html.
  • Cari Kode " <head>.
  • Letakkan Kode meta tag yang anda salin tadi, tepat di bawah kode <head>.
  • lalu Simpan Template.




  • Masuk kembali ke halaman alexa claim site.
  • Klik di bawah Opsi 2 verify my ID atau verifikasi ID saya.

  • Setelah anda mengikuti tutorial di atas, anda telah berhasil menambahkan dan memverifikasi blog anda di alexa dan secepatnya akan mengetahui kinerja blog anda di mesin pencari.

    Cara Mudah Daftar sitemap Blog ke Bing dan Yahoo

    By Unknown | At 07.56 | Label : | 0 Comments
    Bagaimana cara daftar / submit sitemap blog ke Bing dan Yahoo.
    Cara mendaftarkan sitemap blog ke Bing dan Yahoo sedianya lebih sederhana bila dibandingkan dengan daftar sitemap ke google. Bagi sobat blogger yang sedang belajar sebagai blogger seperti saya jika belum tahu cara daftar sitemap ke google silahkan sobat blogger baca artikel yang sebelumnya telah saya bahas sebelumnya yaitu cara mendaftarkan sitemap blog ke google

    Langkah langkah cara mendaftarkan sitemap blog adalah berikut:

    Sign in ke bing webmaster tool silahkan klik di sini 

    sign bing webmaster tools

    sign saja menggunakan alamat email microsoft account sobat, atau menggunakan email yang digunakan untuk login ke blog anda juga boleh.
    Jikalau memang belum daftar / submit ke microsoft account silahkan daftar saja langsung (klik sign up), isi data data yang diperlukan pada saat sobat blogger sign in tadi.
    cara mendaftar sitemap blog ke bing dan yahoo

    Dan jika sudah sign in, anda akan dibawa ke bing webmaster, klik saja configure my site, kemudian pilih sitemaps.
    cara mendaftarkan sitemap blog ke bing dan yahoo

    Kemudian silahkan sobat blogger yang ingin mendaftarkan sitemap ke bing dan yahoo harus mengisi alamat url anda seperti contoh berikut :

    http://alamat_blog_sobat.blogspot.com/sitemap.xml  atau
    http://alamat_blog_sobat.blogspot.com/feeds/posts/default

    silahkan sobat blogger pilih salah satu cara di atas untuk daftar sitemapnya, dan klik submit. Maka selesai sudah cara submit sitemap blog ke bing dan yahoo. Karena bing dan yahoo sudah bekerjasama maka sudah sekaligus terkirim dalam satu kali pengiriman ini. Artinya jika anda sudah mendaftarkan sitemap blog ke bing maka blog anda sudah otomatis terdaftar sitemap blog anda ke yahoo juga. Setiap ada postingan baru maka sobat blogger harus kembali mendaftar sitemap ke bing dan yahoo lagi. Berbeda dengan google, search engine yahoo akan lebih lambat meng-craw postingan anda, hal ini akibat dari penggabungan yahoo dan bing, tetap sobat blogger tidak perlu khawatir, tetap daftarkan sitemap anda ke bing dan tunggulah hasil craw dari yahoo dan bing.

    Demikian sepenggal petuah Cara daftar sitemap blog ke bing dan yahoo, semoga bermanfaat, salam sebagai blogger

    Selasa, 07 Januari 2014

    Cara Mudah Mendaftar Dan Klaim Token atau Verifikasi Blog di Technorati

    By Unknown | At 06.47 | Label : | 0 Comments
    Postingan kali ini adalah sebagai syarat dari Technorati agar blog ini terverifikasi, Dalam postingan kita harus ada kode unik / token yang dikirim ke email kita oleh pihak Technorati. Untuk kode token saya adalah 32S39S3R5BD2.
    Untuk itu sekalian saya share Cara mendaftar, mensubmit dan klaim token blog di technorati. 
    Berikut langkah - langkahnya :
    1. Membuat account terlebih dahulu, buka link pendaftaran disini!
    2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join”
    3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi Buka email dari technorati dan klik link aktifasinya, Setelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
    4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil.
    5. Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://nayakaza.blogspot.com, lalu klik “Claim”
    6. Halaman selanjutnya, isi formulir dengan benar,
    7. Blog tittle: isi dengan tema blog Anda, misal blog ini temanya adalah “Tokotua Forex”
    8. URL: alamat blog, misal http://nayakaza.blogspot.com/
    9. Feed: rss feed blog, boleh alamat default seperti http://nayakaza.blogspot.com/feeds/posts/default, atau service pihak ketiga semisal feedburner,
    10. Linking blogs: disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi,
    11. Site description: keterangan blog, sesuaikan dengan tema blog,
    12. Site categories: beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori,
    13. Site tags: isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
    14. Lalu klik “Proceed to next the step”
    15. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile”
    16. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
    17. Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu 32S39S3R5BD2 atau bisa dicek di kotak masuk email Anda (berbeda untuk tiap blog) , adalah kode token yang harus kita tulis di halaman blog kita.
    18. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini.
    19. Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya. Demikian artikel tentang cara mendaftar dan claim blog di technorati, Semoga berhasil dan bermanfaat buat kita semua!!
    Demikian postingan kali ini semoga bermanfaat

    Senin, 06 Januari 2014

    Cara Mudah Dan Cepat Daftar / Submit Blog Ke Yahoo Directory

    By Unknown | At 04.48 | Label : | 0 Comments
    www.nayakaza.blogspot.com
    Banyak cara yang bisa dilakukan para blogger dalam meningkatkan jumlah pengunjung maupun peringkat blognya. Selain kita harus membuat blog kita seo friendly maka kita juga harus mensubmit atau mendaftarkan blog kita pada beberapa search engine yang terkenal seperti google, tecnorati, msn maupun yang lainya.

    Untuk kali ini saya akan share khusus cara submit atau mendaftarkan blog kita ke Yahoo.
    Berikut ini langkah-langkah nya:

    1. Masuk ke halaman Yahoo! Directory Suggest a Site:


    2.Setelah masuk di halaman itu, anda pilih saja Standard Consideration


    3. Di halaman ini Anda dapat mengecek apakah website/blog Anda memang belum terdaftar pada Yahoo Directory.

    Di sini juga Anda harus memilih email Anda yang akan dijadikan sebagai Security Email ID "Please be prepared to provide a Site Security Email ID as well as the site title, URL, and a brief description".
    IMPORTANT: On the " Suggest a Site" form, the Security Email ID can be any email address you choose to associate with your site. This ID helps to ensure that listings in the Directory cannot be changed by unauthorized persons. Please keep a record of the Security Email ID to reference when contacting us about this site."

    Bila memang blog/website Anda belum terdaftar dan anda sudah menentukan security email ID anda, langsung saja Anda klik Continue
    Anda harus login dulu ke akun Yahoo Anda untuk meneruskan ke langkah selanjutnya

    4. Setelah login secara otomatis anda akan masuk ke halaman formulir submit URL Yahoo Directory.
    Isi formulir dengan data blog/website anda.



    5. Ketik alamat email dan nama Anda pada formulir Security Email ID

    IMPORTANT: You will need to retain this email ID for your records as we will ask you to identify it when you contact us about your listing.
    Selanjutnya ketik kalimat pendek berupa informasi pelengkap tentang blog/website Anda pada kotak Additional Information. Misalnya pada kategori apa blog anda ingin dipasang, sarankan kategori baru bila perlu.
    Setelah selesai, klik SUBMIT



    Selesai sudah semua langkah demi langkah dalam mendaftarkan blog atau website ke Yahoo Directory.

    Perlu diingat sekali lagi bahwa layanan Yahoo! Directory Sugget a Site Standard / Free ini hanya terbuka untuk mendaftarkan blog atau website non komersial saja. Itupun tanpa jaminan waktu permohonan Anda akan disetujui seperti yang tertulis pada halaman Yahoo! Directory Submit Standard:
    "No time guarantee Due to the volume of suggestions, we cannot guarantee a timely consideration of your site."

    Semoga tips ini bermanfaat dan selamat mencobanya.

    Minggu, 05 Januari 2014

    Panduan Memasang Meta Keyword dan Deskripsi Pada Blog

    By Unknown | At 07.15 | Label : | 0 Comments
    Dalam Mengptimalkan blog kita tentunya tidak bisa dipisahkan dari yang namanya meta keyword dan deskripsi.Kali ini saya akan share cara membuat meta tag yang baik sekaligus cara memasang pada blog kita. Meta Keyword adalah sebuah script yang digunakan untuk mempermmudah search engine atau mesin pencari untuk menelusuri isi atau konten blog kita, yang nantinya akan dapat di munculkan didalam daftar hasil pencarian di search engine.
    Deskripsi merupakan sebuah script yang dipasang disebuah blog untuk dipasang, guna untuk mempermudah search engine untuk dapat menemukan atau mengetahui jenis konten yang terdapat pada sebuah blog tersebut.
     
    Berikut cara membuat meta tag keyword yang baik :
    1. Keyword harus terdiri dari 8-10 macam.
    2. Keyword ke 1 sampai keywords ke 3 adalah kata kunci utama (khusus) blog Anda. Sedangkan kata kunci ke 4 sampai ke 10 adalah kata kunci umum atau sebagai pendukung tiga kata kunci utama sebelumnya.
    3. Jumlah kata pada sebuah keywords adalah 15-20 kata.
    4. Apabila ada beberapa keywords dengan jumlah 1 kata. ( Contoh : HTML,PHP,Java )
    5. Taruhlah kata tersebut dipaling depan atau keyword nomor 1 dengan syarat keywords tersebut merupakan kata kunci. Sedankan apabila keywords tersebut bersifat umum taruhlah mulai dari keywords no.4
    6. Apabila ada beberapa keywords dengan jumlah 2 kata atau lebih ( Contoh : Tutorial Blogger,SEO Friendly,Webmaster Tools ), taruhlah di bagian belakang. Tetapi, apabila keywords tersebut adalah kata kunci utama letakkanlah di bagian paling depan sesuai dengan syarat no.2 diatas.
    Sedangkan cara memasang pada blog adalah: 
    • Tentunya masuk ke akun blogger
    • Lalu ke Rancangan
    • Pilih Edit HTML
    • Jangan lupa untuk memberikan centang pada Expand Widgets
    • Lalu cari kode <b:skin><![CDATA[/* 
    • Jika sudah ketemu, letakan kode berikut diatas kode tersebut <b:skin><![CDATA[/*
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name="description" content="Blog tempat dwnlad software, game gratis=" />
    <meta name="keywords" content="dwnload, sftware, game" />
    </b:if>

    • Ganti tulisan yang berwana merah dengan desripsi blog kalian
    • Ganti tulisan yang sudah saya beri warna hijau dengan keyword blog kalian
    • Jika sudah, Simpan Template

    Cara Mudah Memasang Meta Description Di Blog

    By Unknown | At 06.44 | Label : | 0 Comments
    Salah satu cara dalam meningkatkan jumlah pengunjung blog kita memang tidak bisa dipisahkan dari tehnik SEO ( search engine optimize ). Dengan SEO yang baik maka secara otomatis postingan kita akan berada dihalaman pertama search engine seperti google, yahoo dll.
    Banyak sekali cara agar blog kita bersifat SEO friendly, salah satunya yang akan kita bahas pada kali ini adalag dengan memasang meta diskripsi diblog.
    Berikut langkah - langkah dalam memasang Meta Description diblog kita :
    1. Login ke acount blogspot Anda
    2. Klik menu Setelan > Preferensi Penelusuran
    3. Kemudian di atas ada Tag Meta Deskripsi klik Edit
    4. Selanjutnya isi sesuai dengan deskripsi Blog Anda (lihat contoh di bawah)
    5. Langkah terakhir klik Simpan Perubahan
    campusseo.blogspot.com

    Selanjutnya setelah langkah di atas selesai, setiap kali Anda memposting artikel baru Anda diminta untuk menuliskan deskripsi artikel, posisinya ada di sebelah kanan. Sehingga hasilnya deskripsi tersebut akan muncul di hasil pencarian.

    Cara Mudah Memperbaiki H1 Not Found / Bad

    By Unknown | At 04.55 | Label : | 0 Comments
    Setelah kemarin saya share tentang cara mengetahui seberapa bagus seo blog kita dengan menggunakan jasa dari www.chkme.com, maka kali ini saya akan share cara mudah untuk memperbaiki H1 bad / not found.
    Kenapa muncul h1 nt found / bad ? ini dikarenakan kita menggunakan image dalam header blg kita. Tapi jangan kwatir kita bisa memperbaikinya dengan sangat mudah, 
     
    berikut langkah - langkahnya:

    1. Log in kedalam akun Blogger anda
    2. Pilih Templete
    3. Klik “Edit HTML”
    4. Klik “Lanjutkan”
    5. Cari kode yang ada dibawah berikut ini:
    Anda bisa menggunakan tombol CTRL+F dan ketik 'header-inner' untuk mempermudah pencarian
    <div id='header-inner'>
         <a expr:href='data:blog.homepageUrl' style='display: block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
    </a>

    6. Bila sudah menemukan kode yang mirip seperti diatas, tambahkan  <h1>........</h1> sehingga menjadi

    <div id='header-inner'>
          <a expr:href='data:blog.homepageUrl' style='display: block'>
    <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
    </a>

    7. Jika sudah, Klik “Simpan”
    Jika sudah selesai, silakan lihat kembali pada situs www.chkme.com kembali, jika berhasil maka Tag H1 akan menjadi Good
     

    Cara Mudah Mengetahui Tingkat Seo Blog Kita

    By Unknown | At 04.25 | Label : | 0 Comments
    Bagi para bloger tentu sudah tidak asing lagi dengan istilah SEO, Bagi yang belum tahu akan saya jelaskan secara singkat apa itu seo. SEO adalah singkatan dari Search Engine Optimize adalah suatu usaha atau tehnik yang digunakan para blogger agar blog atau website mudah terindeks oleh search engine seperti google, yahoo, bing, msn dll.
    Dengan begitu maka blog kita akan berada pada posisi atas dalam search engine. dan secara otmatis maka traffic kita akan besar.
    Terus sekarang bagaimana cara mengetahui seberapa bagus seo blog kita?
    1. Buka alamat situs chkme(dot)com di “http://chkme.com
    2. ketik “alamat  blog anda” kalian tanpa kode http://
    3. Klik “check” dan tunggu beberapa saat kemudian sampai keluar analisa dari dari chkme.com
    4. Kemudian muncul beberapa analisa blog kita, mulai dari :
    a. Basic info : analisa pengukur yang meliputi alamat website dan nama website kalian
    b. Meta Tag : menganalisa Tag Heading, kata kunci dan deskripsi blog Anda
    c. Flash Movie & Animasi = untuk mendeteksi adanya flash movie atau tidak
    d. Frame atau iframe = menganalisa adanya frame iframe dalam blog
    e. Link didalam website
    f. Gambar yang mengandung deskripsi
    g. Gambar yang mengandung tittle
    5. dan dibawah sendiri dari analisa tersebut, akan muncul skor SEO Anda. ini adalah contoh blog saya
    6. Silahkan cek beberapa kesalahan ataupun yang dianggap perlu diperbaiki di website Anda. klik  tombol “show / hide” yang disediaan dalam tiap poin yang muncul
    7. Anda juga bisa untuk menaruh skor SEO tersebut di blog, dengan cara copy paste saja kode html dibawah SEO SCORE.
    Demikian cara mudah mengetahui tingkat seo blog kita, semoga bermanfaat.

    Kamis, 26 Desember 2013

    Cara Mudah Membuat Teks Running / Berjalan

    By Unknown | At 18.00 | Label : | 0 Comments
    Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun. He..he..! "maaf pak markun bercanda." Bahasa apaan tu..? yang jelas Ingrislah.

    Tag yang kita gunakan adalah:

    <marquee>text yang kita inginkan</marquee>

    text yang kita inginkan
    Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:

    BGCOLOR=warna
    DIRECTION=Mengatur arah gerakan (left,right,up.down)
    BEHAVIOR=karakter gerakan (scrol,slide,alternate)
    scrol(teks bergerak berputar)
    slide(teks bergerak sekali lalu berhenti)
    alternate(teks bergerak dari kiri ke kanan lalu balik)
    TETLE=pesan muncul saat mouse berada di atas teks
    SCROLLAMOUNT=mengatur kecepatan gerakan
    SCROLLDELAY=mengatur tenggang waktu
    LOOP=mengatur jumlah

    Sekarang langsung saja kita pratekkan:

    Dari arah kiri ke kanan
    <marquee direction="right" >dari kiri ke kanan</marquee>

    dari kiri kekanan

    Arah bolak-balik
    <marquee behavior="alternate" >arah bolak balik</marquee>

    arah bolak-balik

    Dari kanan ke kiri dengan kecepatan "15"
    <marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

    dari kanan kekiri

    Arahkan mouse text berhenti
    <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

    arahkan mouse text berhenti

    Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

    <marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

    dari atas ke bawah

    Dengan latar belakang warna
    <marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>


    dari kanan ke kiri


    <div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>


    dengan warna


    Dengan gambar atau foto
    <marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>





    Silahkan dicoba

    Cara Membuar Read More Di Blogger

    By Unknown | At 17.49 | Label : | 0 Comments
    Blogspot telah mengluarkan fitur read more atau yang di sebut dengan jump break. Sebelum dikeluarkannya fungsi read more ini yang dulunya kita harus dipusingkan dengan memasang script pada kode template. Maka sekarang akan lebih mudah dengan diluncurkannya read more fitur baru ini. Mungkin diantara sobat yang baru menggunakan blogger masih ada yang belum tahu bagaimana cara membuat read more atau jump break milik blogger tersebut, bisa ikuti cara di bawah ini:

    Pada posisi compose arahkan mouse dan klik pada artikel yang ingin sobat penggal menggunakan read more. Kemudian arahkan mouse sobat ke arah pojok ( lihat gambar di bawah ) dan klik pada jump break, maka artikel sobat akan terpenggal dengan sendirinya.

    Cara di atas tersebut jika sobat menggunakannya pada posisi compose. Jika sobat menggunakanya pada posisi edit HTML maka cukup tambahkan kode <!-- more --> di antara artikel yang ingin sobat penggal ( lihat gambar di bawah ).


    Jka sobat ingin mengganti kata read more misalnya menjadi baca selengkapnya bisa edit pada bagian posting blog. Masuk ke tata letak kemudian klik edit pada posting blog maka akan muncul gambar seperti di bawah ini. Sobat bisa hapus dan ganti dengan kata yang sobat inginkan.



    Untuk sobat yang menggunakan fitur blogger lama caranyapun juga tidak jauh berbeda, cuma sebelumnya blog sobat harus diedit terlebih dahulu. Caranya masuk ke pengaturan kemudian pilih dasar. Lihat gambar pada bagian bawah yang mirip di bawah ini.

    Pilih editor entri : Editor yang di perbaharui.
    Kemudian klik simpan.
    Di sini sobat juga bisa baca-baca fitur terbaru dari blogger, klik link fitur terbaru! nanti sobat akan di arahkan ke sana atau klik di sini.



    Semoga bermanfaat.

    Cara Mudah Membuat Menu Navigasi Horizontal Di Blog

    By Unknown | At 17.44 | Label : | 0 Comments
    Mungkin kita sudah tidak asing lagi dengan yang namanya menu horizontal. Di sini saya akan membuat sebuah menu navigasi horizontal secara sederhana yang tentunya lebih mudah di terapkan pada sebuah template. Menu ini biasanya terletak di bawah header.
    Di bawah ini adalah gambar menu navigasi horizontal yang akan kita buat.




    Kita langsung saja menuju bagaimana cara membuatnya.
    1. Masuk ke blog sobat
    2. Pilih tata letak atau rancangan.
    3. Klik tambah gadget.
    4. Pilih HTML/Java Script.
    5. Kemudian masukkan kode di bawah ini.
    <style type="text/css">
    /*----------------------------------*/
    .Nav a { width: auto; height: auto; text-decoration: none; }
    .Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 20px;font-weight:bold; font-size:12px; }
    .Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
    </style>
    <div style="border: 3px solid #ffcc99; height:px;background-color:#FF3366;">
    <div style="width: auto; padding: 10px;" class="Nav" align="left">
    <a href="http://activekita.blogspot.com"target="_blank"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
    <a href="http://activekita.blogspot.com/2010/01/kode- warna.html"target="_blank"><span style="font-weight:bold;color:#FFff00;">JUDUL1 </span></a>
    <a href="http://activekita.blogspot.com/2010/08/menambah-satu-kolom-di-bawah-header.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 2</span></a>
    <a href="http://activekita.blogspot.com/2010/10/membuat-menu-navigasi-horizontal.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 3</span></a>
    <form action="http://activekita.blogspot.com/search" id="searchform" method="get" style="display: inline; float:right; padding-right:10px; padding-bottom:px" > <input id="searchbox" maxlength="" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" /> <input class="btn" name="" " value="search" type="submit" span style="font-weight:bold; font-size:12px; color:#ff3399" />
    </form>
    </div></div>  



         6. Ganti yang warna hijau dengan alamat link milik sobat. Bila perlu sobat bisa tambah dengan link sobat yang lain. Jangan lupa isi juga keterangan yang sesuai pada judul.

         7. Klik simpan.
    Posting Lama ►
     
    StatsCrop

    Copyright © 2012. New Software Populer - All Rights Reserved B-Seo Versi 5 by Blog Bamz