Just Dedoy

Award Pertama Just-Dedoy

2011-05-09T01:02:00.000-07:00

Alhamdulliah , ini pertama saya dapat penghargaan award dari seseorang sahabat blogger saya "Mualank" dan dia memberikan penghargaan Awar ini di CBOX saya pada tanggal 4 May 11

mas ente dapet award tolong di ambil ya mas!!

tentu saya berterimakasih atas award ini , karena blog saya ini masih bisa di terima semua sahabat blogger .

Jika kalian ingin award di atas anda harus berkunjung ke gabrielmualank untuk mempersutuji Award ini .

Memasang peliharaan Hamster di blog

2011-05-02T00:49:00.000-07:00

duhh duhh imut banget hamster nya ..

Hamster ini bisa di letakkan di blog kamu loh .

kalo kalian mau , berikut langkah-langkah nya:

Login Blog kamu
Pilih Rancangan
Pilih Tambah gadget
Pilih HTML / Javascript
Copy kode berikut di isian nya

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

6. Kalau sudah , simpan dan liat Hasilnya ..

Membuat Queto dalam postingan

2011-04-21T02:38:00.000-07:00

Mungkin kalian tidak tau apa itu kegunaan Quote yang titik dua pada Aplikasi penulisan di Entri Baru , Trick ini baru saja saya tau , Alhamdullilah kini aku bisa . , ini ku postingkan kepada kalian yang tidak tau jadi tau .

kegunaan Queto ini banyak di pakai , mau itu efek teks chatting , memasang kode html .dll.

contoh nya seperti ini :

Ega : ehh mon gue berhasil loh ?!!

Momon : apaan Ga ?! , kaya nya lagi bahagia banget ?!

Ega :iya saya bahagia banget hari ini karena hari ini gue berhasil membuat Quote pada Blog !

Momon : Aduh ga ga ! , itu kan Trick jadul banget , kok riang banget sih !

Ega : haaha berkat Just Dedoy gue bisa haaha

Momon : Saraf Lo ye .. ?!

nah di atas itu contoh nya teman - teman . selamat mencoba ya !

Membuat tampilan blog under Maintenance

2011-04-12T19:54:00.000-07:00

Di saat kalian memasang widget dan bongkar - bongkar HTML , tidak salah nya kan untuk menampilkan tampilan blog kalian menggunakan under Maintenance , ini bertujuan untuk memperingatkan para pengunjung yang akan mengunjung paham pada blog kalian saat ini ada perbaikkan , dari pada pengunjung ilfiel melihat blog kita yang amburadul lebih baik di kasih Peringatan Maintenance aja . contoh nya seperti ini :

berikut untuk langkah-langkah nya :

1. Silahkan Login dulu dengan ID di blog kamu
2. Klik Rancangan

3. Klik Edit HTML.

4. Cari kode ]]></b:skin> , ( lakukan dengan Ctrl + F untuk lebih mudah pencarian )

5. Copy kode di bawah ini & paste di atas kode ]]></b:skin>

html {

  height: 100%;

  background:url(http://i1104.photobucket.com/albums/h331/labibkhairi1/under-maintenance.gif)



 no-repeat center 50%;

  margin: 0;

}

body {

  display: none;

}

NB : URL gambar yang berwarna BIRU di atas , bisa ganti dengan URL gambar kalian.

6. Simpan template dan liat hasil nya ....

Jika kalian sudah tidak memerlukan Under Maintenance lagi , hapus saja kode Under Maintenance kalian di Edit Html .

Kontak Saya

2011-04-11T22:48:00.000-07:00

Powered byEMF Contact Form

Report Abuse

2011-04-09T23:57:00.000-07:00

Telp/sms : 085752428670

Email : dedoy_lover@ymail.com

Social Network :

Facebook :

Twitter :

YM :

Tukar Banner

2011-04-09T23:36:00.000-07:00

Tukar banner akan berguna dalam menambah trafik/pengunjung. Untuk itu saya menawarkan bagi Anda semua untuk bertukar banner.

2 Cara Masukin Banner Kamu Disini

isi di Kontak Saya atau klik DISINI , dan taruh kode banner kamu di "ISI PESAN" , jangan lupa di isi data semuanya ya !
Untuk Lebih mudah , Chat di CBOX BUKU TAMU Saya .

My Banner

<a href="http://just-dedoy.blogspot.com"><img src="http://images.cooltext.com/2002038.png" width="148" height="53" alt="just - dedoy" /></a>
<br />

Banner Para Sahabat :

Tuker Link

2011-04-09T23:32:00.000-07:00

Buat sahabat blogger ingin Tukar Link . di sini aja .

Tukar Link akan berguna dalam menambah trafik/pengunjung. Untuk itu saya menawarkan bagi Anda semua untuk bertukar Link.

2 Cara Masukin Link kamu disini

Isi di Kontak Saya atau klik DISINI , dan tulis Link kamu di "ISI PESAN" , jangan lupa di isi data semuanya ya !
Untuk Lebih mudah , Chat di CBOX BUKU TAMU Saya , dan tulis Link kamu .

URL Link Saya

<a href="http://just-dedoy.blogspot.com/" title="Blogger NewBie">Just-Dedoy</a>

Link Para Bloggers

Menaruh Widget di atas postingan

2011-04-09T22:49:00.000-07:00

Hello para bloggers sejati . , makin asik aja nih nge'blogging nya :)
Trick kali ini Menaruh Widget di atas postingan , mungkin kalian hanya dengar di widget di bawah postingan .
padahal ada juga loh di atas postingan .

Contoh:

Penunjuk yang berwarna Merah menunjukan elemen yang telah di tambahkan sedangkan Penunjuk yang berwarna Hijau menunjukan postingan/Judul Postingan, sekarang kita lihat cara pembuatannya yuk! Cekidott ...

1. Seperti biasa login ke blogger
2. Masuk ke Tata Letak => Edit HTML
3. Setelah itu siapkan kode widget yang akan di taruh
4. setelah menyiapkannya, sekarang cari kode <div id='main-wrapper'>

lalu taruh kode Widget yang sudah di siapkan tepat di bawahnya, contoh lihat ke bawah

Code script

5. kata berwarna merah di atas, kalian ganti dengan code widget kalian , mau itu gambar ,arsip blog dll.
6. setelah sudah selesai , kalian simpan template .
7. liat hasil nya .

Memasang Icon Shortcut Back to Top and Bottom, dan Refresh

2011-04-09T22:30:00.000-07:00

Para pengunjung blog , pasti lebih senang dengan di beri kemudahan untuk membaca artikel kita , seperti kembali ke atas blog, menuju bagian bawah blog, dll. ,

Kali ini kita akan mencoba membuat sebuah icon shortcut yang akan selalu tampil di pojok layar yang berfungsi untuk menggulung scroll ke atas dan ke bawah ditambah sebuah icon untuk merefresh halaman blog.

untuk membuat nya
* Masuk ke Tata Letak -> Edit HTML
* Copy CSS berikut dan pastekan di atas ]]></b:skin>

#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

*Kode yang dicetak tebal adalah letak dari widget, "bottom" bisa kamu ganti dengan "top" dan "right" bisa kamu ganti dengan "left" (terserah kamu)

*Kalau sudah, cari lagi kode </body> tambahkan kode <a name='ngisor-dhewe'></a> tepat diatasnya.

*Simpan templatenya!
Sekarang tinggal memasang shortcutnya...

*Copy kode yang ada dibawah ini!

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtubLcZbfzhyphenhyphen5wRxvX5PNM-2lqt66jsE0S9Wgx0jLGxITsSypgB5Am322od0-mFYyFmcnO4A8Opur46uS1ruW-_3GEknFHhOjpFYZy4ol_hkSllV7KAkg0h0-b5m71vuYspiVPFkE9lw/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx37C5EmoTSekY2yeB1fl_-JADhhmekfJqVvm8HNvZEang_hMAG-gro0aNtzo0xkoG09DTTpD4hibbv1eMmT7TmMz_RMlwI8ai2BMJpxuTTRtQTbOg0EQmjslwYh-p2yf3xkDda0frXLA/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2C3kBHY7GUUl6lkU-TI40ZiN-3qwPjinQ26AxLE0npiXOBWAPJrrdJQzXqpS-P2A8HjPHpkwAGlUDOw4mxvU4gVUVSH37s15y7JVL53EBfJcPFE9fIiFo18s1CkkUlLJUKhwOZw8rBwE/s320/next-icon2.png'/></a></td>
<td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyRy19RMhgLeM8wuQmUNOKG0DKhEm2eUrnzPQ4SUVj2ZKMyfJvGOnnaGTWeM7jwj9ThIl9u8gRm8WKy7fHpJTpKTCuzSRRzR3bji_ZzjD4XfiVZ3UnsdHWCfkJwfZ-0wcmC1MtuAxEdc4/s320/refresh-icon1.png'/></a></td>
</tr>
</table>
</div>

*Kodenya bisa paste dibawah <body> atau bisa juga ke Tata Letak -> Elemen Halaman -> Tambah Gadget -> HTML/Javascript, Paste dan simpan.

Membuat hide line news pada blog

2011-04-04T02:34:00.000-07:00

Eitts ada sahabat blogger lagi nih ... , yap kali ini tentunya ada Trick lagi nih buat kalian , yaitu Membuat hide line news pada blog

Contoh show hidden punya saya

di atas itu nama nya Membuat Hidden line News . Berminat .. ?? coba aja lah .. mudah kok .. :)

-Pertama masuk ke blogger kamu .
-kedua masuk ke halaman Rancangan > Tambah gedget
-Ketiga Masukkan code script di bawah ini dan di letakkan di HTML/Java Script

<script type="text/javascript">
var hn_url_blog = "http://just-dedoy.blogspot.com/";
var hn_jumlah_post = 20;
var hn_warna_latar = " #abcdef";
var hn_warna_garis = "#FF0000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

-Pada ber warna MERAH anda ganti dengan URL blog anda .
-Kalo sudah simpan deh .

membuat slide show vertikal di blog

2011-04-04T02:20:00.000-07:00

Salam Pro buat Sahabat Bloggers , Gimana nya cara nya buat Artikel bergantian dengan berurutan ..? ,pasti pikiran kalian begitu , itu nama nya slide show vertikal , Trick kali ini membahas itu .. :)

slide show vertikal adalah model menurun dengan efek berurutan setiap berita terbaru dari pertama sampai terakhir ( sesuai pengaturan kamu ) .

jadi bagaimana gan ..? bagus kaga ?
di coba aja , cukup mudah gan , dan hasil nya memuaskan :)

ayo !! , langsung ke TKP !!

-Pertama , masuk ke blogger kamu .
-kedua masuk ke halaman Rancangan > Elemen Laman
-Copy code script di bawah ini dan masukkan ke Tambah gadget > HTML/Java script

Code Script

Keterangan :
]> Pada warna MERAH pada code di atas adalah gambar perview , ganti dengan gambar url anda (jika setiap post tidak ada gambar , bisa di ganti dengan gambar perview itu di slide)
]>Pada berwarna BIRU pada code di atas adalah Jumlah post yang akan muncul di slide nanti ( bisa kamu atur )
]>Pada berwarna HIJAU pada code di atas , anda ganti dengan URL blog anda .

membuat Status Via di Facebook - Status via 'aja

2011-04-03T01:43:00.000-07:00

Facebook , ya Facebook adalah jejaringan sosial yang saat ini lagi trend , di balik trend facebook sendiri banyak hal yang menarik untuk di coba , yaitu Status Via .. , apa itu status via ?? berikut contoh nya .

nah yang di atas itu punya saya , mau tidak langsung aja yah , mudah saja kok .

Tahap 1

1. Sekarang Silahkan anda surfing alamat ini , untuk membuat Aplikasi baru .
http://www.facebook.com/developers/createapp.php

2. Isi alamat yang kamu tentukan misalnya Just-dedoy , Pilih Setuju , klik Create App , seperi gambar di bawah ini .

3. kalau sudah , kamu akan di bawa ke halaman berikut , di sana anda pasang nama aplikasi , dan tambahkan icon & Logo (harus sama) , kalau sudah Simpan perubahan

4. Sekarang , pilih Facebook integration di aplikasi tadi , dan Ambil Application ID & Application Secret . code ini untuk masukkan application statusvia .

Tahap 2

Santai dulu sahabat blogger , ngkopi dulu ... heehe ...

1. Surfing ke Aplikasi Status via untuk daftar .
http://pc.statusvia.net/apps/main/registeruser.php

2. kalau sudah , anda akan pergi ke halaman status via anda , lalu pilih [+]Create apps untuk buat alikasi via facebook

3. Selanjutnya anda akan masuk ke halaman Forum status via nya untuk login sekali lagi .

4. lalu anda akan pergi ke halaman seperti berikut , pilih Facebook Statusvia Application ,next

5 .Lalu muncul halalman Add new device , untuk langkah-langkah , klik NEXT

6. Nanti akan muncul halaman untuk masukkan Name application , code Application ID & Application secret
,itu di isi dengan code apllication developers Tahap 1 tadi.

7. Selanjut nya "Aplikasi berhasil di buat" , liat petunjuknya lalu "NEXT"

8. nanti ada petunjuk lagi, langsung saja klik "DONE"

9. Lalu anda akan pergi ke halaman branda status Via anda untuk nulis status anda , klik Update Status .

10. Selesai ... :)

NB: untuk memakai status via bikin an anda , anda harus masuk ke status via nya untuk menggunakanya .

15 extension Google Chrome Untuk Para Web Developer

2011-04-02T18:40:00.003-07:00

Google Chrome merupakan web browser yang hebat dan merupakan salah satu pilihan bagi para web designer dan web developer. Dengan fitur Google Chrome extension, anda dapat menambahkan berbagai fitur-fitur yang dapat membantu anda mendesain, debug, dan bekerja di website. Berikut ini beberapa fitur Google Chrome extension untuk para desainer dan developer.

Firebug Lite (Untuk Google Chrome)

Firebug Lite (untuk Google Chrome) adalah extension yang mangaktifkan Firebug Lite pada web browser. Meskipun Developer Tools bawaan dari Chrome sendiri sudah memiliki fitur yang relatif sama dengan Firebug (atau bahkan lebih), namun pada pecinta Firebug tentu sangat menyukai extension ini untuk debug dan melakukan test pada hasil kerja mereka di Chrome.

Web Developer

Chris Pederick Web Developer toolbar adalah favorit para web desainer atau front-end web developer sudah sejak dulu. Dibuat awalnya untuk Firefox, kini telah dikembangkan untuk Chrome dengan tampilan yang lebih menarik.

Memiliki pilihan untuk mengenali dan menelaah layout pada sebuah website, termasuk menampilkan urutan tumpukan elemen block, menampilkan informasi CSS style tentang elemen didalamnya, kontrol browser cache dan masih banyak lagi.

Resolution Test

Resolution test adalah extension untuk melakukan pengetesan pada halaman web pada berbagai resolusi layar, dengan pilihan untuk menentukan resolusi anda sendiri. Ini sangat berguna untuk memastikan web desain anda tampil sempurna di berbagai layar monitor dan resolusi.

Pendule

Pendule melengkapi Developer tools bawaan dari Google Chrome. Extension ini memberikan user berbagai fitur seperti one-touch markup validation menggunakan W3C automated web service, menyembunyikan gambar pada halaman web, melihat script dalam halaman web dan masih banyak lagi.

Plain Clothes

Salah satu cara terbaik untuk mengevaluasi aksesibilitas sebuah halaman web adalah menghilangkan CSS style dan melihat bagaimana konten web akan ditampilkan. Extension ini mensimulasi pengalaman dimana seorang user tidak dapat melihat layar monitor dan harus bergantung pada markup pada halaman web untuk mengakses konten. PlainClothes melakukan hal ini dengan baik, menghilangkan semua CSS style pada halaman web. Meskipun dibuat utamanya untuk test dalam pembuatan website, anda dapat menggunakan extension ini untuk melihat halaman web tanpa perlu me-load style.

Image Cropper

Apabila anda ingin mengambil sebagian area dari sebuah halaman web, Image Cropper dapat mengerjakannya dengan mudah, hanya dengan drag mouse pada area yang anda ingin potong/drop dan akan langsung mengambil area pada web tersebut. Anda perlu ukurang pixel yang akurat? tools ini juag menampilkan dimensi dan lokasi area crop untuk membantu anda memperoleh ukuran yang tepat.

Lorem Ipsum Generator

Extension ini cukup menarik karena minimalis dan sederhana, dan yang baik adalah karena anda tidak perlu menggenerate Lorem Ipsum dengan rumit, karena Lorem Ipsum Generator membantu anda mengisi mock-up desain anda dengan dummy teks untuk tujuan presentasi.

IE Tab (Untuk Windows)

Dengan IE Tab anda dapat menghemat waktu untuk menggunakan Internet Explorer untuk mendebug dan merender hasil kerja anda.

jQuery Shell

Dengan jQuery Shell anda dapat menjalankan Javascript dan perintah jQuery dalam konteks halaman web yang sedang aktif. Ini adalah extension yang bagus untuk belajar dan bereksperimen dengan jQuery.

Color Picker

Extension yang satu ini melakukan hal sebagai berikut : mengambil Hex dan nilai RGB dari setiap warna di halaman web anda. Sangat membantu untuk menentukan warna website favorit anda tanpa perlu melakukan capture pada layar monitor dan memasukkannya pada Photoshop kemudian menggunakan eyedropper tool.

WebEdit

Dengan WebEdit extension, anda dapat melakukan editing terhadap halaman web apapun (perubahannya tentu saja tidak akan disimpan). Mengapa extension ini menjadi sangat berguna? Apabila anda membuat sebuah website dan ingin mengutak-atik elemen didalamnya tanpa melakukan perubahan signifikan pada kode, extension ini sangat membantu.

Chrome Sniffer

Apakah anda pernah penasaran apa teknologi, framework dan aplikasi open source yang digunakan oleh sebuah website? Para web developer yang telah berpengalaman dapat mencarinya dengan mempelajari source codenya, tetapi apabila anda ingin cara yang lebih nyaman dan cepat, anda dapat gunakan Chrome Sniffer. Chrome Sniffer melisting semua JavaScript framework/libraries (jQuery, MooTools, dan lainnya) dan CMS (Drupal, Wordpress, Joomla, dan lainnya) yang digunakan oleh sebuah website.

Webpage Screenshot

Sebuah aplikasi umum bagi para web desainer untuk mengambil capture gambar sebuah halaman website. Dengan Webpage Screenshot anda dapat melakukan capture keseluruhan halaman web meskipun area web berada diluar tampilan web browser. Juga memberikan kesempatan untuk user me-resize window sebelum meng-capture dan menyimpan scree grab dalam bentuk file gambar PNG.

Eye Dropper

Eye Dropper merupakan extension Google Chromer yang memberikan kemampuan untuk menentukan sebuah warna pada halaman web manapun. Kelebihan lainnya adalah terdapat color wheel dan color swatches (ada di semua software grafis) jadi anda dapat bereksperimen, melakukan tweak dan mengambil warna.

SEO Site Tools

Halaman web yang tersusun dengan baik dengan menyajikan hasil dari berbagai statistik mesin pencari. Atau apabila anda ingin mengevaluasi dari website anda terhadap mesin pencari, anda bisa mencoba SEO Site Tools, sebuah extension yang memberikan tool yang sangat berguna dan fitur untuk mengevaluasi SEO. Memberikan on-page dan off page metric, social media informasi dan lainnya.

Tentunya ini sudah sangat membantu anda dalam mengembangkan website, silahkan mencoba mendevelop website dengan Google Chrome.

View post:
15 extension Google Chrome Untuk Para Web Developer

Sumber : http://www.thatbest.com/15-extension-google-chrome-untuk-para-web-developer.html/

Merubahkan Tampilan Cursor saat di Arahkan di link

2011-04-02T04:29:00.000-07:00

Jika beberapa waktu lalu saya menulis postingan Merubah Tampilan Cursor Pada Halaman Blog, kali ini saya akan menjelaskan bagaimana merubah cursor jika diarahkan ke sebuah link. Nggak usah panjang lebar langsung aja ke TKP gan

1. Masuk ke blogger
2. Pilih Rancangan, terus Edit HTML, lalu letakkan kode di bawah ini sebelum kode </head>

<style type='text/css'>body, a, a:link{cursor:url(URL1), default;} a:hover {cursor:url(URL2),wait;}</style>

ganti URL1 dengan url kursor default yang anda inginkan. terus ganti URL2 dengan url kursor yang anda inginkan saat di arahkan ke sebuah link.

Selamat mencoba.....!!!

sumber : http://www.cahgogonity.co.cc/2011/02/cara-merubah-tampilan-cursor-saat.html

Membuat addres bar keren tanpa Edit Html

2011-03-30T01:14:00.000-07:00

Salam sahabat blogger , mungkin yang satu ini beda banget dengan addres bar keren yang sebelumnya membuat judul addres bar dan jusul addres bar versi 2 .

keren nya sama kok seperti trick sebeblumnya ,tetapi trick yang satu ini Tanpa Edit HTML untuk memasang nya , melainkan pakai tambah gadget untuk memasang nya . jadi cocok untuk para newbie .

silahkan copas code di bawah ini , dan letakkan di Tambah gedget > HTML/Java script

Code script

kata yang berwarna merah di atas , ganti dengan teks anda , kalau sudah di simpan deh ..

Agar Blog Cepat Terindeks, di-Ping aja

2011-03-26T06:08:00.000-07:00

Blog cepat terindek search engine tentu menjadi harapan kita semua. Buat apa capek-capek bikin postingan kalau tidak dikenali oleh google, akan menjadi pekerjaan yang sia-sia. Meskipun cara perayapan robot google sudah terjadwal namun akan lebih diprioritaskan kepada postingan yang ramah dan dicintai mesin sang robot.
Seperti halnya kenyataan di kehidupan kita yang nyata, ambil contoh saja semisal kita terjebak dalam antrian yang panjang, tentu kita harus sabar menunggu kapan giliran kita. Berbeda dengan orang yang sudah dikenal oleh petugas yang jaga antrian, tidak akan mengalami hal yang sangat menjemukan menunggu dan menunggu.

Blog yang notabene sudah mempunyai jam terbang tinggi menjadi prioritas dalam perayapan search engine alias lebih cepat terindeks google. Lantas bagaimana nasibnya blog-blog rencekan yang belum terkenal? Jangan bersedih dulu, karena ada cara yang dapat ditempuh agar blog cepat terindeks yaitu dengan melakukan Ping ke Google.

Tapi perlu diperhatikan juga, ada rambu-rambu yang harus dipatuhi yaitu janganlah melakukan ping secara berlebihan karena bisa dianggap spam. Cukup hanya pada saat setelah membuat postingan baru.

Bagaimana cara melakukan ping?

Kunjungi http://blogsearch.google.com/ping
Masukkan alamat url blog anda (alamat postingan juga boleh)
klik Submit Blog
Bila berhasil akan muncul pesan “Thanks for sharing your blog” seperti gambar di bawah ini

Selamat mencoba melakukan Ping Google agar cepat terindeks

sumber dari : http://www.tips-bhoncel.co.cc/2010/12/agar-blog-cepat-terindeks-di-ping.html

Membuat Judul postingan berkedip

2011-03-26T05:32:00.000-07:00

Seperti Trick yang sebelum nya Membuat text kelap-kelip (blink) ,Trick kali ini persis seperti trick Membuat text kelap-kelip (blink) , yang sama berkedap kedip/kelap-kelip , melainkan trick kali ini berada di judul postingan blog kita yang membuat nya jadi efek kedip/kelap-kelip .

berikut tahap-tahap membuat nya .. yang cermat ya , jangan sampai salah ..

Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

7. Kemudian ganti dengan Kode di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

8. Klik Simpan Template
9. Selesai.

Cara membuat kotak komentar facebook di blog

2011-03-26T04:45:00.000-07:00

Facebook saat-saat ini makin bertambah dan minat nya , begitu juga dengan blog .
trick kali ini memasukkan komentar Facebook ke blog ..
Bagaimana mungkin ?? , mungkin kok , asal kalian memparktekkan Trick kali ini ,kalian pasti bisa ..

Langkah 1

1. Pertama login ke akun blogger anda.
2. Kemudian buka facebook anda, login terlebih dahulu, lalu masuk ke aplikasi Facebook developers .
3. Kemudian buat nama aplikasi terlebih dahulu , klik tombol " Buat Aplikasi baru (create new aplication)"

4. Setelah itu teman-teman akan masuk kedalam menu pengaturan aplikasi , masuk ke menu terhubung (connect) ,lalu masukkan url blog anda semisal blog aku adalah http://just-dedoy.blogspot.com/,masukkan pada akhiran blog dengan tanda / jadi nantinya adalah http://just-dedoy.blogspot.com/

5. Setelah itu kembali ke menu dasar (Basic) untuk melihat ID Aplikasi (ID Aplication). Simpan dahulu ID Aplikasi anda.

6. Simpan/Save.

Langkah 2

1. Masuk blog anda. Design. Edit HTML. Expand Template Widged

2. cari kode <body> Setelah ketemu tambahkan kode ini dibawahnya :

Code script

3. Kemudian cari kode </head> dan kopy kode dibawah, berada diatasnya.

Code script

4. Cari lagi ( control F ) <data:post.body/> jika yang ditemukan ada dua silahkan masukkan dibawah kode yang kedua. Copy kode dibawah ini tepat dibawahnya.

Code Script

5. Save Template. Dan Selesai. Mungkin butuh waktu untuk koneksi facebooknya,,jadi harap bersabar.
6. NB : Untuk kata yang berwarna HIJAU silahkan ganti dengan URL Blog, APP ID dan Profil ID Facebook anda Sesuai salah satu tertara code script di atas .

Membuat Status YM ( Yahoo Massenger)

2011-03-23T02:06:00.000-07:00

Pusing Pusing , cari trick mana yang populer ... !!
Alhamdulillah .. Akhirnya aku dapat juga , Membuat Status YM (Yahoo Massenger)

sudah sudah lanjut aja yah ... , biling ente mau habis nih heehe ....

contoh status ym, ONLINE .

contoh status ym OFF .

Berikut tahap - tahap membuat status YM, mudah saja kok ..

CODE

-Kalo sudah save .

|> Berwarna merah :
Dengan id e-mail bro. Misalkan itu e-mail saya Email Kamu@yahoo.com jadi dituliskan contohaja. Nangkep kan bro? Kalau semisal contohaja@ymail.com maka tuliskan Email Kamu@ymail.com (Yang lengkap)

|> Berwarna biru :
Ganti dengan angka lain untuk mengganti penampilan desain status YM. (Bisa dilihat di bawah list galerinya).

Galeri kode :

*Untuk membuat Status YM Melayang . KLIK DISINI

Kumpulan Border buku tamu

2011-03-22T00:23:00.000-07:00

nih ku kasih ..
Silahkan liat -liat dulu ... :)

http://th769.photobucket.com/albums/xx338/raharjoismail/th_UpinBukuTamu.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgskzDtkQAo_hKey_bBVnWw2HyTGzQt_YgLWeEQubJfAVrcVKe0fK2bejM36u_9nvWFpCY30gbISufvWW0UM9DuB5kUgAj1Ea-63472Ll55BZ4gu2NZ2aadwbMq587-r2b-27Nx0jN8KFI/s1600/Teoringeblog-buku+tamu+1+(78+x+190).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg5Qnd0owEpgDpXGyomriGzNwYNe-4smpYMCfr5KLz4ORfrFEtfmsv7jFHcxpCBTlNfHa8PzTFGtUHjcDrVhyBsOXoNY5ucGZASpCBTfp0WEhiumzqi9G7HjzqS202Q5vFVWoJzNax-k4/s1600/Teoringeblog-buku+tamu+2++(+63+x+152+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjrywzmrtwc1hPxZndMk1bD6Egrug__fgqqf7t0pE-FEQYkjghKJ8R-ouqvUXn7q8hIFuUT8jLG80HX7twvRReQHA7aFfx9fYT1kubdaQzyYzl8jw60tf9L2v5ZJnQom7jgYKvqFY578/s1600/Teoringeblog-buku+tamu+3+(+64+x+244+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHg4AmiRPCKJH1EMs3hlfiAvxzKLg-HdIYCc9MDNGiFhrImY7R4FDQbSBIFx4-7hWX_H-f-eBk9d-z2rfa72qIVsrM81kqc-GJvkZKpcpE2uJYCcCycb4N-SrFz025PMKrQzTa6ptXTR4/s1600/Teoringeblog-buku+tamu+4+(+87+x+127+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-EkwUed9_njzev5nov_VbU57uiP7NTJe6dtfk7Wwd1Z1pwVlob2WdESVxudlwWjLBERXhh9obL6SkN4dnta3hY6gp7EkfbFJwHmRGrwy5ZUmEOYo-44Foj8Tf1K9ArQjIV6a1tDY5FA/s1600/Teoringeblog-buku+tamu+5+(+67+x+185+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2N8-DgmOUuNvqx5X6QQfWY2WjGHwuG8i3seJEUlMAeDVyiUG7H1vZNgRwgzAyqO2qLbNJnGfUNyJ0baNGf9biv4p_Kh_IOFzCeb80nu8TjJ8qrAa5vQeCfgAiN8TNhSQYBJTheLshgqs/s1600/Teoringeblog-buku+tamu+6+(+65+x+202+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB93KWCxNpSwedGYahkEncZ1M7x8D54LhuWxyOXgqHB2et5d0_NL0zFkoS1xMXLvZDAa8CACLxiW42DkbAuFWW5KsNOERltfdusgGz03Oq4TeoJaTawaslbZkeAiS26Mb95CY1OmeWXZo/s1600/Teoringeblog-buku+tamu+7+(122+x+147+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RkBmD_jbS4uuWBZlDGAkAJxK7cvORYde-2BXVU991tfgphS_GBmRHgC0qtqtQRJAHk2ENHZpx_mNNwrY4pTGvVqY3fLy9su1aMl9smX5B2jfeK7-Tj-2JnGWIvvPS82va994wrX6bGU/s1600/Teoringeblog-buku+tamu+8+(+81+x+147+).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisC0v1yu-TNltdtBThzr7U6DeQDMMtUdELKIuCOPKlr1f3oAkxKtVEHsHJoa48gBGlrc8lWRUnax6GRdh4Ig8GdwuPwqOmBQf37NGHdas9og23Y4i0gP-o83jy46QV-bdM7ZL4yGF_B3M/s1600/Teoringeblog-buku+tamu+9+(+89+x+100+).gif

http://th1210.photobucket.com/albums/cc419/GABRIELMUALANK/buku%20tamu/th_Chatbox.png

http://th890.photobucket.com/albums/ac110/arary/th_buku-tamu_03-1.gif

http://th263.photobucket.com/albums/ii151/wirnawan/th_guestbook.png

http://th1084.photobucket.com/albums/j416/kimzigr/th_bukutamu.jpg

Membuat Widget Melayang

2011-03-21T23:25:00.000-07:00

Trick ini mungkin sudah cukup paling di dengar , tapi untuk apa ini gunanya ? , bagaimana cara kerjanya, menurut saya banyak sekali guna nya ,
Langsung saja lah .., Nanti kamu ngerti sendiri ..

Widget melayang ini khusus untuk Code script .

-Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#widget_fly {
position:fixed;_position:absolute;bottom:0px;
left:0px;
clip:inherit;
_top:expression
(document.documentElement.scrollTop
+
document.documentElement.clientHeight-
this.clientHeight);
_left:expression
(document.documentElement.scrollLeft
+
document.documentElement.clientWidth
- offsetWidth); }

Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

6. Save Template

langkah selanjutnya :
1. klik Elemen Laman
2. klik Tambah Gadget
3. Pilih HTML/JAVASCRIPT
4. Copy kode di bawah ini :

[masukkan code widget disini]

</div>

Code ber Warna merah di atas kamu ganti dengan code Widget kamu sendiri ..

Kalau sudah Simpan deh ...Lihat hasilnya

Membuat Spoiler di Blog

2011-03-21T22:53:00.000-07:00

Sama seperti Trick yang lalu yaitu Membuat Text Area , ini juga membuat subah tempat code script atau pun lainya dengan Open/Close
Ini code nya

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>
Selamat mencoba ......

Membuat Show / Hide Cbox di atas

2011-03-21T05:32:00.000-07:00

Biasanya Tampilan Cbox Show/Hide cuman muncul di sebelah kanan dan kiri , Trick ini tentu tidak begitu , melainkan muncul (show) lewat atas (Top) . dengan begini blog kamu lebih beda .Sudah Paham kan ?
Langsung aja yah ..

1. Login Blogger
2. Pilih Perancangan>>Elemen laman
3. Tambahkan Gadget HTML/Java script (Jangan diberi judul)
4. Copas kode berikut :

Code 1:

5. Save
6. Tambahkan Gadget HTML/Java script lagi untuk Icon Navigasinya, copas kode berikut :

Code 2:

7. Save

*Keterangan
|>Pada Code 1 :
- Yang berwarna hijau adalah URL background kembang api dan kode warna backgroundnya (*Background dapat diganti sesuai selera sobat)
- Yang Berwarna biru adalah background cbox
- Tang berwarna merah ganti dengan kode Cbox
- Yang berwarna kuning adalah URL icon navigasi Close

|>Pada Code 2 :
- ada dua pilihan memasang navigasi icon nya :
1. Bisa di pasang dengan Tambah Gedget > HTML/Java Script
2. Bisa di pasang Icon Navigasi nya dengan model Widget Melayang, untuk membuat nya KLIK DISINI .

Membuat Background Postingan Berwarna

2011-03-21T02:17:00.000-07:00

Untuk satu ini Hanya bermodal kan script di bawah ini di posting Edit HTML

Berikut code nya :

<div style="background:kode warna yang kamu pengen;">

Dan di akhir postingan sisipkan kode penutup seperti ini

</div>

Untuk code Warnanya KLIK DISINI .

Selamat Mencoba .......