Yud Yudan ™

Tutorial Cara Manipulasi Sumber Penulisan Status Facebook Baru

2010-09-15T17:28:00.000-07:00

Mengupdate Status Facebook merupakan hal yang wajar bagi Facebookers. Status itu bisa berupa hal yang terjadi saat itu, berita yang terjadi saat itu, atau hal-hal pribadi lainya. Tapi kalau secara umum juga gak apa pa. Pada zaman teknologi yang canggih ini, semua hal bisa kita akali (manipulasi). Mulai dari hal yang sepele sampai dengan hal yang besar sekalipun. Hal-hal tersebut bisa kita manipulasi (akali) dengan gampang. Sebenarnya sih tidak baik mengakali sesuatu, tetapi kalau itu sebatas hiburan saja gak apa pa sih, hhe.

Jika saat ini kita membicarakan soal facebook, bayak sekali hal-hal per-manipulasian yang bisa kita lakukan di situs jejaring no. 1 itu. Seperti halnya status, status facebook bisa kita akali dari segi sumber penulisanya, misalkan via BlackBerry, via iPhone, via Snaptu dsb. Hahaha, menarik ya buat di coba?? Mau, langusung saja berikut caranya :

Login facebook.com dengan browser yang sama kamu membuka blog ini. misal Firefox
Setelah masuk di Facebook.com, reload halaman ini.
Setelah itu pilih "via" mana yang kamu pilih berikut :

  Update status via Facebook for BlackBerry

  Update status via HP Minjam

  Update status via Laptop Minjam

  Update status via Facebook for iPhone

  Update status via Windows Phone

  Update status via Snaptu

  Update status via Foursquare

  Update status via Facebook for Android

  Update status via Facebook for Palm

  Update status via Facebook for the T-Mobile Sidekick

be ENJOY!!! SEMOGA BERMANFAAT!!

Table of Content ala Abu Farhan #3

2010-09-14T06:05:00.000-07:00

Table of Content atau sitemap atau biasa disebut dengan daftar isi merupakan juga bagian terhadap blog kita. Mengapa? Yang namanya sitemap bagi blog itu jelas penting karena itu mempengaruhi keberadaan URL blog ataupun tulisan (postingan) di mesin pencari Google. Dan jika tidak, kemungkinan besar yang diindex menjadi sedikit (Tips Cepat agar Atikel Terindex Search Engine). Nah, disini saya akan membirakan sebuah aksesoris blog atau mungkin widget sitemap yang dibuat oleh Abu Farhan.

Untuk modelnya, sebenernya ada empat (4) model/style sitemap yang ada. Tetapi kali ini saya menggunakan model yang saya anggap paling dinamis, enteng, dan juga simple.

Langsung saja ke TKP :

Login di Blogger.com
Edit Entri
Disini terserah kamu mau ditaruh di Postingan atau Halaman atau mungkin Sidebar juga bisa
Untuk menaruhnya pastikan pada posisi Edit HTML bukan Composse
Pastekan kode ini di bagian HTML tadi :

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
<script src="http://yudyudan.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
URL warna merah ganti dengan URL blogmu!
Terbitkan Entri/Terbitkan Laman/Simpan.
Semoga Bermanfaat :)

Ucapan Idul Fitri dengan Gambar Melayang

2010-09-07T20:08:00.000-07:00

Minal Aizin Malfa Idzin - Selamat Lebaran - Mohon Maaf Lahir dan Batin | itu semua merupakan beberapa ucapan kata-kata Hari Raya idul Fitri. Selain menggunakan kata-kata disini saya menemukan alternatif baru sebagai seorang blogger yang imajinatif, saya membuatnya dengan bentuk gambar yang nantinya saya akan pasang di halaman blog. Mau lihat demonya?? Lihat saja di Yudan Blog letaknya di bagian pojok atas kanan blog. Tertarik dengan aksesoris blog itu?? Mari tak kasih tahu caranya.

Langkah-langkah untuk membuat image/gambar melayang :

Login di Blogger
Rancangan » Edit HTML
Centang kotak kecil
Cari bagian ]]></b:skin>, hapus kode tsb. dan ganti dengan kode ini

#adi_top_right {
clip:inherit;
position:fixed;
right:0;
top:0;
}

]]></b:skin>
Selanjutnya, cari kode <head>, hapus kode tsb. dan ganti dengan kode ini

<div id="adi_top_right"><img border="0" src="http://2.bp.blogspot.com/_ebUnF7PUwY0/TIMa0D8AxcI/AAAAAAAAAqM/1ghVHj55Fi0/s320/ketupat9.png"/></div>
<head>
Kamu bisa mengganti URL Image (biru) dengan gambar lain (selera)

Alternatif Image :

Cara mengganti dengan image flash diatas :
- Hapus kode berwarna hijau di bawah
- Dan ganti dengan kode embed berikut :
Selesai, Simpan Template!

Tutorial Membuat Sitemap Blogspot

2010-09-07T19:14:00.000-07:00

Apakah Sitemap itu? sitemap adalah kata lain dari Peta Situs,atau sebuah peta dan bentuk navigasi pada blog yang bertujuan untuk mempermudahkan pengunjung dalam melihat isi dari suatu web/blog. Bisa juga dikatakan bahwa sitemap itu adalah daftar isi pada blog/website. Nah, ngerti kan apa itu sitemap?
Kemudian, apa saja keuntungan Sitemap?. Keuntungannya adalah sebagai berikut:

Mempermudah pengunjung dalam mencari suatu artikel atau sebagai index suatu blog/website
Dapat menjadi langkah dalam memudahkan SEO(Search Engine Optimization) pada blog kita
Blog/Web akan terlihat lebih rapi dan mudah menarik pengunjung

Site Map sendiri sebenarnya bisa dibuat sendiri secara manual, bagi anda yang sudah sedikit mengerti Coding, anda bisa baca panduan belajar membuat sitemap di blog teman saya, http://blog.re.or.id/seo-membuat-sitemap-sendiri-2.htm. Tetapi bagi anda yang belum begitu mengerti coding, ada juga cara yang mudah untuk membuat sitemap blog kita.

Yang pertama yaitu dengan google webmaster tools

Bagi pengguna Account Google yang memakai platform Blogger,tentu sudah tidak asing lagi, istilah Google Webmaster Tools.
Rahasia dibalik Google Webmaster ini,sebenarnya sebuah kunci bagaimana mengoptimalkan sebuah situs,baik dari Meta,Robot,Analisa Blog,dan salah satunya ’SiteMap’. Nah, dibawah ini saya akan jelaskan cara membuat sitemap pada blogspot.

Kali ini saya akan memberikan tutorial cara memasang sitemap pada blogspot dengan model plugin wp dari dagondesign dengan mengunakan javascript dari http://www.abu-farhan.com/

Cara Membuat Sitemap di Blogspot sebenarya cukum mudah sebab kita hanya meletakan kode javascript di posting baru.

Masuk ke blog anda lalu posting artikel baru
Pilih layar html lalu letakan kode javascript dari abufarhan

<script style=”" src=”http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js”></script> <script src=”http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”></script>

Beri judul artikel ini dengan sesuka hati anda misal; sitemap, daftar isi, isi artikel atau brankas artikel
Agar artikel ini tidak tampil pada hari anda membuat, maka coba seting jadwal tampil artikel ke tanggal paling lama atau anda seting tanggal pertama kali anda membuat posting di blog anda.
Jika sudah terbitkan dan anda bisa lihat hasilnya di blog ini Daftar Isi pada blog tersebut dia menyeting tanggal diterbitkan seblum artikel blog dibuat

Bagaimana apakah anda bisa mengikuti tutorial ini atau anda masih agak binggung…. silahkan tinggalkan komentar di artikel ini . Tetapi jika anda sudah berhasil maka style blog anda semakin bagus. Jika anda sudah berhasil maka saran saya sebarkan link sitemap tadi ke blog dofollow sebab jika semakin banyak link masuk ke sitemap blog anda tadi maka akan meningkatkan PR google. Jika google memberikan PR pada posting sitemap bog anda maka secara tomatis artikel anda mendapatkan backlink berPR gratis secara langsung tergantung berapa PR yang anda dapat

Inilah yang dinamakan astaga.com lifestyle on the net sekali membuat sitemap kita bisa dapet backlink dari blog kita sendiri hixhixhixhixhixhixhix. Jika anda seorang yang sedang asyiknya belajar seo maka anda bisa mendapatkan banyak manfaat dari tutorial ini.

Tips Cepat agar Atikel Terindex Search Engine

2010-09-07T18:55:00.000-07:00

Search Engine adalah tempat untuk mendapatkan informasi yang dibutuhkan netter (pengguna internet) dengan cara memasukkan kata kunci / keyword pada tempat yang disediakan, setelah netter memasukkan keyword maka search engine akan menampilkan halaman yang menyediakan situs web / blog yang berhubungan dengan keyword tersebut. Search engine akan menempatkan situs web/blog yang dianggap berkualitas pada halaman pertama pencarian dengan suatu keyword karena akan terdapat ratusan bahkan ribuan halaman yang tersedia dengan keyword yang dimasukkan. Web / Blog yang berada pada halaman pertama search engine akan mendapatkan banyak visitor dan dianggap sebagai web/blog yang populer sehingga membuat pemilik web/blog (blogger) berlomba-lomba agar web/blog mereka bisa berada di halaman pertama pencarian dengan melakukan optimasi yang sering disebut dengan Search Engine Optimization (SEO).

Untuk mendapatkan posisi yang bagus pada search engine bukanlah hal yang mudah, karena kita harus memiliki blog & artikel yang bagus dengan backlink yang banyak. Tetapi apabila kita ingin berusaha dan terus melakukan Search Engine Optimization maka web/blog kita akan bisa mendapatkan posisi yang bagus di search engine sehingga bisa mendapatkan visitor yang banyak dari search engine tersebutt, karena banyak Tips SEO (Modifikasi Judul Blog agar SEO Friendly) yang bisa kita dapatkan dan dipraktekkan untuk blog kesayangan kita. Beberapa search engine yang bisa kita andalkan untuk meningkatkan pengunjung blog diantaranya Google, Yahoo dan Msn.

Berikut beberapa tips yang bisa kita lakukan agar Artikel Terindex Search Engine sehingga bisa menempati halaman pertama mesin pencari dengan keyword yang dibidik.

Privacy Setting - ini ditujukan untuk pengguna WordPress yang bisa dilakukan melalui menu "setting" kemudian "privacy" lalu pilih opsi "i would like my site to be visible to everyone, including search engines (like Google, Bing, Technorati) and archivers.
Sitemap - buatlah sitemap blog (Tutorial Membuat Sitemap Blogspot) anda kemudian daftarkanlah kepada Google Webmaster Tools agar search engine lebih mudah mengidex keseluruhan halaman blog.
Blogwalking - ini merupakan salah satu cara untuk meningkatkan visitor dimana kita meninggalkan link blog di blog orang lain agar mengunjungi blog kita sehingga search engine menilai blog kita memiliki traffic yang bagus.
Social Bookmark - merupakan situs penyedia layanan informasi yang memberikan hak kepada pemilik web / blog (blogger) untuk memasukkan / mensubmit artikel pada situs social bookmark tersebut. Dengan mensubmit artikel pada situs social bookmark akan memberikan backlink kepada artikel blog dan tentunya akan meningkatkan SERP pada mesin pencari.
Ping Service - merupakan cara termudah untuk menyebarkan artikel kita yang baru di publish ke search engine, salah satu yang bisa kita gunakan adalah ping o matic.

Itulah beberapa tips yang bisa dilakukan agar artikel atau posting blog mudah terindex search engine sehingga artikel kita bisa nangkring dihalaman pertama mesin pencari dengan keyword tertentu. Mudah-mudahan tips singkat ini bisa bermanfaat dan menjadi referensi untuk meningkatkan kualitas blog terhadap mesin pencari.

Tutorial Membuat Sexy Social Bookmarking Blogger

2010-09-05T14:38:00.000-07:00

Sexy Social Bookmarking - Tombol sexy untuk membagikan sebuah artikel di blog. Merupakan sebuah tombol yang biasanya diletakkan di bagian bawah postingan yang berguna untuk melakukan share kepada situs-situs terkenal, seperti halnya facebook, blogger, wordpress, twitter, plurk, dan masih banyak lagi lainya. Untuk saya pribadi saya memlih tombol ini karena selain bentuknya bagus nan elegan, tombol ini juga enteng/ringan untuk digunakan.

Faktor utama kenapa saya memasang tombol share ini?? Karena tombol ini bisa digunakan utuk menaikkan traffic blog kita.

Intermezzo selasai saatnya langsung saya menuju ke pembuatan sexy social bookmarking. Design dari tombol share ini sudah saya design se demikian rupa. Let's Go!!

Tutorialnya :

Login di akun blogger kamu
Rancangan Edit HTML
Centang kotak kecil
Cari kode ]]></b:skin> , pastekan css berikut di atas kode tadi

.sexy-bookmarks {
height:54px;
margin-left:-7px;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
position:absolute;
right:-17px;
}

.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {

background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;

}

.sexy-furl {

background-position:-300px top !important;

}

.sexy-furl:hover {

background-position:-300px bottom !important;

}

.sexy-digg {

background-position:-500px top !important;

}

.sexy-digg:hover {

background-position:-500px bottom !important;

}

.sexy-reddit {

background-position:-100px top !important;

}

.sexy-reddit:hover {

background-position:-100px bottom !important;

}

.sexy-stumble {

background-position:-50px top !important;

}

.sexy-stumble:hover {

background-position:-50px bottom !important;

}

.sexy-delicious {

background-position:left top !important;

}

.sexy-delicious:hover {

background-position:left bottom !important;

}

.sexy-yahoo {

background-position:-650px top !important;

}

.sexy-yahoo:hover {

background-position:-650px bottom !important;

}

.sexy-blinklist {

background-position:-600px top !important;

}

.sexy-blinklist:hover {

background-position:-600px bottom !important;

}

.sexy-technorati {

background-position:-700px top !important;

}

.sexy-technorati:hover {

background-position:-700px bottom !important;

}

.sexy-myspace {

background-position:-200px top !important;

}

.sexy-myspace:hover {

background-position:-200px bottom !important;

}

.sexy-twitter {

background-position:-350px top !important;

}

.sexy-twitter:hover {

background-position:-350px bottom !important;

}

.sexy-facebook {

background-position:-450px top !important;

}

.sexy-facebook:hover {

background-position:-450px bottom !important;

}

.sexy-mixx {

background-position:-250px top !important;

}

.sexy-mixx:hover {

background-position:-250px bottom !important;

}

.sexy-script-style {

background-position:-400px top !important;

}

.sexy-script-style:hover {

background-position:-400px bottom !important;

}

.sexy-designfloat {

background-position:-550px top !important;

}

.sexy-designfloat:hover {

background-position:-550px bottom !important;

}

.sexy-syndicate {

background-position:-150px top !important;

}

.sexy-syndicate:hover {

background-position:-150px bottom !important;

}

.sexy-email {

background-position:-753px top !important;

}

.sexy-email:hover {

background-position:-753px bottom !important;

}

Cari kode : <data:post.body/> atau beberapa pilihan tempat di bawah, dan terserah kalian pastekan di bawah/di atas kode yang kamu pilih. (Kalau secara umum, di bawah <data:post.body/>)
NB : biasanya setiap template berbeda beda, kalau tidak ada <data:post.body/> biasanya <p><data:post.body/></p>.
Sebelumnya, jika kamu ingin meletakanya di lain tempat disini ada beberapa pilihan :
- <p class='post-footer-line post-footer-line-1'> : yaitu letaknya persis dibawah label author.
- <p class='post-footer-line post-footer-line-2'> : yaitu letaknya persis ditengah-tengah antara label author dan label Category.
- <p class='post-footer-line post-footer-line-3'> : yaitu letaknya persis dibawah label.
<div class='sexy-bookmarks'>

<ul class='socials'>

<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/yudyudan' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'/></li>

</ul>

<span class='sexy-rightside'/></div>
- Ganti URL : http://feeds.feedburner.com/yudyudan dengan URL FeedBurner-mu sendiri!

Simpan Template!!
Sekian, dan Semoga Membantu

Tutorial Menyimpan JavaScript di Google Code

2010-09-05T02:37:00.000-07:00

Untuk membuat web kita lebih dinamis, seringkali kita menggunakan Javascript. Akan tetapi penggunaan javascript terkadang membuat blog kita terasa 'gendut'. Solusinya adalah dengan menyimpan javascript tersebut di hosting kita dan memanggilnya saat diperlukan. Kalau blog gratisan? tenang saja kita bisa menyimpan file javascript di Google Code.

Sebelum melangkah bagaimana cara menyimpannya, mungkin ada rekan yang belum faham apa itu javascript.

Apa itu Javascript?

Javascript adalah bahasa pemrograman yang berisikan perintah-perintah. Misalkan membuat efek salju, membuat slide, membuat auto read more, navigasi halaman, dll.

Kode javascript biasa ditulis dengan diawali <script> dan diakhiri </script>. Contoh perintah javascript:

<script language="JavaScript">

if (window.print) {

document.write('<form> '

+ '<input type=button name=print value="Click" '

+ 'onClick="javascript:window.print()"> To Print this page!</form>');

}

// End -->

</script>

Cara Menyimpan file Javascript.

Copy file javascript. Ingat, hanya isinya saja antara <script> dan </script>.
Paste di Notepad
Save as, File name: tambah .js contoh : navigasi-halaman.js. atau tab-views.js Save as file: All type
Javascript anda sudah jadi.

Cara Menyimpan Javascript di Google Code

1. Login ke account Google

2. Masuk ke halaman http://code.google.com/hosting/

3. Click Create a new project

4. Isi form.

Project name : nama halaman
Project Summary : nama project
Project description : keterangan
Version control sytem : pilih "Mercurial"
Source code license : pilih "GNU General Public License v3"
Use a separate content license : centang dan pilih salah satu

5. Klik Create project

Cara upload file

1. Klik Download

2. Klik New download

3. beri nama file, cari file yang akan di upload kemudian Submit.

Untuk mendapatkan link file Javasript

1. Klik file yang telah kita upload

2. Klik kanan pada file kemudian Copy link location.

Untuk menggunakan file Javascript di blog :

<script src="url-javascript-anda" type="text/javascript"></script>

Modifikasi Judul Blog agar SEO Friendly

2010-09-04T15:15:00.000-07:00

Judul pada blog merupakan peran penting bagi kelangsungan hidup blog kita. Kelangsungan hidup?? kyak pelajaran IPS ajah. Begini maksutnya, judul pada blog dikatakan peran penting kenapa? Karena judul dalam blog merupakan susunan utama suksesnya blog itu. Judul yang baik di mata google adalah struktur judul yang saya akan ulas pada tulisan kali ini. Nah, sudah SEO-kah judul blog yang ada di blogmu?? Kalo belum, cepetan SEO-kan judul blog kamu. Karena dengan judul yang terlihat SEO di mata Mbah Google, blog itu akan lebih cepat dilirik (index) oleh Mbah Google. Selain cepat di index, judul yang baik juga enek dilihat dan terkesan rapi.

Silahkan ubah terlebih dahulu kode dasar dari template yang kodenya seperti dibawah :
- cari kode ini :

<title><data:blog.title/></title>

- hapus kode tersebut dan ganti dengan kode berikut ini :

<b:if cond=’data:blog.pageType == "index"’>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

keterangan :

I. <title><data:blog.title/></title> adalah judul blog (blog title), coba kita tambahkan beberapa kata kunci setelah kode tersebut. Contoh seperti ini, saya menggunakan judul pada blog ini “Tutorial Blog” maka penambahan kata kuncinya adalah seperti ini :

<title><data:blog.title/> | Tutorial Blog | SMS Cinta </title>

II. <title><data:blog.pageName/></title> adalah judul artikel (post title), kemudian modifikasi menjadi seperti berikut :

<title><data:blog.pageName/> | <data:blog.title/></title>

Maka hasilnya akan menjadi seperti berikut ini :

<b:if cond=’data:blog.pageType == "index"’>
<title><data:blog.title/> | Free Template | Tips Blogging</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

(*--Jangan lupa Simpan Template.

Nah, dengan sudah terpasangnya judul yang SEO di judul blog kamu, blog kamu nantinya akan lebih cepat di index oleh Google. Sekian tulisan singkat kali ini, tungggu tutorial menarik lainya di lain waktu..:)

reprensi : miscah.blogspot.com

Membuat Redirect URL Blog dengan Mudah

2010-08-28T07:42:00.000-07:00

Redirect Blog merupakan suatu cara yang digunakan oleh sejumlah blogger yang ingin mengalihkan alamat blog mereka ke blog (mungkin) mereka yang baru. Cara ini juga pernah saya lakukan ketika salah satu blog saya rusak dan saya ingi mendirect blog saya yang rusak tadi blog saya yang baru yang saya buat untuk alternatif blog saya tadi yang rusak. Postingan yang saya ambil dari Blog Uda Arif ini sengaja saya repost ke blog ini untuk membantu para blogger yang kesusahan untuk mungkin mendirect blog mereka dari satu blog ke blog mereka yang lain.

Untuk gampanganya, redirect itu : seumpama, saya mempunyai blog yang beralamatkan http://yudyudan.blogspot.com/ dan saya pindah alihkan URL Blog tersebut ke alamat blog saya yang lain semisal http://yudan.web.id/. Nah itu semua yang disebut Redirect URL Blog.

Postingan ini saya susun serapi mungkin untuk memudahkan para pembaca untuk memahami maksut dari setiap postingan di blog ini. Langsung saja ya, ke TKP!!

Klik menu Layout
Klik Tab Edit HTML
Pada kotak Edit HTML temukan kode berikut ini: <head>
Lalu ketikkan kode berikut ini di bawahnya

Lalu klik Save Template

Jika alamat blog yang lama dikunjungi, maka akan langsung diarahkan pada alamat blog yang baru.
Ok!!! Selamat Mencoba.

Membuat Gradient Background Blogspot

2010-08-28T07:41:00.000-07:00

Background pada blog merupakan salah satu hal penting dalam bidang design blog. Background pada blog ada bermacam-macam jenisnya. Membackground'ni sebuah elemen yang ada didalamnya, seperti memberi warna latar belakang (background) di bagian footer, sidebar, atau header sekalilipun backgroundlah yang memprakasai bagus tidaknya sebuah elemen tersebut untu dilihat. Sejatinya, background yang banyak sekali digunakan menggunakan fungsi gambar dan warna. Sebetulnya sih ada beberapa lagi fungsi background (latar belakang) yang digunakan oleh proffesional blogger designer diluar sana.

Background Gradient adalah yang bisa dikatakan fungsi lain untuk membuat background (latar belakang) itu tadi. Dengan cara menggunakan background Gradient ini, sebuah background seolah-olah terlihat cantik, lebih menawan dan anggun. Seperti perempuan aja ya??. Dilain sisi menggnuakan background ini juga bagus untuk design blog kita.

Nah langsung saja saya beri tutorialnya, dari mulai yang dasar sampai dengan yang praktek langsung ke TKP!!

Kode Dasar CSS 3 untuk Gradient

Support Browser Firefox :

background-image: -moz-linear-gradient( point, warna1, warna2);

Repeat Gradient Support Browser Firefox :

background-image: -moz-repeating-linear-gradient( point, warna1, warna2);

Support Browser Safari :

background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) );

Repeat Gradient Support Browser Safari :

background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) ); -webkit-background-size: ukuran dalam persen;

Bisa dilihat dari kode dasar gradient diatas bahwa untuk membuat suatu background dengan gradarasi warna ( perpaduan antara dua warna ) ditentukan oleh titik awal ( point1 ) ke titik akhir ( point2 ) dan warna awal:mulai ( warna1 ) ke warna akhir:selesai ( warna2 ). Gunakan kedua kode Support Browser tersebut untuk mendukung beberapa Browser. Untuk lebih jelasnya perhatikan contoh kode berikut ini : [ untuk mau ngeliat kode warna mending kesini aja ]

Contoh kode Gradient 2 Warna

background-image: -moz-linear-gradient(top, #000, #CCC);

background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC));

background-image: -moz-linear-gradient(100% 100% 90deg, #000, #FF0000);

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));

Contoh kode Gradient banyak warna (Pelangi)

background-image: -moz-linear-gradient( left top, right bottom ,

from(red),

color-stop(16%, orange),

color-stop(32%, yellow),

color-stop(48%, green),

color-stop(60%, blue),

color-stop(76%, indigo),

to(violet));

background-image: -webkit-gradient(linear, left top, left bottom,

color-stop(0.00, red),

color-stop(16%, orange),

color-stop(32%, yellow),

color-stop(48%, green),

color-stop(60%, blue),

color-stop(76%, indigo),

color-stop(1.00, violet));

Contoh kode Gradient Repeat

background-image: -moz-repeating-linear-gradient(100% 100% 90deg, #000, #FF0000);

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));-webkit-background-size: 10% 100%;

Selipkan kode CSS 3 tersebut pada tag Body { TaroDisini; .... ; .... ; } yang berada dibawah kode <b:skin><![CDATA[ atau kalian bisa selipkan dimana saja sesuka hati dan kreasi anda [ :) be unique ] contoh penerapan kode sebagai berikut :

body{color:#ffff; background-image: -moz-linear-gradient(top, #000, #CCC);

background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC)); font-family:"Tahoma",Georgia,Serif; font-size:12px;background-attachment: fixed}

Sumber dari : the-art-of-web.com

Mengganti Cursor di Blog dengan Gambar

2010-08-27T15:32:00.000-07:00

Kursor dalam blog merupakan salah satu sarana guna untuk memanjakan blog kita. Dengan kursor yang menarik, pengunjung blog kita jadi betah berlama-lama berada di blog kita entah itu cuman tidur-tiduran, duduk santai atau bahkan sampai tidur pulas. Kayak dirumah aja ya?? Disisi lain background juga penting (baca : Membuat Gradient Background Blogspot ). Kali ini kita tidak membhas background, karena sudah saya ulas detai di postingan sebelumnya. Tapi ada beberapa pengunjung yang malah 18 derajat malah tidak suka jika kita aneh-anehin blog kita. Salah satunya dengan memodifikasi custom kursor ini. Toh kalu mereka tidak suka, itu blog-blog kiat kok!! Bener kan??

Langsung aja ke TKP yak!!

Instruksi Dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML
Cari kode ]]></b:skin> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawah kode ]]></b:skin>.

Script :

Setelah script dan url cursor telah dimasukkan lalu Simpan perubahan dan bisa dilihat hasilnya :)

Contoh Cursor :

Cursor Default : Cursor Link :

Dapatkan Cursor - cursor lucu dan menarik pada link berikut ini :

http://www.cursors-4u.com
http://www.myspacecursor.net
http://www.totallyfreecursors.com
http://www.123cursors.com
http://www.anicursor.com

Sumber : roxx-share.cz.cc

Text Area dengan 2 Model

2010-08-27T07:23:00.001-07:00

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

berikut hasilnya :

Keterangan :

untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya:

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
<p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
<text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

*Copas dari blognya Dody Farial

Yud Yudan ™ - Berbagilah Untuk Sesama

2010-08-19T01:19:00.000-07:00

YudYudan.blogspot.com – Berbagilah Untuk Sesama : Pada postingan pertama ini yang diterbitkan oleh YudYudan.blogspot.com yang semoga merupakan awal baik dari berdirinya blog Yud Yudan ini. Kenapa saya mengambil nama ini? Saya mengambil nama ini dari nama saya sendiri, Yudan dan saya tambahkan kata Yud yang saya ambil dari nama saya juga. Yud Yudan Blog ini nantinya inyaallah akan memiliki konten-konten yang beraneka ragam, diantaranya Blog Tutorial atau Trik & Tips Ngeblog, Info, Cerita, Download, Tutorial lainya, dan semacamnya.

Ngomong-ngomong dalam dunia ngeblog, selama ini dan saat ini premier blog saya adalah http://yudan.web.id. Itu merupakan blog yang juga memiliki konten menarik. Jangan lupa juga kunjungi Yudan Blog ya! Saya juga memiliki blog yang berdomain .info yaitu http://yudanz.info mampir juga ya??

Nah pada intinya, saya disini ingin mengumumkan bahwa blog “Yud Yudan ™” telah launching. Semoga dengan blog saya yang sekian kalinya ini, semangat ngeblog saya semaikin bertambah dan lebih dan senang berbagi kepada teman-teman semua atas ilmu baru yang saya dapatkan dari ngeblog selama ini. Salam Blogger!! Dan jangan lupa, berbagilah kepada sesama..OK!

Links

2010-08-13T00:00:00.000-07:00

LINKS SAHABAT :

(masih belum, ayo jadi yang pertama!!)

Content

2010-08-12T05:36:00.000-07:00

About us

2010-08-11T05:20:00.000-07:00

Yud Yudan Blog merupakan personal blog yang memiliki konten bermacam-macam, yaitu blog tutorial/tutorial blog, download software/game/template/dll, update info, dll. Blog yang diwadahi oleh blogspot ini sengaja didesain ulang dari templatenya se-menarik dan se-SEO mungkin untuk mendapatkan Top Serp di Google. Blog yang dimiliki oleh Yudan Fahmie ini merupakan blog yang kesekian kalinya dibuat olehnya. Adapun blog-blog lain yang dibuat oleh bocah kecil itu diantarnya Yudan Blog, Bagoevix ™, Gratisand4u, dan masih banyak lagi lainya. Loh? kok jadi nyebutin blog-blog Yudan gini ya?? Gak papa, sekedar sharing aja kepada kalian.

Saya pribadi ini adalah seorang anak juga blogger yang berasal dari Ponorogo. Bocah ini juga mengikuti komunitas blogger di kotanya tersebut, yaitu Komunitas Blogger Warok.

Sekian, tentang singkat dari Yud Yudan Blog dan Yudan Fahmie, semoga blog ini bermanfaat bagi semuanya. Dan saya pribadi senang bilamana ada sahabat yang merasa terbantu. Pesan saya, Berbagi adalah Menambah, jadi jangan rugi kalau sahabat berbagi, karena dengan berbagi kepada sesama itu berarti sahabat secara tidak langsung, menambah ilmu. Jadi, Berbagilah kepada Sesama :)

Kode Warna

2010-08-10T08:00:00.000-07:00

Untuk Menggunakanya :

Letakan kursor disamping tulisan Ambil Warna, setelah itu pilih warna yang kamu suka
Dan copas (copy-paste) kode warna yang muncul yang telah dipilih
Happy Blogging :)

HTML Encode/Decode

2010-08-09T14:59:00.000-07:00

* Tuliskan (pastekan) kode-kode HTML yang ingin kamu postingkan ke blog kamu!!