Akhirnya setelah sekian lama saya posting kembali di blog tutorial aku yang satu ini. pada postingan kali ini saya akan memberikan kode-kode bagaimana cara pasang yahoo emotion buat friendster dan blogger atau pun buat forum-forum yang lain.
dari pada berlama-lama langsung aja deh saya kasih kodenya..
neh kodenya...
Showing posts with label Postingan. Show all posts
Showing posts with label Postingan. Show all posts
Apakah anda pernah mengharapkan agar anda bisa mengirimkan tampilan yang lebih besar via Blogger ?
Saya menemukan trik rapi dari seorang pembaca, Miranda. Ini memerlukan blogger kerangka dengan ekstra lebar di bagian gambar oleh sebab itu akan menunjukkan tampilan yang lebih besar.
Upload gambar kamu dengan cara :
Klik Dashboard | Posting | Create | Add Image icon.
kemudia tunggu beberapa saat sampai loadingnya berhenti.
Setelah itu klik edit html dan lihat code-codenya kira-kira seperti ini :
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92X91UBcUBfRK_n6ZlVDaBwwAS7uvSNuPDpDlmZb_jnu9zo0FQF0bLUeGF8QllW6feUYzSgVFfIKWzo8Dt7sVupWcuoAIScWUWEjaBa25DL45vAMuDvUhpTAovvYxCurt7hfAYvWrMu2u/s1600-h/DSC_2693.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92X91UBcUBfRK_n6ZlVDaBwwAS7uvSNuPDpDlmZb_jnu9zo0FQF0bLUeGF8QllW6feUYzSgVFfIKWzo8Dt7sVupWcuoAIScWUWEjaBa25DL45vAMuDvUhpTAovvYxCurt7hfAYvWrMu2u/s400/DSC_2693.JPG" alt="" id="BLOGGER_PHOTO_ID_5237868380194789154" border="0" /></a>
Dari semua kode diatas coba kalian lihat code yang saya warnai nah disitulah triknya.
Sekarang coba kalian ganti code yang saya warnai diatas dengan code ini s800
Selesai deh...
Silahkan kalian coba..
Sebenarnya dalam menghilangkan tanggal posting di blogspot sangatlah mudah kalian hanya menambahkan sedikit kode ini agar tanggal postingnya hilang.Ok deh langsung saja kita mulai tutorialnya dari pada berlama-lama.
1. Sign in Blogger
2. Layout
3. Edit HTML
4. Jangan lupa berikan tanda centang pada Expand Widget Templates
5. Tambahkan kode warna merah di bawah ini diantara kode-kode di bawah :
h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}
6. Save dan lihat hasilnya.
Mungkin kalian semua masih bingung dengan judul yang saya berikan diatas.Nah saya akan menjelaskannya sedikit,kali ini saya akan memberika turorial bagaimana cara Membedakan gambar di setiap postingan mksdnya sekarang kalian bisa menyisipkan gambar berbentuk JPG or GIF di setiap postingan anda.Contohnya seperti ini :
1. Sign in Blogger
2. Pilih New Post
3. Klik Edit HTML
4. Tambahkan kode ini setiap kalian ingin memposting
<div style=”background: transparent url(http://alien.keren.googlepages.com/cooltext87191970.jpg) repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: normal; text-align: justify;”>TEXT</div>
5. Save dan lihat hasilnya
Catatan : Ganti tulisan berwarna hijau diatas dengan URL yang kalian tuju.
Kali ini saya akan memberikan cara bagaimana memasukkan animasi flash ke website atau blog. Sebenarnya banyak cara yang digunakan untuk membuat animasi flash contohnya saya ini membuat animasi dengan macromedia flash 8. Ini salah satu contoh animasi yang saya buat di macromedia flash :
Ok sekarang saya kasih tahu caranya :
1. Kalian buat dulu animasi di macromedia flash atau software2 animasi lainnya
2. Upload file .swf tadi ke web hosting seperti googlepages.com
3. Copy file yang telah di upload tadi
4. Ganti tulisan kode berwarna hitam di bawah ini dengan file yang tadi kalian copy :
<object width="400" height="300"><param name="movie" value="http://alien.keren.googlepages.com/contoh.swf"></param><param name="wmode" value="transparent"></param><embed src="http://alien.keren.googlepages.com/contoh.swf" type="application/x-shockwave-flash" wmode="transparent" width="400" height="300"></embed></object>
5. Masukkan kode diatas di layout tambahkan elemen dan paste kode itu di html/javascript
Sebenarnya cara membuat link pada gambar atau tulisan itu hanya menggunakan sedikit kode html yang sangan mudah.Ok deh tidak usah berlama-lama kita langsung mulai saja tutorialnya.Kalau teman - teman masih pada bingung coba kalian lihat contoh dibawah ini kemudian klik gambarnya :
1. Upload Gambar yang kalian inginkan di image directory seperti http://pages.google.com/ atau http://www.photobucket.com/
2.
<a href="http://www.liveconnector.com/296786" target="new"><img src="http://www.liveconnector.com/images/promote/my_profile_blue.gif" border="0" alt="My Profile at LiveConnector"></a>
Ganti tulisan http://www.liveconnector.com/296786 yang berwarna merah dengan URL
yang kalian mau.
ganti juga tulisan http://www.liveconnector.com/images/promote/my_profile_blue.gif dengan URL gambar yang kalian upload lalu ganti judul tulisan My Profile at LiveConnector dengan judul yang kalian mau.
lalu kalau ingin membuat link pada tulisan kalian tinggal merubah tulisan yang berwarna merah yaitu dengan <a href="http://klinik-tutorial.blogspot.com/ target="new" title="Dinas Kesehatan Blog">Resep Blog</a>
Selamat mencoba
Apa kalian pernah melihat blog yang seperti dibawah ini :
Ini dinamakan Kotak Komentar terbaru di blogger. Dulu kelemahan dari BLogger adalah dalam hal memberikan comment yang terlalu susah dan ribet tapi kali ini Blogger sudah menutupi kelemahannya.Oke deh langsung saja kita mulai tutorialnya :
1. Sign in http://draft.blogger.com/
2. Pilih setting kemudian pilih comment
3. Pilih Embed Below post pada kotak Comment Form Placement
4. Klik Save dan lihat hasilnya
Jika masih belum ada kotak komentarnya di bawah postingan coba pakai cara ini :
cari kode ini :<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>
kemudian ganti dengan kode ini :<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
Yahoo Emotion merupakan ekspresi-ekspresi seseorang yang biasa kita lihat di Yahoo Messenger atau yang biasa kita lihat di blog atau website.Kalo kalian masih bingung coba kalian lihat yang ini :
Ok deh langsung saja kita mulain tutorialnya :
1. Setting dulu kotak komentar anda di bawah postingan. Kalo masih bingung coba kalian klik ini
2. Layout
3. Edit HTML
4. Jangan lupa berikan tanda centang pada Expand Widget Templates
5. Masukan kode di bawah ini dan taruh diatas kode :<script src='http://alien.keren.googlepages.com/smiley.js'
type='text/javascript'/>
6. Lalu untuk menaruh Javascript emotion nya di bawah postingan kalian cari kode :
<p
class='comment-footer'>
7. Kemudian masukan kode di bawah ini tepat di bawahnya :<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
8. Save Changes dan lihat hasilnya.
Subscribe to:
Posts (Atom)
