Software Complete Full version Free 2014

Cara mengganti ikon blogger pada address bar

Jika anda mempunyai blog pada Blogger.Com tentunya tampilan default pada Address Bar Blogger atau yang disebut dengan favicon adalah seperti pada samping sebelah kanan ini.

Tetapi bagi anda yang ingin mengganti tampilan tulisan huruf B pada ikon address bar (kolom alamat pada tab & kolom alamat url untuk mengetikkan alamat situs) pada Blogger sangatlah mudah anda hanya akan menambahkan kode pada HTML template blog anda yang ingin diganti tampilan huruf B (ikon pada address bar blogger) tersebut.

Berikut Caranya :

Jika anda susah untuk membuat ikon/icon pada address bar dibawah ini ada beberapa tool/peralatan yang dengan mudah untuk membuatnya.

Setelah anda selesai membuat icon favicon/address bar langkah langkah selanjutnya adalah menyimpan gambar yang sudah dibuat lalu kita upload pada hosting gambar yang biasa kita gunakan seperti photobucket, Imageshack, Album Web Picasa dll. nanti akan dibahas dibawah tutorial.

Setelah login pada blogger
kemudian masuk ke "Tata Letak --> Edit HTML"
Kemudian copy kode berikut dibawah ini :

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>
atau bisa juga seperti kode dibawah ini :
<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Langkah selanjutnya adalah menaruh kode tersebut diatas sebelum/diatas kode :

</head>

Ganti huruf yang berwarna merah dengan alamat URL favicon yang sudah kamu buat.
 

selesai.

Cara membuat kolom widget di sebelah kanan header


1. Masuk ke akun Blogger Anda.
2. Klik Rancangan >> Edit HTML.
3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini berguna jika nanti terjadi kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template seperti semula.
4. Cari deretan kode seperti di bawah ini.

#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}

5. Kemudian ganti kode-kode tersebut dengan kode di bawah ini.

#header-inner {
width:432px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:468px;
float:left;
padding-top:10px;
}

6. Setelah itu carilah kode seperti di bawah ini.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Klik Munadi (Header)' type='Header'/>
</b:section>
</div>

7. Kemudian tambah kode berwarna merah sehingga hasilnya menjadi seperti di bawah ini.


<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Klik Munadi (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

8. Klik tombol "SIMPAN TEMPLATE".

Mengatur lebar Header, Halaman Posting dan Sidebar


Mengatur lebar header, halaman posting dan sidebar ini mungkin kelihatannya sangat sederhana. Namun bagi blogger pemula sepaerti saya, hal ini menjadi penting. Jika suatu saat ingin mengubah lebar ketiganya maka inilah yang akan jadi patokan.

Untuk mengetahuinya anda harus barada pada menu Edit HTML yang bisa dilihat setelah masuk/login ke Blogger - Rancangan. Baru setelah itu Klik Edit HTML (Jangan lupa centang Expand Template Widget).

* lebar header

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

* lebar halaman posting

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

* lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Setiap template biasanya berbeda-beda. Karena itu, carilah kode yang mirip dengan kode-kode di atas tadi. Kode yang berwarna merah adalah lebar dari masing-masing elemen template-nya, sedangkan yang berwarna biru adalah tinggi dari header template. Inilah yang harus anda sesuaikan jika ingin mengubahnya.

Cara menghilangkan attribute blogger ( diberdayakan oleh blogger )

Kalau kita memakai template bawaan Blogger.com seperti blog ini, maka pasti akan ada widget attribute di bagian footer template. Sebagian orang kadang merasa tidak perlu menampilkan widget ini, maka lebih baik menghilangkannya atau tepatnya menyembunyikannya.

Cara menghilangkan attribute blog powered by blogger adalah sebagai berikut:

 
1. Masuk dashboard.
2. Pilih design, lalu edit html.
3.Cari kode ]]></b:skin>.
4. Kemudian letakkan kode berikut ini tepat di atas ]]></b:skin>.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

5. Klik save, dan selesai.

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger


  1. Login ke blogger dengan ID anda tentunya.
  2. Klik  Tata Letak.
  3. Klik tab Edit HTML.
  4. Cari kode seperti ini :
    ]]></b:skin>
  5. Copy paste kode berikut persis di atas kode yang tadi :
    .quickedit{
    display:none;
    }
  6. Klik tombol Simpan template.
  7. Selesai.

Belajar membuat website dengan blogspot


Kali ini saya ingin membahas tentang cara membuat website,langkah langkah nya begitu mudah bagi yang masih pemula. selain mudah juga gratis. bagi anda yang ingin belajar membuat website, di sini saya akan menjelaskannya secara lengkap dan jelas.
untuk tahap awal belajar kita akan menggunakan blogspot. dimana blogspot menyediakan bagi anda yang masih pemula untuk berkreasi disini,semuanya serba gratis dan semua tergantung kemauan anda.
berikut langkah pertama sebaiknya kita terlebih dahulu menyediakan email,anda bisa menggunakan yahoo,gmail dan lainnya.karena untuk mendaftar di blogger kita memerlukan email.saya ambil contoh kita akan menggunakan gmail.untuk membuat email ini kita perlu mendaftarkannya di http://mail.google.com/ . ikuti saja petunjuknya dan anda akan di arahkan sampai proses selesai. setelah anda memiliki akun gmail selanjutnya kita mengunjungi situs http://bloggger.com.
1.klik daftar/sign up
2.isikan data data anda dengan sesuai
3.masukkan nama domain kamu. contoh : http://cometshare.blogspot.com/ jika availible anda akan lanjutkan ke tahap berikutnya, jika not availible maka anda harus menggunakan nama domain lain.
4.setelah itu anda akan di minta untuk verifiikasi, nasukkan nomor telepon anda untuk mengkonfirmasi nya.nanti akan ada konfirmasi kode yang nantinya akan di masukkan untuk tahap berikutnya.
5.setelah selesai anda sudah berhasil membuat website
6.tinggal mengatur/mendesign blog sesuai dengan keinginan anda
7.pilih templete yang anda sukai
8.lalu pilih buat entri baru untuk artikel yang akan anda terbitkan
9.kemudian klik publish untuk menerbitkan website anda
10.jika anda ingin mengedit blog anda, di dashboard anda sudah ada pilihan untuk mngatur blog anda..
Selamat berkreasi semoga dengan blog ini saya bisa membantu sobat semua sehingga lebih mengenal dan mendalami di dunia website...

Membuat menu horizontal untuk blog


Bagi anda yang ingin mempercantik tampilan blog, salah satunya menambahkan menu horizontal/menu mendatar.pastinya blog anda belum lengkap tanpa menu. langsung saja saya bagikan buat sobat pecinta blogger semua.

berikut langkah langkah nya :
1.login dulu di blogger anda
2.klik rancangan/template lalu klik edit html
3.setelah itu anda klik lanjutkan kemudian centrang widget
4.cari ]]></b:skin>. untuk lebih mudah pencarian tekan ctrl + f
5.copy pastekan kode di bawah ini tepat di atas ]]></b:skin>

/* Navigasi tabs http://cometshare.blogspot.com/ Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs http://cometshare.blogspot.com/ Ends */

6.lalu klik save template
7.sekarang masuk kita ke tata letak/page elements
8.klik add gadget/tambah gadget.nanti akan muncul jendela baru dan kita cari/tambah kan HTML/javascript
9.lalu copy pastekan kode di bawah ini

<!-- Navigasi tabs http://cometshare.blogspot.com/ Starts -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs http://cometshare.blogspot.com/ Ends -->

10.save
catatan : tanda # yg berwarna merah untuk anda edit sesuai dengan link yang anda inginkan. dan tanda yang berwarna biru edit sesuai menu selera anda....


Memasang widget twitter di blog


Bagi anda yang sudah memiliki blog sendiri dan anda ingin mempercantik tampilan blog anda, salah satunya dengan memasang widget twitter. hal yang pertama anda harus membuat akun twitter dulu, jika sudah copy kode di bawah ini dan paste kan.


<div style="background:#fff url(http://cometshare.blogspot.com/-CLBGzLyi1so/T1UPEFQD_oI/AAAAAAAAFuI/dTa03s7vVYg/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('AndieAAN').start();
</script>
</div>
<br />
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=AndieAAN&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>


Cara nya :
1.login ke blogger
2.klik tata letak
3.klik tambah gadget
4.pilih edit html/javascript
5.kemudian paste kode tersebut
6.save.
catatan : silahkan ganti yang berwarna merah dengan nama anda..
Lihat hasilnya..semoga bermanfaat buat anda. silahkan beri komentar nya. . .thank's

Membuat widget bendera translate


Jika anda ingin memasang widget google translate di blog anda, berikut ini saya akan berikan kode nya. Google Translate Berikut ini terdiri dari 8 bahasa yaitu Bahasa Indonesia, Bahasa Inggris, Bahasa Arab, Bahasa Prancis, Bahasa Jerman, Bahasa Spanyol, Bahasa Italia, Bahasa Belanda, Bahasa Rusia, Bahasa Portugis, Bahasa Jepang, Bahasa Korea dan Bahasa Mandarin. silahkan copy Kode HTML di bawah ini :

<html>
<a href="http://www.naskah.net">
<b style="color: blue;">Choose Language</b></a><br/><br/><a class="google_translate" href="#" rel="nofollow" title=" Bahasa Indonesa" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cid&hl=id'); return false;"><img alt="indonesia" border="0" align="absbottom" title="Bahasa Indonesa" height="24" src="http://naskah.net/indonesia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src=" http://naskah.net/inggris.jpg " style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Al Arabia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=ar'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Al Arabia" height="24" src="http://naskah.net/arab.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=fr); return false;"><img alt="French" border="0" align="absbottom" title="Francais" height="24" src="http://naskah.net/prancis.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=de'); return false;"><img alt="German" border="0" align="absbottom" title="Germany" height="24" src="http://naskah.net/jerman.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=es'); return false;"><img alt="Spain" border="0" align="absbottom" title="Espanol" height="24" src="http://naskah.net/spanyol.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cit&hl=it'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italiano" height="24" src="http://naskah.net/italia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=nl'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Netherland" height="24" src="http://naskah.net/belanda.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=ru'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://naskah.net/rusia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=pt'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://naskah.net/brazil.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cjp&hl=jp'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://naskah.net/jepang.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=ko'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://naskah.net/korea.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=zh-cn'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://naskah.net/china.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a>
</html>

cara pasang :
1.login ke blogger
2.klik tata letak
3.tambah gadget
4.pilih edir html/javascript
5.paste kan kode di atas
6.save.
 
Copyright © 2012 - 2015 Renviletieft Blog - All Rights Reserved
Template Craeted by : RenvileTieft Blog
Proudly Powered by Blogger