ChiemBoun: Pernak Pernik

Tampilkan postingan dengan label Pernak Pernik. Tampilkan semua postingan

Rabu, 10 Juni 2009

Pasang Widget Google Translate

Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda

2. Klik Tata Letak

3. Klik tab Elemen Halaman

4. Klik Tambah Gadget

5. Klik tanda plus (+) untuk HTML/Javascript

6. Copy paste kode google translate ke dalam kolom yang tersedia :

7. Klik tombol Simpan

8. Selesai

Sangat mudah sekali bukan? Selamat menikmati widget google translate baru anda.

Sabtu, 30 Mei 2009

Mistery Pecahan Uang $20

author: psycho4shared.blogspot.com

Neh artikel saya baca di forum cyberdos,kayaknya menarik banget buat di baca

jadi saya posting aja di sini,biar semua bisa baca juga smile

berikut hal yang aneh tersebut dapat anda liat di gambar pecahan uang $20 amerika tersebut
bagi kalian yang punya uang $20 amerika,silahkan di coba

1. Lipat uang $20 menjadi separuh lipatan dengan gambar white house di sisi luar.
:

2. Lalu lipat lagi hingga bentuknya seperti berikut.
:

3. Lipat sisi lainnya sama seperti yang pertama.

Keanehan terjadi… Pentagon terbakar. Samakan gambarnya?
:

4. Sekarang, Lihatlah sisi belakang lipatan tersebut….

Aneh, Menara kembar hancur….
:

Sungguh menakjubkan lipatan pada uang $20 bisa menghasilkan gambar pada peristiwa tragis di Amerika….

anda kagum?? klo ane sich pas dapet email ini bener2 kagum..kok bisa pas banget yahh… liat lagi nich klo masih kurang….

pertama pentagon terbakar…
:

Lalu..menara kembar..
:

Mau tau…siapa pelakunya??? nichh….
:

Jumat, 08 Mei 2009

Cara Membuat Kotak Ngoceh (Shout Box)

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Sumber : mas Kendin_x

Sabtu, 02 Mei 2009

Cara Membuat “breadcrumb-navigation” pada Blogger

Tahukah kalian apa itu “breadcrumb-navigation” ...??
ok, klo kmu tidak tahu, silahkan buka : www.elite-mantab.web.id dan www.x4punya.blogspot.com
Maka di situ akan ada navigasi sederhana yang berupa teks, tetapi, hal itu hanya bisa pada sebuah website, untuk www.elite-mantab.web.id adalah website dan www.x4punya.blogspot.com adalah sebuah Blogspot, nah pada blogspot ini kita bisa tambahi “breadcrumb-navigation” juga, .
untuk lebih jelasnya lagi, silahkan lihat gambar dibawah ini :

Nah, Navigasi di ataslah yang di sebut dengan namanya “breadcrumb-navigation”, dari situ, sang pembaca bisa melihat posisi artikel yang sedang di baca.

Oke deh, g usah kebanyakan omong, langsung aja kita mulai acaranya :

1. Login dulu di Blogger kalian
2. Klik Tata letak / Layout
3. Kemudian klik Edit HTML
4. Untuk antisipasi kegagalan, download template kamu terlebih dahulu, klik Download Template Lengkap

5. klik / beri tanda centang di tulisan Expand Template Widget.
6. Dan kemudian cari code : ]]></b:skin>
7. kemudian letakkan kode dibawah ini tepad berada di atasnya : ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

8. Kemudian cari code ini : <div class='post hentry uncustomized-post-template'>
9. kemudian letakkan code ini tepat di bawahnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>

Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Kemudian klik save, dan lihat hasilnya dengan cara klik salah satu judul artikel anda....

gimana? bisa kah?

Semoga bermanfaat.....

Jumat, 01 Mei 2009

Membuat News Ticker Versi 2

OK, bertemu lagi nih ama Gue,,, masih inget g dulu kita bikin News Ticker? klo lupa, silahkan baca disini : Membuat News Ticker

Nah, untuk Versi kali ini akan berbeda, kalau yg kemarin hanya ada text berjalan dan backgrounya biru, nah, kali ini kita akan membuat news tivkernya kelihatan lebih asyik..

contohnya lihat di : www.elite-mantab.web.id

ok sekarang kita mulai aja matarinya,

1. Seperti biasanya, Login ke Blog yang mau di utak atik
2. Klik Tataletak / Layout
3. Klik Edit HTML
4. cari code : ]]></b:skin>
5. Taruh Code di bawah ini tepat di atas kode ]]></b:skin>

#divBlackNotesContent {position: fixed; left:0px; bottom: 0px; width: 100%; height:71px; z-index: 1; background:url(http://www.autoblackthrough.com//template/img_blacknotes/back.png) repeat-x bottom;}
#divBlackNotesInnerContent{
position:relative;
text-align:left;
width:990px;
margin:auto;
z-index:0;
}
#divBlackNotesLeftImg{
position:absolute; left:0px; float:left;
}
#divBlackNotesMid{
position:absolute; left:99px; float:left;
background:url(http://img376.imageshack.us/img376/8528/back2.png) repeat-x bottom;
width:792px;
height:30px;
padding-top:41px;
}
#divBlackNotesRightImg{
position:absolute; left:891px; float:left;
}
.pointer {
cursor: pointer;
}
.blacknotes{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.5px;
margin-top:5px;
color:#999999;
float:left;
}

6. dan selanjutnya cari code : </body>
7. klo udah ketemu, tarus kode di bawah ini tepat pada bawahnya kode </body>

Nah,, setelah itu selesai, silahkan di simpan...
Taraaa,,, gimana? jadi apa g?

Minggu, 30 November 2008

Membuat News Ticker

News Ticker...... siapa yang tidak tau "NEWS TICKER"...? :-/
Oke kali ini kita akan membuat tampilan blog kita seperti "TV"... maksutnya gini... Kan biasanya di TV ada Tulisan berjalan di bawah kan...?????? Lha... kita sekarang akan membuat model seperti itu. untuk lihat contohnya bisa di lihat di Blog CREW ELITE ==> www.osis-mantab.co.cc

oke... dah d liat lom?
gmna? mau kan????? "Ya Iyalah... Masak Ya Toibah" hehehehehe.......
oia aku lupa....... tuh beritanya dari "METRO TV"...............................

langsung aja kita mulai......
1. Seperti biasanya... LOGIN ke BLOG kalian dulu.

2. Cari Kode ]]></b:skin>
3. Taruh kode di bawah ini tepat di atasnya ]]></b:skin>

#newsticker {align: center;position:fixed;_position:absolute; width:100%;height:33px;z-index:10000; bottom:0; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan :

Untuk yang berwarne biru (

bottom) adalah posisinya, bila ingin di rubah tinggal ganti tulisan itu. Bottom = Bawah, Top = Atas

4. Cari kode </html>
5. Taruh Kode di bawah ini tepat di atasnya </html>

Kalau sudah.... jangan lupa Di Simpan....
Tyus sekarang lihat Hasilnya..................................

Semoga berhasil................. :D

Rabu, 10 September 2008

Cara membuat READ MORE

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma
abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>

kalo dah ketemu maka dibawahnya ada kode ini :
<data:post.body/>

Kadang gagal juja sih..... tapi kebanyakan orang bisa semua

<data:post.body/>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p>

menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : sementara sisanya yaitu keseluruhan posting letakkan di antara kode dan
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he..
Selamat Mencoba......