Cara Memasang widget share button.widget share button adalah salah satu sarana share yang memudahkan pengunjung blog untuk share artikel yang di sukai ke situs sosial mereka.
dan widget share button juga termasuk salah satu element pendukung SEO dalam peningkatan traffic serta Backlink. Widget share button yang akan saya bahas kali ini meliputi. widget share,facebook,twitter,Dig,Google Plus,stumbelupone. Cara memasang widget share button adalah:
Login ke dasbor blog anda
Pilih rancangan
Pilih tambah gadget
Pilih Html/Java script
Copy kode Html di bawah ini
Pastekan di Html/ Java Script tadi
Simpan
Selesai
Code Widget share button
hasil tampilan code
lihat tanda panah,tampilan akan seperti yang ada pada Blog Inspiration ini. jika anda ingin meletakkan di sebelah kiri.
anda cukup merubah pada bagian
Cara Edit Blogspot agar SEO Friendly : dalam dunia Blogger SEO Friendly sangatlah di butuhkan pada setiap Blog.yang tentunya Agan2 master Blogger sudah sangatlah menguasai. namun bagi seorang Pemula seperti saya Technic SEO masih sangat Peteteran atau bahkan kurang begitu menguasai. bisa juga dikatakan "Tidak mengerti/Tidak faham sama sekali.
namun disini saya coba Share sedikit tentang SEO sebatas Pengetahuan saya dari Blogging ke blog sobat Blogger.
yang Mungkin bermanfaat Buat Sobat semua.
Untuk Para Master jika ada kesaslahan dalam penulisan sasya dalam artikel ini. Mohon saran dan Pembenahan.
Ok langsung aja ke topik pembahasan.
Cara edit blogspot agar SEO Friendly
kali ini dengan mengadakan pengeditan Template pada Blog yang meliputi :
Page Title
Page Title Default dari Blogger biasanya seperti ini Judul Blog : Judul Posting
agar Blog kita lebih Friendly dan di sukai oleh Google,kita harus mengadakan perubahan Page Title Defaultnya agar Blog kita lebih Rame pengunjung.
Kita merubah Page Title standart itu menjadi Judul Posting | Judul Blog
Caranya Cari Code seperti Berikut di Edit HTML Blog
<title><data:blog.pageTitle/></title>
jika sudah ketemu codenya, Ganti code tersebut dengan Code di Bawah ini
atau bisa juga dengan menambahkan kata kunci / Keyword blog
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title> </b:if>
Pilih salah satu dari code di atas.
2. Meta Keyword dan Descripsi
Meta keyword dan descripsi berperan sebagai kata kunci dan isi content blog,untuk memperjelas Tema dan isi dari blog kita. karena Search Engine sangat menyukai Blog yang jelas Tema dan Isi contentnya.
cara menambah Meta Keyword dan Descripsi adalah dengan menambahkan code seperti di bawah ini
sebelum <b:skin><![CDATA[/*
Codenya adalah :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if> :sebelum SAVE pratinjau terlebih dulu
jika yakin dah "OK" langsung saja "Simpan"
3. Memasang Menu Breadcrumbs
Menu Breadcrumbs adalah menu Breadcrumb adalah menu di atas Postingan atau artikel. Cara memasangnya anda bisa baca di sini
4.Memasang Realist Post
Realist Post juga berperan dalam SEO selain itu juga memudahkan Pengunjung blog .
cara membuatnya Bisa baca Di sini
5. Mematikan Setting Archive (arsip)
Mematikan Setting Archive disini bertujuan untuk menghindari "Duplicate Content" karena Search Engine sangat membenci Duplicate Content.
caranya : masuk menu Tab Setting >>Archiving >> pada bagian Archiving frequency >>pilih No Archive
kemudian simpan.
6. Menambahkan Code Rel="Canonical"
Code Rel="Canonical di sini bertujuan untuk menghindari konten ganda.
sepertiyang di katakan para MASTER SEO yang dimana Google tidak mentoleril yang namanya "Duplicate Content"
caranya masukkan code berikut setelah code <head>
sekiranya hanya begitu yang saya ketahui tentang SEO , jika ada yang salah atu banyak kekurangan dari artikel saya ini. mohon saran dan pembenahan.melaui Kotak Komentar.
Sebelumnya pernah saya bahas tentang Text Area pada topik pembahasan Cara Membuat Tex Area. Namun pada pembahasan tersebut masih belum ada Opsi Tombolnya dan
Pada Pembahasan kali Ini saya akan coba berbagi masih tentang Cara Membuat Text Area
namun agak sedikit berbeda karena dalam pembahasan kali ini pembuatan Text Area akan di tambahkan "Opsi Tombol Selec All".
Yang dimana hasilnya nanti akan seperti di bawah Ini
Cara membuatnya"copy past" code berikut.(Atau bisa juga pada Text Area Di atas)
<div><form name="copy"><div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Test Scrip text area opsi tombol selec all </textarea></p></div></form>
kett:
Pada WIDTH dan HEIGHT =>> ukuran Panjang dan Tinggi kotak Text , anda Boleh merubah / menyesuaikan sesuai selera
Selec All => Kata yang tampak/muncul pada Opsi Tombol, anda juga bisa merubahnya dengan kata yang anda suka.
Center =>Tata Letak anda juga bisa merubahnya dengan Opsi yang lain seperti : "left=kiri atau Righ=kanan"
Test Scrip text area opsi tombol selec all = adalah kata atau Code yang akan anda letakkan di dalam Text Area Nanti
Demikian Sedikit uraian Dari saya Semoga bermanfaat dan Selamat Mencoba.
Cara Membuat Sitemap di Blogspot Sitemap bisa di umpamakan Sebagai Sebuah Peta dari seluruh isi sebuah website / blog kita.
Dengan Sitemap blog akan semakin mudah untuk di kenali oleh Mesin pencari.
Selain itu dengan adanya Sitemap pada website / blog kita. akan mempermudah pengunjung blog untuk mengetahui keseluruhan isi dari website / blog yang kita kelola. Sitemap Blogjuga ikut berperan penting dalam SEO.
yang dimana Banyakdilakukan oleh Para Senior atau bahkan Master Blogger yang Selaalu menempatkan Sitemap Blog/website mereka.
Namun untuk seorang Newbi seperti saya. terkadang kesulitan dalam pembuatan Sitemap Blog namun ada Trik sederhana untuk mengatasi hal ini. Seperti pepatah yang pernah saya temukan "Banyak Jalan Menuju Roma"
Langsung saja ke topik Pembahasa yaitu : Cara Membuat Sitemap di Blogspot.
Scrensot Pembahasan
gbr di atas adalah potongan dari tampilan "sitemap" Blog Inspiration
cara membuatnya adalah sbb :
Buat halaman Posting Baru , Saya sarankan Halaman Statis ( Static Page)
lihat gab:
perhatikan bagian yang saya kasih tanda. klik > Edit page< untuk membuat HAlaman Statis.
2. Beri Judul Halaman misal: Daftar Isi,Content,Sitemap Blog atau apa menurut selera anda.
3.pada posting yang akan Di buat pilih opsi "Edit HTML"
kett: perhatikan bagian yang di kasih Tanda.
4.Kemudian MAsukkan "Code scrip" berikut ini
kett: pada : http://inspirationsawung.blogspot.com anda ganti URL Blog anda.
5. Cek terlebih dulu sebelum mempubliskan dengan klik "Preview" 6. jika dah yakin Berhasil Dibuat klik "Publis" 7."Selesai" dan selesai sudah pembuatan "Sitemap Blog" Demikian Tutorial Sederhana dari saya. Semoga Bermanfaat dan Selamat mencoba. Jika ada kesulitan dari pembahasan saya di " Pembuatan SItemap di Blogspot" Bisa tinggalkan Pesan melalui Kotak Komentar.
adalah sebuah menu Navigasi Pada Sebuah Website atau Blog. Untuk memudahkan Visitor atau Pembaca Website atau Blog dalam menjelajah isi Blog.Selain itu Breadcrumb
juga sangat mendukung dalam Optimasi SEO yang dimana mempermudah Search Engine untuk melakukan Crawling halaman Website atau Blog.Sehingga Blog atau Website Bisa menjadi SEO Friendly dan di senangi oleh Search Engine bot.
Selain itu dengan adanya Breadcrumb pada Website atau Blog Halaman Blog akan lebih cepat Terindex Oleh Search Engine.
Gambar tersebut saya ambil dari Blog ini.jadi Tampilan Breadcrumb kurang lebih seperti gambar tersebut.(perhatikan tanda panah). Cara Pemasangan BreadCrumb pada Blog sebagai Berikut :
Cara memasang Breadcrumb
Login di Blogger
Pilih Design
Pilih Edit Html
Centang pada Expand Widget Templates
Cari kode]]></b:skin>
Copy paste kode dibawah ini tepat diatas kode]]></b:skin>
AlexaPastinya tidak asing lagi buat para Blogger.Sebagai Blogger Pemula seperti saya.Alexa adalah Peringkat Sebuah Blog / Website.yang dimana banyak di pasang atau bahkan dapat kita temukan di setiap Situs/website/Blog.Selain itu dengan memasang Widgets Alexa kita bisa memberikan informasi perubahan tingkat Ranking Blog/Website kita kepada pengunjung yang berkunjung ke Blog/website kita.Selain itu juga sangat berguna bagi kita untuk memantau tingkat Rank Website/Blog kita.
Sesuai dengan Judul Pembahasan. yang dimana pada kesempatan kali ini. Blog Inspiration. coba berbagi cara pasang kotak Coment/Komentar Facebook pada Blog.
Bagi anda temen Blogger yang ingin memasang kotak komentar pada Blognya.
Bagi yang udah Boleh dilewati.
Screnshot:
Kett: APP ID =ID Aplikasi Facebook Anda
Nb: Jika Anda belum punya ID Aplikasi Anda bisa membuat Sebuah aplikasi terlebih Dahulu pada akun Facebook Anda untuk mendapatkan ID Aplikasinya Di Facebook Developers
Sebagai alternatif .Anda juga Bisa Gunakan Code Jadi Berikut untuk mempercepat Pemasangan.
Realated Post atau biasa di sebut Posting berkaitan atau juga Artikel terkait
yang biasa di tampilkan berdasarkan nama dari Categori Postingan. Realated Post biasanya berupa link dari judul Categori Postingan blog. yang biasa di temukan pada bagian bawah akhir postingan. yang tentunya mempermudah pengunjung untuk menemukan artikel-artikel terkait dari postingan kita.tanp[a harus mencari satu persatu artikel postingan pada categori posting kita.
agar lebih jelasnya lihat gb.
Tampilanya kurang lebih seperti itu .
yupz ! gak perlu saya banyak kata Langsung saja ke pokok pembahasan.
yaitu cara membuat Related Post.
langkah
masuk pada Template => edit HTML
kemudiancaricode </head> copy pas code javascrip di bawah ini tepat di atas code tadi.
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
jika sudah jangan lupa simpan.
Langkah II
masuk pada Template => edit HTML jangan lupa kasih tanda centang pada exspand widget template
kemudian cari code di bawah ini.
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
jika sudah ketemu.
tambahkan code di bawah ini.
<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/> </b:if>
untuk lebih jelasnya kurang lebih codenya nanti akan tampak seperti di bawah ini.
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><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&max-results=10"' type='text/javascript'/> </b:if>
</b:loop>
</b:if> jika sudah jangan lupa di simpan.
Sampai disini Proses edit HTML telah selesai.
Langkah III
sekarang kita beralih ke elemen halaman
tambahkan sebuah Elemen Halaman kasih judul "artikel terkait" atau apa terserah
kemudian masukkan scrip di bawah ini.
Agar Realated Post ini hanya tampil pada halaman tunggal postingan.
kita perlu menambahkan beberapa code.
pada HTML kita.
caranya :
kita kembali lagi pada Edit HTML dan seperti biasa centang pada Exspand widget template kemudian cari code seperti berikut:
<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama' type='HTML'>
<b:includable id='main'> <b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
pada HTML13 itu hanyalah saya gunakan sebagai acuan
PadaArtikel pada kategori yang sama ini adalah acuan dari nama judul yang anda buat tadi pada Langkah III tadi jadi Carilah Judul yg anda buat tadi pada HTML anda.
selesai simpan dan Proses telah selesai.
Semoga artikel ini bermanfaat dan bisa membantu temen-temen Blogger Selamat Mencoba Happy blogging
Label adalah pengelompokan artikel dalam satu kategori.yang biasa di tempatkan pada sidebar. baik sidebar bagian kanan ataupun kiri bahkan bisa di tempatkan di bawah template.Yang saya ketahui Dalam Blogging khususnya Blogger ada 3 jenis Label yaitu Label umum atau standartLabel cloud dan
Label cloud berputar
. Buat yang demen desige blognya. menurut saya yang ini nih yang menarik
Label cloud berputar
yang dimana Label cloud berputar ini mempunyai gerakan yang dinamis.cocok buat yang cinta akan seni desige khususnya blog.
Buat anda yang ingin membuat label yang seperti ini. cara membuatnya akan saya bahas sebagai berikut:
cara membuat label cloud berputar
adalah:
masuk ke blog anda
tata letak
Edit Html
sebelum melakukan perubahan pada template download dulu template anda untuk menghindari jika gagal dalam Edit Html anda masih bisa mengembalikan seperti template semula
cari code seperti ini pada template anda
<b:section class='sidebar' id='sidebar' preferred='yes'>
6.Jika sudah menemukan code seperti diatas tadi.
Kemudian
7.Copy past code berikut:
<b:widget id='Label99' 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'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Letakkan code yang anda copy setelah code tadi biar lebih jelas lihat di bawah ini:
sebelum anda simpan templaate ada baiknya "preview/Pratinjau untuk melihat berhasil tidaknya.
Jika telah berhasil klik Simpan
#yang saya kasih warna merah bisa anda rubah sesuai selera anda
yang dimana untuk nilai 240=lebar colom
nilai 300=tinggi coloum
untuk#ffffff = warna backgroun
#Jika
label cloud berputar
tidak bisa bekerja Coba anda periksa pada Elemen Widged/gadged anda pada bagian Label ubah pada posisi cloud lihat gambar
Banyak cara Dalam mendesain tampilan website/blog. dari membuat efektulisan berjalan,efek marquee. dan masih banyak lagi.
tapi kali ini saya akan coba membahas
cara membuat open windows berputar
mengelilingi layar. pada saat websitedi buka.cara ini saya temukan pada saat saya browser di blog salah satu temen blogger.
Cara membuat open windows berputar
adalah:
1.masuk pada account Blog Anda
2.masuk pada layout/tata letak
3.pilih EditHTML
4.Kemudian Copy Paste Code Scrip di bawah:
tempatkan code tersebut tepat di bawah Code <head> sebelum anda Simpan Template .Pratinjau dulu,untuk mengecek lengkap tidaknya Scrip yang kita masukkan tadi. Jika Sudah yakin lengkap Scripnya SImpan Template.
Semoga tip ini bisa membantu Anda. Selamat mencoba..
Artikel terkait atau bisa di sebut juga Realist post yang sering kita jumpai di website ataupun blog.
Bagi anda yang sering menunjungi Blog atau website. pastinya sudah gak asing lagi dengan yang satu ini. artikel terkait .atau Realist post. Yang dimana saat kita membaca artikel di blog atau website.kita sering menjumpai dengan yang namanya artikel terkait. yang pada umumnya diletakkan pada akhir artikel.
dibawah posting.
sekarang sesuai dengan judul dari artikel ini yaitu : cara membuat artikel terkait.
saya akan coba berbagi dengan temen-temen yang ingin membuat tampilan artikel terkait pada blog Anda
caranya: 1. masuk pada akun blog anda tentunya
2 masuk --->.Rancangan tata letak
3. Edit HTML
4. tandai/Centang Exspan template widged (untuk mencegah rusaknya template kerna kegagalan scrip. ada baiknya anda Download terlebih dulu Template anda. agar bisa mengembalikan ke template semula)
5. kemudian caricode <data:post.body/>
bagi anda yang memakai Browser Firefox bisa tekan CTRL + F untu mempercepat pencarian
pada kotak fine ketikkan
<data:post.body/>
6. Setelah menemukan Code tersebut kemudian COpy Past Code dibawah:
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>
Letakkan code tersebut setelah Code <data:post.body/> Kemudian simpan.
Sebelum anda menyimpan Template alangkah baiknya anda liat dulu hasil Editan anda dengan cara klik PRATINJAU.
jika yakin berhasil SIMPAN Template.
Selamat mencoba....
artikel berikut adalah artikel updte cara buat kotak tuker link.untuk melengkapi artikel saya yang sebelumnya.
yang dimana juga membahas cara buat kotak tuker link.
untuk kali ini saya akan memberikan cara cepat buat kotak tuker link.
caranya..copy past code scryp berikut:
cara masukkannya masih tetep sama:
0)-->masuk blog
--->dasbor==>rancangan===>elemen===>tambah wiged===>html javascrip==>
masukkan code tadi
0)-->untuk:http://inspirationsawung.blogspot.com
anda ganti dengan alamat url blog anda
0)-->untuk-->tip trik internet/blog/facebook:
anda ganti dengan descripsi blog anda
0)-->http://img718.imageshack.us/img718/912/imagescaieswjr.jpg:
--->anda ganti dengan url gambar anda
setelah semua OK.
====>simpan
proses selesai.
nb:
untuk peletakanya saya yakin anda sudah bisa.
Selamat mencoba...
Pengertian singkat tentang Read More.
Read More atau potongan singkat dari artikel postingan. yang biasanya menggunakan kata-kata:
Read More,selengkapnya,baca selengkapnya,dan sbgnya...
demikian pengertian singkat dari Read More.
langsung saja ke pook pembicaraan .
sesuai dengan tema kali ini.
yaitu Cara Membuat Read More.
caranya ..
pertama:
a) Masuk ke Akun blog Anda
Dasboar--->Rancangan--->Edit HTML cari code
b) setelah menemukan code tersebut.
ganti dengan code berikut:
NB: untuk Tulisan READ MORE
Bisa Anda rubah sesuai keinginan.
sbg contoh aj Baca selanjutnya...Selengkapnya...atau ap terserah suka2..
c) jika sudah klik SIMPAN TEMPLETe.
Kedua:
Cara posting.
untuk cara posting caranya adalah:
1 buat posting / artikel dulu sampai selesai.
2.pilih paragrap mana yang akan ditampilkan sebelum Read More.
dan tambahkan di bawah paragrap tersebut code:
<span class="fullpost">
3. dan akiri dengan code:
</span>
untuk lebih jelasnya:
kurang lebih seperti ini. Paragrap yg tampak sebelum read more
<span class="fullpost">
Paragrap yang akan tampil setelah read more
</span>
Demikian ...
Semoga bermanfaat, Dan selamat mencoba.....
bagaimana cara menampilkan status online Yahoo ! Messenger pada halaman blog. Barangkali ada di antara sobat juga berkeinginan yang sama namun belum mengetahui caranya,ada baiknya menyimak beberapa penjelasan yang akan saya utarakan. yang mungkin isa membantu.
mungkin bagi para sobat yang sudah beberapa kali mengunjungi blog ini hampir atau bahkan belum pernah melihat Icon Yahoo ! Messenger saya menyala tanda sedang online chatting. oh iya lupa Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5, Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut :
masing-masing gammbar memiliki adres tersendiri: http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1
http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2
http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3
http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4
http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5
itu adalah alamat adress masing-masing ID,dan untuk menampilkan gambar kita harus menambah code: <img src="URL address">
sehungga akan menjadi seperti ini: <img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0">
Untuk Style ID 1
Dan seterusnya..
Code di atas hanya untuk menampilkan icon ID YN saja dan belum bisa bereaksi.
agar bereaksi tambahkan code berikut:
<a href="ymsgr:sendIM?YOURID">Kirim IM</a>
Sehingga untuk kode lengkapnya jadi seperti ini :
<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a> untuk lebih jelasnya kerna email saya ajitino maka akan menjadi seperti di awah:
cara membuat text areaApa itutext area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelahkiri layar, di bawah tulisan tuker link, ada sebuah kotak yang di dalamnya berisi text code-code HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan code-code HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.
Untuk membuat text area, silahkan anda Copy kode di bawah ini:
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
seagai contoh: lihat tex area yang tampak di bawah:
untuk menghindari error atau gagal dalam posting code html.
seperticode di bawah ini:
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-0151289914910336:5mheztq8ksi" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>langkah kita adalah dengan cara mem-Parse code html terebut.
caranya juga simple.
anda cukup masuk pada situs yg menyediakan layananresourse parse html untuk membantu parse code html yang akan anda posting.layanan ini gratis yg bisa membantu kita parse code html.
untuk mencoba anda bisa langsung masuk ke situsnya http://www.blogcrowds.com/resources/parse_html.php atau bisa langung Disini untuk lebih simple.
selain Crowds masih ada lagi situs yang bisa membantu dalam parse code html
seperti: centricle
dan accesifi
Selamat mencoa.
cara pasang Search Engine pada website/blog. Search Engine atau bisa kenal dengan Mesin pencari yang biasa atau bahkan sering kita jumpai
pada website atau blog. saat kita sedang melakukan pencarian / kunjungan website dan Blog.
dan pastinya sudah tidak asing lagi untuk mesin yang satu ini (search engine)bagi para penjelajah dunia maya (internet).
sekarang gimana cara memasang atau meletakkanmesin pencariini (Search Engine)
ok! langsung saja sesuai dengan judul artikel.
saya akan berbagi cara mudah pasang mein pencari atau Search Engine.
Kemudian cara meletakkan pada website/blog
caranya:
1.masuk pada blog anda
2.masuk pada ===>dasbor====>rancangan====>elemen===>tambah wigedt===>html javascrip.
pastekan code yang telah anda copy tadi.
3.simpan
Seleai...
Selamat mencoba ....
Semoga artikel ini bisa bermanfaat dan bisa membantu Anda
hmmmmmm lama jg gak posting jadi gatal nich tangan hehe...
jadi kangen juga pengen ber bagi sama sobat blogger..
dan untuk kali ini saya akan coba berbagi dengan sobat sedikit tips dan harapan saya semoga tips ini bermanfaat buat sobat dan saya sendiri.
langsung saja kali ini saya akan berbagi tips dalam membagi postingan menjadi 2 kolom.
seperti ini-->
Kau adalah gemintangan.
rarakan bintang di langit.
yang berbuih berpendaran.
sedangkan....
aku hanyalah serpihan debu di tepian jalanan,
yang mudah terhapus oleh angin.
Aku terilam menghiba.
Jasad temaram pesona.
dan sepenggalan jarak yang mengabadikan
perbedaan
kembali kita bicara facebook.yang tentunya sebagian besar dari temen-temen dah tau.namun kali ini saya akan coba mengulas tentang satu tips.yang mungkin bermanfaat buat temen-temen.apakah itu...
yupz kali ini saya coba ulas tentang cara membuat fan page di face book.
dalam mempercantik dan memodif blog sangat banyak cara-caranya seperti: gambar bergerak,tulisan berjalan,tulisan berkedip dan masih banyak lagi.
kali ini saya akan mengulas sekalian berbagi dengan temen-temen.tentang cara membuat judul blog berjalan.
Cara Memasang Widget Share Button,facebook,twitter,google plus,dig di blog
