Belajar Bareng: Blog

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Membuat Scroll Box

Waktu 07.22

Untuk menanggapi pertanyaan teman blogger mengenai cara membuat scroll box, mengenai scroll box ini yaitu kotak yang bisa di masukkan teks berlink atau isi halaman. Cara membuatnya tidaklah sulit dan tidak membutuhkan banyak kode HTML, sangat mudah, dan hanya mengunakan kode HTML yang sedikit, penasaran bukan?, berikut caranya:

Buatlah gadget baru atau tambah gadget, pilih HTML/Java script.

Inilah kode script yang sangat sederhana itu.

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>

     2.Copy paste kode tersebut, dan gantilah tulisan isi halaman dengan isi halaman yang anda inginkan,

        contoh :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<a href="http://blogmeinside.blogspot.com/2011/07/memasang-cbox-pada-blog.html">Cara mudah memasang Cbox pada blog</a>
<br />
<a href="http://blogmeinside.blogspot.com/2011/07/memasang-shoutmix.html">Cara memasang shoutmix pada blog</a>
<br />
<a href="http://blogmeinside.blogspot.com/2011/07/memasang-kotak-pencarian.html">Memasang kotak pencarian pada blog</a>
<br />

</div>

      3. Jika sudah selesai klik simpan, lihat hasilnya.
      4. Sedikit penjelasan didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

sumber : http://blogmeinside.blogspot.com

»» READMORE...

Cara Menjual Blogspot

Waktu 20.44

Bagaimana cara menjual blog di blogspot atau blogger.com? Atau jika ingin memberikan blogspot kepada orang lain. Siapa tau ada buyer yang ingin membeli blog anda dengan harga tinggi, Atau siapa tau blog ini mau dibeli dengan harganya gede (xixixi). Tidak nolak kalau ada yang membeli blog ini $400, soalnya blog ini sudah menghasilkan $400 lebih. Inti menjual blogspot pemilik lama (si A) memberikan permission kepada pemilik baru (si B) untuk menjadi administrator, dan kemudian si B me-remove si A sebagai administrator. Untuk lebih jelasnya ikuti langkah-langkah sebagai berikut:

1. A: Buka Setting - Permissions >> Undang si B dengan memasukkan emailnya

2. B: Buka email lalu accept invitation sebagai administrator blog
contoh email sebagai berikut:

The Blogger user Admin has invited you to contribute to the blog: xxxx

To contribute to this blog, visit:
http://www.blogger.com/i.g?xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

You'll need to sign in with a Google Account to confirm the invitation and start posting to this blog. If you don't have a Google Account yet, we'll show you how to get one in minutes.
To learn more about Blogger and starting your own free blog visit http://www.blogger.com.

3. A: Kembali buka Setting - Permissions >> Ubah status B sebagai administrator

4. B: Remove A dari administrator, sehingga B menjadi pemilik tunggal blog tersebut

Demikian caranya simpel saja, semoga berguna ya..

»» READMORE...

Membuat Related Post dengan gambar berjalan pada blogger

Waktu 02.56

Kira-kira bingung ga dengan maksud judul di atas?saya juga bingung gimana mau ngasih judul nya..mungkin kalau mau di sederhakan bahasa nya kira-kira kayak gini :

"Membuat artikel terkait dalam bentuk gambar yang berjalan bolak- balik yang diletakan persis di bawah postingan"

Gimana sudah di lihat..??? nah jika sobat berminat mari kita belajar membuat nya...

1. Tahap PERTAMA

Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
Anda klik Edit HTML
sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
Jangan lupa di centang Expand Template Widget
Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal

Cari Kode di bawah ini..

</head>

Jika sudah ketemu hapus dan ganti kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

</head>

2. Tahap KEDUA

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

CATATAN : jika di templete blog sobat tidak di temukan kode yang berwarna merah maka cari kode yang berwarna biru,yang penting salah satu nya aja yang di gunakan untuk modifikasi.

Sudah Ketemu...copypaste semua kode di bawah ini dan letakan di bawah kode <div class='post-footer-line post-footer-line-1'> jangan salah tempat ya.... di bawah

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

Hasil nya kayak gini

<div class='post-footer-line post-footer-line-1'>

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";

var maxresults=10;

var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

CATATAN :

Kode yang saya cetak tebal berwarna biru ..var maxresults=10; maksud nya gambar thumnail yang di tampilkan bisa 10,11 atau jumlah lain nya yang sobat inginkan.

3.Tahap KETIGA simpan templete

Sekarang Coba anda lihat hasil nya...semoga berhasil..

Sumber : http://web.gallerydunia.com

»» READMORE...

Tutorial Membuat Scroll Box di Bloglist & Html Widget

Waktu 05.17

Mahu memperkemaskan lagi blog dengan memasang scroll up & down pada list blog yang berjela-jela? Kalu uols perasan, kat my bloglist ada scroll box ni. Malangnya kat popular post dan feedjit tak menjadi, taktau nape. Tapi kat blog Ma Belle Conway, feedjit ngan popular post boleh je letak scroll box. Mungkin berkaitan dengan template dan coding skin ni..huhu.. Tutorial ni tidak applicable pada blog archive (tunggu next entriii..)

1st skali, uols kena dapatkan id widget yang ingin diletak scroll box. Cemane nak dapat id ni? Pi kat dashboard, klik design, pilih page elements. Kat sidebar hangpa ada list2 widget. Klik edit bloglist widget (contoh widget yang ingin diletak scrollbox), hangpa cari widgetId kat atas tu.. biasanya dia duk last skali, cam gambar ni..

id widget ni ialah BlogList1

Dah dapat id tu, hangpa replace kat coding ni di tulisan kaler merah tu.. *sila copy betui2 coz aritu saya gi memandai dekatkan dot dengan BlogList1 trus tak jadi..* Pastekan dulu coding ni di notepad/word or mana-mana yang menyenangkan uols.. Yang kaler hijau tu, uols leh adjust mengikut ketinggian yang uols mahu..

#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
}

Pastu, uols gi kat Edit Html, tick bahagian Expand Widget Templates, dan dengan menggunakan Control + F, search ]]> macam kat bawah ni..

Dah jumpa ]]>, maka bolehla uols amik coding dari 1st step tadi dan paste di atas kod ]]>. Di atas yer, bukan di bawah..hihihi.. Buatla kat widget2 lain yang uols nak bagi pendek sket..

Sumber : http://www.ceritaindahkami.com

»» READMORE...

Tutorial Membuat Scroll Box di Blog Archive

Waktu 04.45

Kali ini saya coba share pada para blogger , mungkin ini bukan hal yang baru tapi miudah mudahan ini bermanfaat bagi yang masih belum mengetahui cara membuat scroll box pada blog arcive.

Langsung aja yaa... login dulu di blog anda pilih rancangan dan edit html.dan centang Expand Widget Templates. Dengan menggunakan CTRL + F, search <div id='ArchiveList'> macam kata bawah ni..

Copy code warna hijau ini <div style='overflow:auto; width:auto; height:100px;'> dan letakkan di atas <div id='ArchiveList'> dan code ini </div> sebelum <b:include name='quickedit'/>, seeperti kata bawah ni..

dan angka 100 warna merah bisa anda ganti sesuai dengan kebutuhan.

<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div></div>
<b:include name='quickedit'/>

Selamat mencoba Ok.....! salam Catatan si Mbo'

»» READMORE...

Cara Membuat Related Post / Postingan Terkait Pada Blogger

Waktu 03.36

Iseng-nyari artikel cara membuat related post, kemudian saya mencoba dari berbagai sumber dan ternyata gagal. Akhirnya saya menemukan dari salah satu artikel di http://wawanwae.blogspot.com dan berhasil. Kita bahas caraya yuk, cekidot:

Pastikan postingan blog anda sudah dikelompokan berdasarkan label karena related post/postingan terkait ini muncul berdasarkan label yang anda buat.
Masuk ke blogger.com
Masuk ke menu Design - Edit HTML
Checklist Expand Widget Templates
Cari kode <data:post.body/> </b:if></p>
Kemudian tempatkan kode berikut tepat di bawah kode tadi :

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

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

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Setelah itu simpan Template dan coba di preview, selesai. Selamat mencoba

Sumber: http://wawanwae.blogspot.com/

»» READMORE...

Cara Menghilangkan Tanggal Postingan di Blog

Waktu 19.02

Lemotnya jaringan internet tidak membuat saya malas untuk posting artikel, walaupun harus nunggu sampai 15 menit baru bisa terbuka load page blognya, hahaha. Itu sebenarnya gara-gara salah satu tim favorit Piala Dunia (selain Spanyol) yaitu Belanda menang 2-1 melawan Brazil, jadinya hati senang bukan kepalang.

Nah, berhubung page nya sudah kebuka jadinya tengah malam ini saya mau posting tutorial blog tentang bagaimana "Cara Menghilangkan Tanggal Postingan di Blog Tanpa Perlu Edit HTML Templates".

Sebenarnya tanggal di postingan blog ini tergantung pemilik blog sih mau atau nggaknya untuk menghilangkannya, kadang-kadang tanggal postingan sedikit mengganggu pemandangan blog (itu menurut beberapa sobat blogger dan termasuk saya sendiri).

Ok, untuk teman-teman yang mau menghilangkan tanggal posting di blog (cara ini bukan melalui edit HTML templates blog), berikut ini langkah-langkahnya:

1. Login ke akun blogspot teman-teman,
2. Klik Design/Layout/Tata Letak >> Page Element
3. Teman-teman hanya perlu fokus pada page Posting Blog saja,

4. Klik edit (yang dilingkari warna merah sesuai pict di atas) dan akan muncul page baru (Configur Blog Post),

5. Teman-teman hanya perlu menghilangkan centang di bagian tanggal posting saja seperti bagian yang saya beri warna merah pict di atas,

6. Jika sudah tinggal klik save dan selesai.

Kira-kira seperti itulah Cara Menghilangkan Tanggal Postingan di Blog Tanpa Perlu Edit HTML Templates. Selamat mencoba dan semoga berhasil.

Author: Anggasona

Labels: Tutorial Blog

»» READMORE...

Cara Memasang Widget SMS Gratis pada Blog Blogspot

Waktu 18.39

Mungkin banyak sobat blogger yang tertarik dengan widget yang satu ini, yaitu widget sms gratis. Dengan widget tersebut kita bisa mengirim SMS gratis ke nomor GSM maupun CDMA tanpa bayar sepersen pun alias gratis. Lalu bagaimana caranya? Caranya gampang, karena kita di sini tinggal menggunakan widget yang sudah jadi dan telah disediakan oleh sms-online.web.id secara gratis, sebelumnya terima kasih kepada sms-online.web.id

Jika sobat belum tahu cara memasang widget SMS tersebut, silahkan simak langkah-langkah berikut:

1. Silahkan login ke akun Blogger anda
2. Klik menu Rancangan
3. Lalu klik add gadget atau "tambah gadget"
4. Selanjutnya pilihlah gadget Java script/HTML
5. Dan isikan kode berikut ke dalamnya

<iframe name="I2" src="http://sms-online.web.id/widget"
width="250" height="350"></iframe>

Untuk mengatur ukuran iframe/layar widget SMS gratis, sobat bisa mengaturnya melalui angka yang telah saya tandai dengan warna hijau (width;lebar dan height;tinggi)

6. Klik tombol simpan, silahkan lihat hasilnya di blog anda, maka nanti akan tampil seperti berikut

Cara menggunakannya gampang; isikan nomor HP tujuan pada kolom "nomor HP" (misalnya 085788325581), lalu isi kolom pesan dengan isi SMS yang sobat inginkan (untuk dikirim), dan jawab pertanyaan (penjumlahan/pengurangan/dsb) sebagai verifikasi, dan kliklah kirim SMS. Dalam waktu yang relatif singkat, sms akan terkirim ke nomor tujuan. Untuk percobaan, sobat bisa menggunakan numb. HP sendiri

Selain bisa dipasang di gadget blogspot, sobat juga bisa menampilkannya di dalam postingan sobat. Caranya sama, tinggal copy-paste kode yang telah saya sediakan di atas (pada langkah no.5) ke dalam postingan sobat. Semoga bermanfaat

Sumber : http://t4belajarblogger.blogspot.com

»» READMORE...

Cara Membuat Search Engine

Waktu 00.10

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

»» READMORE...

Cara Membuat Menu Horizontal

Waktu 00.21

Kali ini saya akan membahas tutorial blog tentang membuat menu horizontal yang terletak di bawah header, seperti blog milik saya. Walaupun sudah banyak tutorial mengenai ini, tapi karena saya gak punya ide lagi buat posting blog yah.. mau apalagi. Okey! menu ini di buat dengan css (kalo gak tau cari di mbah google), CSS cukup membantu kita dalam menangani tampilan dari sebuah blog atupun web, sehingga web tersebut tampak enak di pandang mata (kalo ane!?"najis!!").
Bagi pelajar TI khususnya pasti tahu tag yang bernama <ul> dan <li>, nanti kita akan memakai kedua tag tersebut ditambah code css untuk membuat menunya. tengok betul-betul cara di bawah ini:
1. Masuk ke blogger.com .
2. klik rancangan>> edit html.
3. Copy pastekan code di bawah ini di bawah body { } (cari pake ctrl+f).
#NavbarMenu {
background:#00CCFF repeat-x top;
width: 1000px;
height: 35px;
color: #ffffff;
margin: 0 0 0;
padding: 0;
font: bold 11px Arial, Tahoma, Verdana;
}
#NavbarMenuleft {
background:#00CCFF repeat-x top;
width: 680px;
float: left;
margin: 0;
padding: 0;
}

#menu {
margin: 0;
padding: 0;
}
#menu ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
list-style: none;
margin: 0;
padding: 0;
}
#menu li a, #menu li a:link, #menu li a:visited {
color: #ffffff;
display: block;
text-transform: capitalize;
margin: 0;
padding: 8px 11px 8px;
font: normal 11px verdana, arial, Times New Roman;
background:#00CCFF repeat-x top;
text-decoration:none;
}
#menu li a:hover, #nav li a:active {
background:#00CCFF repeat-x top;
color: #fff;
margin: 0;
padding: 9px 15px 8px;
text-decoration:none;
font:bold;
}

}
#menu li li a:hover, #menu li li a:active {
background: #233e45;
color: #fff;
padding: 7px 10px;

}
#menu li {
float: left;
padding: 0;

}
#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#menu li ul a {
width: 140px;
}
#menu li ul ul {
margin: -32px 0 0 171px;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;

}
#menu li:hover, #menu li.sfhover {
position: static;
}

4. Setelah itu save templates.
5. Klik element >> Tambah gadget >> html/javascript.
6. copy pastekan script di bawah ini di kotak kosong bawah.

<div id='navbarmenu'>
<ul id="menu"><li><a href="">Home</a></li>
<li><a href="http://blank-note.blogspot.com">Download</a></li>
<li><a href="http://cucucmi.wordpress.com">Programming</a></li>
<li><a href="http://dr-dakwahbyipm.blogspot.com">Islami</a></li>
<li><a href="http://c124ck312.blogspot.com">Hacking</a></li>
<li><a href="http://facebook.com">Facebook</a></li>
<li><a href="http://google.com">Google</a></li>
<li><a href="mailto:user@yahoo.com">contact</a></li></ul></div>
7. save, lalu drag n drop (tekan jangan dilepas) taruh di bawah header (biasanya ada garis putus putus kalau letaknya tepat.

Sekian sobat semoga bermanfaat. Kalian juga dapat mencopy paste artikel ini tapi dengan syarat memberikan source link blog blank-note ini.

Sumber : http://blank-note.blogspot.com

»» READMORE...

Membuat Menu Header Di Blog

Waktu 02.35

Bagi rekan blogger yang menggunakan template yang belum difasilitasi dengan menu horisontal dibawah header pada blognya, berikut saya postkan bagaimana cara membuat menu tersebut. Fungsi dan kegunaan menu ini adalah agar memudahkan kita dalam menelusuri semua isi yang terkandung didalam blog tersebut (baca: easy to navigate) .Yuk kita mulai...
Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca disini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://www.masbugie.com " class="navigation">CONTACT</a>
<a href="http://www.masbugie.com " class="navigation">BUKU TAMU</a>
<a href="http://www.masbugie.com " class="navigation">FACEBOOK</a>
<a href="http://www.masbugie.com " class="navigation">TWITER</a>
<a href="http://www.masbugie.com " class="navigation">DOWNLOAD</a>
<a href="http://www.masbugie.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.masbugie.com " class="navigation">CHATTING</a>

*Alamat url diatas silahkan sesuaikan dengan blog Anda.

Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode </b:skin> kemudian simpan.

a.navigation {

background: #3333ff ;

color: #ffffff;

margin: 1px;

padding: 2px;

border-width: 0;

text-transform: uppercase;

text-decoration: none;

font-weight: bold;

}

a.navigation:hover {

background: #333333;

color: #ffffff;

text-decoration: none;

}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Selesai, semoga bermanfaat....salam

http://www.masbugie.com

»» READMORE...

Cara Membuat Link Download

Waktu 00.59

Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini Copy kode berikut lalu paste di blog kalian :
<a href="http://www.klinik-it.blogspot.com">Download</a>
Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !
Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>
Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .
Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .

Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :

<a href="http://www.klinik-it.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>

Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .

Selamat Mencoba ..........?
Klinik IT Blogspot

»» READMORE...

Fungsi Scroll Pada Kategori / Label

Waktu 20.00

Coba lihat ada sedikit perubahan wajah dari blog ini, semalam sedikit utak-atik template. Mumpung masih segar n ada waktu 30 menit nih tak arsipkan dulu yah supaya gak lupa. Apa sih ??. Gini lho semalam saya coba Membuat Fungsi Scroll Pada Label atau Kategori dan Archives Blog, Sekarang ada scrollnya kan jadi gak terlalu memanjang. Ngirit tempat deh ceritanya, terus juga ada nomor urutnya, kemarin gak ada hanya buton aja…. bikinnya simple tuh, mau tahu ? .. ini bukan nawarin tahu Sumedang lho.. tapi tahu Scroll.. hihi.
Yang saya lakukan pada template ini untuk membuat Fungsi Scroll Pada Label atau Kategori , langkahnya seperti ini :

Masuk dulu ke Acount Blogger atau Dashboard
Pilih Layout , lalu klik Edit HTML
Centang dulu tuh Expand Widget Templates
Cari kode yang seperti ini (kalau widget labelnya belum ada ya bikin dulu ) :

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
   <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div> </div> </div>

Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata apa yang dicari dikotak yang disediakan, lalu klik next.
saya cari kata Labels, karena di blognya namanya Labels, kalau nama widgetnya Kategori, ya cari Kategori. Ternyata kata labels itu banyak, terus saja klik next sampai ketemu kode2 lain yg menyertainya. ketemu juga tuh.
Kembali ke kode diatas, kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
Angka 300px adalah tinggi kotak scroll itu, ini bisa disesuaikan.
Mungkin saja diblog sobat kodenya beda,, seperti diblog saya yang lain kodenya bukan <div class='widget-content'> tapi :

<div expr:class='"widget-content " + data:display + "-label-widget-content"'>

gak apa asal penempatannya tepat, it’s ok.

Untuk merubah buton menjadi nomor urut , saya ganti tulisan warna biru itu <ul> menjadi <ol> dan </ul> menjadi </ol>
Kalau sudah save template .
Selesai.

Masih berkaitan, sebelumnya ada juga ttg membuat Fungsi Scroll Pada Komentar dan Fungsi Scroll pada Related Post , kalau seneng kepada scroll menyecroll atau gulung menggulung.. halah.. bahasa apa ini , tapi silahkan aja di klik.

Selamat membuat Fungsi Scroll Pada Label atau Kategori , sedangkan untuk fungsi scroll pada Archives Blog.. tunggu posting selanjutnya . Semoga bermanfaat.

»» READMORE...

Scroll Blog Archive

Waktu 19.54

Beberapa hari yang lalu ada teman Uda yang menanyakan cara membuat Fungsi Scroll pada menu/arsip blog, Uda pun sudah menjawabnya silahkan lihat blog teman Uda yang menanyakan Hal tersebut disini. Tapi Uda pikir-pikir tidak ada salahnya untuk posting masalah ini ke blog, jadi bagi yang belum tau caranya bisa jadi tau deh. Untuk membuat arsip blog memiliki fungsi scroll sangat mudah, untuk membuatnya silahkan ikuti langkah-langkah berikut :

Pertama Kita harus membuat dulu Arsip Blog

• Masuk ke blogger
• Klik Tata Letak
• Klik Elemen Halaman
• Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog
• Tapi Anda harus pilih gaya Hierarki

Pada Menu Diatas Itu belum terdapat fungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !

• Setelah itu, klik Edit Html
• Beri tanda centang pada tulisan Expand Widget Template
• Lalu Anda cari kode seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

Anda akan menemukan kode lengkapnya seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut
Kode warna hijau yang dicetak tebal adalah tinggi dari elemen tadi, silahkan kawan ganti agar sesuai dengan blog kawan
Lalu jangan lupa untuk menyimpannya=> Klik Simpan

»» READMORE...

8 Hal Penting Dalam Mendesain Suatu Blog/Website Yang Baik

Waktu 17.56

Apabila ini mengenai website/Blog anda, perlu adanya perhatian penuh untuk setiap detail agar memperoleh hasil yang optimal dan dapat berjalan sesuai dengan yang anda inginkan. Berikut 8 hal yang perlu anda ketahui dalam merancang sebuah website atau cara menghias blogger.

1. Jangan menggunakan Splash Page / Halaman Selamat Datang

Splash page adalah halaman awal yang ada lihat apabila mengunjungi sebuah website. Umumnya sebuah gambar dengan tulisan "Welcome /Selamat Datang" atau "Click here to enter". Faktanya hal ini tampil begitu-begitu saja tanpa ada kegunaan yang pasti. Jangan biarkan pengunjung anda memiliki alasa untuk menutup website anda / meng-klik tombol "Back". Berikan pengunjung anda isi dari website anda tanpa ada halangan sebuah splash page.

2. Jangan menggunakan banner iklan berlebihan

Meskipun rata-rata pengguna internet telah terlatih untuk mengabaikan iklan banner sehingga mereka tidak akan tertarik dengan iklan yang berlebihan. Sebaliknya, sediakan konten iklan yang relevan dengan konten website anda, dan biarkan pengunjung anda yang merasa butuh untuk membeli, bukan dipaksa untuk membeli.

3. Gunakan navigasi menu yang jelas dan sederhana

Anda perlu menyediakan navigasi yang sederhana dan navigasi yang langsung ke tujuan, jadi meskipun anak kecilpun akan dapat menggunakannya. Jauhi navigasi berbasis Flash yang rumit atau multi drop-down menu yang rumit. Apabila pengunjung web anda kesulitan menggunakan navigasi web anda, mereka akan meninggalkan website anda.

4. Miliki indikasi yang jelas dimana user berada

Saat pengunjung sedang asyik browsing website anda, anda tentu ingin mereka betul-betul mengetahui bagian dari website dimana mereka berada. Dengan itu, mereka akan dapat mengakses informasi yang relevan dan mengakses tiap bagiannya dengan mudah. Jangan buat bingung pengunjung anda saat browse.

5. Hindari menggunakan suara pada website anda

Apabila pengunjung ingin tinggal cukup lama di website anda, membaca konten disana, anda tentu ingin pastikan bahwa mereka tidak terganggu dengan suara musik yang berulang-ulang di web anda. Apabila anda tetap memaksakan adanya suara musik, pastikan terdapat kontrol untuk mematikan atau mengurangi volume suara musik.

6. Hidari banyak menggunakan widget atau fitur flash

Apabila anda termasuk admin yang hoby menghias blog anda karena ingin berbeda dengan blog atau website lain. atau hanya untuk melengkapi perlengkapan di situs anda STOP! disitu. banyak pengunjung yang kecewa dengan loading situs anda. dan akan meninggalkan situs anda lalu beralih ke blog/website lain. Gunakanlah fitur-fitur sederhana dan jangan terlalu berlebihan untuk menghias blog/website anda

7. Jangan gunakan widget pelacak IP dsb

Apakah dengan memasang ini bermanfaat bagi anda? banyak orang yang terjerumus dalam persepsi yang salah dengan memasang widget pembaca atau pelacak IP pengunjung dan 80% dari mereka membuang tempat dengan sia-sia. hentikan sekarang juga! banyak sekali orang di luar sana yang tidak suka gerak-gerik mereka di awasi. memasang widget peacak IP bukan menambah keren blog atau website. tetapi menjadi beban bagi loading. widget semacam ini lebih baik di pakai di website yang menangai client dalam jumlah yang sangat besar.

8. Gunakan panduan warna yang baik

Bila anda ingin membuat pengunjung anda nyaman dan datang lagi, berikanlah pelayanan yang baik dengan memberikan penampilan yang baik dan dan tertata rapih. jangan menajadikan website/blog anda mirip seperi kandang ayam yang acak-acakan yang penuh banner/widget yang tertata dengan tidak rapih. gunakanlah tamplate yang biak, dan paduan warna yang baik sehingga tidak membuat mata pengunjung anda pusing

Refrensi : www.visigraphic.com
di revisi oleh : kang salman - asksalman19.blogspot.com

»» READMORE...

Apa itu seo?

Waktu 02.01

Artikel ini bukan bermaksud untuk menyaingi artikel lain tentang seo, namun ini lebih merupakan pemahaman saya tentang apa itu seo atau search engine optimization. Sebagai orang yang bergelut dengan internet marketing maka menguasai seluk beluk seo akan banyak membantu Anda mendatangkan pengunjung dan diharapkan dapat meningkat penjualan online Anda.
Pertama perlu saya tekankan bahwa website tanpa pengunjung adalah useless atau tanpa guna. Bayangkan jika Anda memiliki sebuah produk yang menarik, kemudian Anda berpikir untuk memasarkannya di Internet. Bagi pemula tentunya sering mendengar iming-iming dari pengguna internet bahwa internet adalah pasar yang sangat efektif untuk memasarkan produk Anda hingga seluruh dunia. Mungkin inilah gambaran umum pemula memasuki bisnis Internet :

Setelah mendengar bahwa Internet sangat dahsyat karena mampu memasarkan produk Anda, maka dengan sedikit informasi Anda kemudian membeli domain dan hosting untuk website Anda.
Pertama-tama mereka mencoba untuk mendesign sendiri website tersebut. Coba-coba beli buku tentang html kemudian hasilnya diupload ke server.
Yang puas dengan hasil kerjanya akan melanjutkan menambahkan halaman produk baru tiap bulannya. Walaupun mungkin mereka tidak mengindahkan aturan dalam design web seperti navigasi yang mudah, kecepatan akses dan tampilan.
Yang tidak puas akan menyewa web developer untuk mendesign websitenya. Selesai kerja kemudian diupload. Saat ini program yang dibuat oleh web developer memungkinkan pemilik website untuk dengan mudah memasukkan data produk baru. Tampak menarik bukan.
Pemilik puas dengan designnya, kemudian berharap akan ada yang mengunjungi situs barunya dan melakukan pembelian.
Namun jauh dari harapan dalam satu bulan tidak ada email masuk sama sekali. Pemilik situs berpikir mungkin perlu waktu, kemudian ditunggu 2 bulan 3 bulan setahun, kok kunjungan ke situs kita sangat minim padahal produk yang kita jual sangatlah menarik.
Karena putus asa kebanyakan dari pemilik situs menutup situs tersebut pada tahun berikutnya.
Namun beberapa yang menyadari kesalahannya akan belajar tentang Internet Marketing.

Hal di atas sering saya temukan pada beberapa teman saya yang mencoba masuk ke Internet untuk memasarkan produknya. Kesalahan terbesar disini adalah Anda tidak mempelajari Internet terlebih dahulu. Bagaimana cara mencari informasi di Internet, atau bagaimana cara memasarkan produk di Internet.
Pengguna internet sebagian besar menemukan situs Anda adalah melalui search engine seperti google atau yahoo. Hanya sedikit yang menemukan situs Anda dengan cara lain seperti menemukan alamat website Anda di website orang lain, tercantum dalam kartu nama Anda atau secara tidak sengaja mengetikkan alamat website Anda di browser.
Jadi jika Anda ingin agar website Anda dikenal, maka cara paling efektif adalah mengusahakan website Anda muncul di search engine. Bagaimana caranya? Anda bisa mendaftarkan alamat situs Anda di masing-masing search engine atau meletakkan link di salah satu website lain yang sudah terdaftar.
Apakah selesai sampai disini? jawabannya tidak. Ada puluhan bahkan ribuan kompetitor yang menjual produk yang sama dengan Anda. Menurut statistik, 84 % pengguna search engine hanya membuka halaman 1 dan 2, yaitu urutan 1-20 besar untuk pasar tersebut. Jadi jika website Anda tidak berada dalam urutan 1-20 maka akan sangat kecil kemungkinannya website Anda akan dikunjungi.
Untuk itu ada aturan dalam search engine yang memungkinkan perangkingan posisi website untuk suatu pasar. Pasar yang dimaksud disini adalah keyword atau kata kunci. Kata kunci adalah kata atau kalimat yang digunakan seseorang untuk mencari sesuatu di Internet. Contoh : nokia N70, jual rumah, atau cari jodoh? hehe.
Ada cara lain untuk bisa mendapatkan pengunjung dari search engine, yaitu menggunakan iklan berbayar. Artinya kita membayar sejumlah uang untuk memunculkan situs kita dihalaman iklannya. Mungkin Anda pernah mendengar tentang Google Adword dan Google Adsense.
Iklan ini akan muncul di sebelah kanan halaman pencarian di Google atau di layanan Google seperti GMail, Google Calendar, Google Reader. Selain itu iklan Anda akan muncul di website lain yang menampilkan iklan Google ( ini yang disebut Google Adsense ).
Kelebihannya apa? Tentunya Anda akan dengan mudah mendapatkan pengunjung, dan kekurangannya adalah tentunya Anda harus membayar sejumlah uang untuk iklan tersebut. Biasanya Anda akan di-charge setiap 1 kali klik terhadap iklan Anda, nilainya tergantung Anda, biasanya kisaran 0,5 USD ke atas.
Namun menurut penelitian lain lagi, 64% pengguna search engine tidak pernah mengklik iklan tersebut. Mereka lebih tertarik dengan hasil pencarian atau sering disebut hasil organik. Dan Anda tidak perlu membayar sepeser pun untuk bisa tampil di hasil pencarian organik ini.
Namun syaratnya Anda harus bisa menempatkan website Anda di urutan teratas hasil pencarian situs Anda. Untuk itulah maka seo atau search engine optimization digunakan. Seo digunakan untuk mengoptimasi website Anda sehingga website Anda berada di urutan teratas Google.
Seo mempunyai 2 komponen penting yaitu keyword dan link atau tautan. Pemilihan keyword yang baik akan memudahkan Anda mencapai urutan teratas di Google. Dan link akan membantu menentukan popularitas website Anda. Tentunya masuk akal bukan jika banyak website lain yang mereferensikan website Anda kepada pengunjung website tersebut. Ini berarti website Anda populer di mata pengunjung Internet.
Dalam belajar seo maka dua hal di atas perlu Anda pelajari lebih mendalam. Bagaimana cara memilih keyword yang benar, bagaimana cara meletakkan keyword Anda di dalam content atau halaman website Anda, bagaimana cara membuat navigasi yang baik di website Anda sehingga pengguna bisa menemukan seluruh halaman di website Anda, dan bagaimana cara membangun link sehingga link popularity website Anda bagus.
Saya tidak mungkin menjelaskan panjang lebar disini tentang seo, karena artikel ini bertujuan untuk memberikan gambaran tentang apa itu seo, sehingga Anda bisa menentukan langkah selanjutnya dan mencapai kesuksesan dalam memasarkan produk dahsyat Anda.
Segala pertanyaan tentang apa itu seo atau penerapannya seo di website Anda bisa Anda tanyakan ke saya melalui email admin@mariocahyadi.com. Semoga artikel ini bermanfaat

»» READMORE...

Mendaftarkan Blog Pada Google

Waktu 18.16

    Tujuan kita memliki blog adalah supaya semua ide yang kita miliki bisa tersebar dan dibaca oleh Seluruh Umat yang ada di muka bumi agar kita menjadi bangsa yang cerdas, melalui Informasi lah kita akan menjadi kuat dan secara tidak langsung Blog ini juga ikut mencerdaskan bangsa Mudah mudahan tulisan yang saya buat ini bermanfaat bagi para Blogger pemula.

    Oleh karena itu agar tulisan yang kita buat di baca oleh seluruh saudara kita maka kita harus daftarkan pada mesin pencari yaitu Google, Yahoo, serta Msn. Sebenarnya banyak mesin pencari atau search engine tapi yang paling terkenal adalah ketiga yang saya sebutkan tadi. Dan masih banyak cara sebenarnya supaya blog yang kita miliki selalu di kunjungi, antara lain kita bisa informasikan melalui Facebook, kita daftarkan keberbagai agregator dan cara yang paling efektif adalah melalui search engine atau mesin pencari.

Baiklah pendahuluannya jangan panjang panjang ntar nggak nyampek nyampek lagi…
Sekarang coba kita ikuti langkah demi langkah pendaftaran Via Google.

Untuk mendaftar ke google, silahkan sobat kunjungi
http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :
1.    URL --> Isi dengan URL blog sobat.
2.    Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat
3.    Isi kotak kosong dengan huruf Verifikasi yang tersedia
4.    Klik tombol Add URL
5.    Selesai.

Dan Setelah melakukan pendaftaran ke Google, maka tidak serta merta blog kita terindeks pada mesin pencari, akan tetapi memerlukan beberapa minggu untuk blog kita bisa ter-Index di paman google, silahkan coba ketik nama blog yang telah kita buat di paman google apa sudah terdaftar apa belum jika belum kita bisa ulangi seperti cara di atas yang penting kita jangan menyerah lakukan selama kita bisa lakukan Ok Boss ….
Sampai ketemu pada artikel selanjutnya pendaftaran melalui Search Engine yang lain.

Salam Strength Of Information

»» READMORE...

D E F I N I S I W E B S I T E

Waktu 06.03

1 S E K I L A S T E N T A N G W E B S I T E

APA YANG DIMAKSUD WEBSITE?
Website adalah sebuah cara untuk menampilkan diri Anda di Internet.
Dapat diibaratkan Website Anda adalah sebuah tempat di Internet, siapa
saja di dunia ini dapat mengunjunginya, kapan saja mereka dapat
mengetahui tentang diri Anda, memberi pertanyaan kepada Anda,
memberikan anda masukan atau bahkan mengetahui dan membeli
produk Anda.

MENGAPA ANDA MEMBUTUHKAN SEBUAH WEBSITE?
Pengguna Internet semakin hari semakin bertambah banyak, sehingga
hal ini adalah potensi pasar yang berkembang terus. Semua orang
menggunakan Web untuk segala sesuatu mulai dari pekerjaan sekolah
sampai dengan memesan makanan karena prosesnya yang cepat,
murah, mudah & menyenangkan. Pada saat ini orang lebih suka
mencari informasi tentang suatu produk melalui internet sebelum
mengunjungi toko tersebut.

APA YANG DAPAT DILAKUKAN DENGAN SEBUAH WEBSITE?
Website Anda dapat berfungsi:
• Membuat pengumuman atau pemberitahuan.
• Memberikan pelayanan kepada Customer Anda.
• Menerima masukan dari pengunjung/customer Anda.
• Membagi dan mendistribusi file dan foto.
• Berkomunikasi langsung dengan Customer Anda yang berada di
belahan dunia manapun.

2 BAGAIMANA CARA SEBUAH WEBSITE BEKERJA

Website hanyalah sebuah kumpulan file yang terletak pada sebuah
komputer yang terhubung ke Internet. Ketika seseorang mengunjungi
Website Anda, mereka sebenarnya hanya terhubung ke sebuah
komputer dan komputer (yang kemudian disebut sebagai Server)
tersebut memberikan file yang ingin mereka lihat.
Ini kedengaran simple, tetapi umumnya komputer biasa tidak memiliki
power dan software yang dibutuhkan untuk merespon semua
permintaan yang dibutuhkan oleh pengunjung Website Anda. Dan
walaupun komputer/server Anda sanggup, komputer Anda akan
membutuhkan koneksi/akses Internet yang luar biasa cepat untuk
melayani jumlah pengunjung Website Anda.

Salam IDWebhost !! ☺

»» READMORE...

Panduan Awal Dalam Bagian Bagian Blog

Waktu 05.55

PENGATURAN > Dasar

Menu Pengaturan > Dasar berisi tentang pengaturan-pengaturan yang dibutuhkan dalam suatu blog. Berikut penjelasan fungsi dari menu-menu tersebut :
Alat Blog     : untuk meng-kloning dari blog yang sudah ada.
Judul         : memberi judul yang nantinya ditampilkan pada blog
Uraian     : gambaran mengenai blog Anda, ini juga akan ditampilkan.
Tambahkan blog Anda ke daftar kami : mendaftarkan blog Anda ke direktori google.

Masih dari Pengaturan > Dasar :

Konten Dewasa : pilih “Ya” jika blog Anda memuat foto-foto atau artikel dewasa. Jika pilih “Ya”, maka orang yang akan masuk ke blog Anda akan ditanyai apakah sudah cukup umur.
Tampilkan mode compose untuk semua blog Anda? : sebaiknya pilih “Ya”
Aktifkan transliterasi?: pilihan untuk menampilkan terjemahan blog Anda ke dalam beberapa bahasa.

Jika sudah mengatur semua sesuai selera, klik tombol SIMPAN SETELAN.

PENGATURAN > FORMAT

Fungsi menu :
Tampilkan    : untuk mengatur berapa artikel / posting yang akan ditampilkan perhalaman.
Format Header Tanggal : mengatur penampilan tanggal di halaman situs.
Format Tanggal Index Arsip : mengatur format tanggal untuk meng-index arsip
Format Time Stamp     : biarkan saja seperti itu
Zona Waktu     : pilihlah zona waktu Jakarta (GMT:+07.00)
Bahasa    : untuk memilih bahasa apa yang Anda gunakan didalam blog Anda
Konversi ganti baris : tinggalkan saja seperti itu
Tampilkan Field Judul : untuk menampilkan tempat judul pada menu
Posting. Tampilkan kolom link: biarkan saja seperti itu
Aktifkan Perataan Float : mengatur agar alignment artikel rata sama sekali. Pilih “Ya”
Template Posting: memberi tulisan yang nantinya akan terlihat disetiap artikel secara otomatis Jika sudah mengatur semua sesuai selera,

klik tombol SIMPAN SETELAN.

PENGATURAN > KOMENTAR
Fungsi menu – menu di dalam Pengaturan > Komentar :

Komentar     : pilihan untuk menampilkan atau menyembunyikan komentar pada blog Anda.
Siapa Yang Bisa Berkomentar? : Anda bisa memilih siapa saja orang yang boleh berkomentar. Kalau Anda memilih Siapa Saja, berarti orang yang tidak memiliki blog di blogger.com boleh berkomentar. Pengguna terdaftar adalah orang yang memiliki account di blogger.com. Saran : pilih Siapa Saja
Penempatan Formulir Komentar : mengatur dimana penempatan kolom komentar, apakah diatas, popup, atau dibawah posting. Saran : dibawah.
Default Komentar Untuk Entri    : mengatur posting yang bagaimana yang boleh diberi komentar.
Link Balik     : biarkan seperti itu
Tampilkan verifikasi kata    : biarkan seperti itu
Tampilkan Gambar Profil dalam Komentar? : jika pengkomentar memiliki blog & dia memiliki foto di profilnya, akan ditampilkan jika Anda memilih “Ya”.
Email Pemberitahuan Komentar : biarkan seperti itu Jika sudah mengatur semua sesuai selera,

Tata letak > elemen halaman
Fungsi menu-menu di Tata Letak > Elemen Halaman :

Tambah Gadget : klik tulisan ini untuk menambah Gadget (peralatan) di blog Anda. Beberapa Gadget antara lain :
Blog Archive         : menampilkan arsip-arsip Anda secara lengkap
Recent Comments     : menampilkan komentar terbaru
HTML            : memberi code atau script untuk blog Anda
Labels            : seperti folder pada windows explorer. Berfungsi untuk mengkelompokkan artikel Anda.
Slide Show        : menampilkan foto-foto Anda bergantian. Untuk gadget ini, Anda harus mempunyai foto-foto yang telah di-upload di web / Internet.
My Picture        : menampilkan foto Anda yang Anda upload dari komputer Anda.
News Reel        : menampilkan barisan berita dunia yang diupdate setiap menit.

Edit            : untuk mengubah isi dari gadget (konten)
Pratinjau        : preview
Bersihkan Edit     : menghapus apa yang baru Anda rubah

TATA LETAK > FONT DAN WARNA

Menu ini untuk memilih skema / tema warna dari blog Anda. Silahkan di utak-atik sendiri. Dalam menu Tata Letak ini terdapat juga beberapa sub-menu. Diantaranya adalah Edit HTML dan Pilih Template Baru. Edit HTML merupakan option untuk user advance. Dimana disini anda dapat meng-upload template dari luar blogger.com. Misal, Anda men-download template dari www.bthemes.com dan Anda simpan di komputer Anda. Nah, Anda bisa meng-upload-nya melalui menu ini. Caranya adalah :
1. Centang kotak kecil didepan tulisan Expand Widget Template dan tunggu kira-kira 1 menit.
2. Klik tombol Choose untuk memilih template yang sudah Anda download.
3. Setelah itu, klik tombol upload.
4. Kemudian jika ada tulisan merah berkata : gadget anda akan di hapus bla..bla..bla..., klik aja tombol Konfirmasi Dan Simpan.
5. Tunggu beberapa saat, dan sekarang Anda lihat blog Anda. Maka tampilan blog Anda sudah berubah.

POSTING > BUAT
Saya merasa tidak perlu menjelaskan secara detail tentang menu yang satu ini. Karena pengoperasiannya mirip dengan program yang sehari – hari kita pakai, yaitu Microsoft Office Words.

POSTING > EDIT ENTRI
Meng-edit Entri atau artikel Jika Anda ingin meng-edit, menghapus atau memberi label, Anda bisa menggunakan menu ini. Cara untuk mengedit entri : Anda pilih dulu artikel yang ingin di edit dengan cara mencentang artikel tersebut. Setelah itu klik tulisan
Edit. Setelah itu Anda akan dibawa ke halaman seperti yang ditunjukkan pada halaman 9 e-book ini. Menghapus entri : pilih dahulu dengan mencentang, lalu klik tulisan
Hapus pada sisi kanan (lihat gambar). Atau jika Anda ingin menghapus beberapa entri sekaligus, Anda bisa dengan cara memilih entri yang akan dihapus, centang, lalu klik pada tombol
HAPUS YANG DIPILIH. Jadi disini, fungsi centang adalah untuk memilih entri. Memberi label Jika Anda memiliki suatu blog yang terus Anda update artikelnya, pastinya artikel-artikel Anda menumpuk banyak sekali. Tidak jarang blogger (sebutan pemilik blog) pemula membiarkan artikel-artikelnya menumpuk tidak keruan, tanpa di manage secara baik. Akibatnya, pengunjung blog akan mengalami kesulitan untuk mengakses artikel yang dicarinya pada blog Anda. Nah, untuk menghindari hal itu, Anda bisa menerapkan fungsi
Label. Tapi sebelum itu, Anda perlu mengaktifkan Gadget Labels dulu melalui menu Tata Letak > Elemen Halaman (lihat halaman 7). Setelah gadget tertampil, Anda bisa mulai memberi label. Anda harus kembali ke menu Posting > Edit Entri.

Memberi label Langkah – langkah untuk memberi label.
1. Tentukan dulu kategori dari artikel-artikel Anda. Misal, kategori Opini, Review, Download, Link dan lain sebagainya.
2. Centang beberapa artikel yang masuk dalam 1 (satu) kategori tertentu. Misal, beberapa artikel masuk dalam kategori Opini Anda centang.
3. Kemudian lihat . Jika Anda meng-klik tanda panah kebawah, maka akan terlihat menu menu untuk labeling. Diantaranya : Aksi Label, Judul Label, Label Baru.
4. Anda pilih Label Baru dengan cara meng-klik pas pada tulisan itu.
5. Lalu Anda tulis label kategori sesuai dengan selera Anda.
6. Dan klik OK. Maka artikel Anda sudah ter-label-i.
7. Lakukan untuk semua artikel Anda.

Posting > Moderasi komentar
Menu ini digunakan apabila ada komentar yang masuk ke blog Anda. Anda bisa memilih komentar mana yang boleh ditampilkan dan mana yang tidak ditampilkan. Tujuannya adalah mem-filter komentar-komentar yang kurang sopan. Untuk mengaktifkan komentar, silahkan buka menu

Pengaturan > Komentar
Penutup Akhirnya, saya mengucapkan selamat berkreasi dengan blog Anda yang baru!
Untuk File lengkap Anda Bisa Download Di Sini
Sumber : www.andhika-veraza.co.cc

»» READMORE...

Langganan: Postingan (Atom)