Kali ini saya akan memberikan tutorial yang menarik untuk teman - teman :)
Yaitu membuat Database di Blog
Langsung saja tanpa basa basi, silakan teman - teman ikuti step - step dibawah ini :
Step 1
Silakan teman - teman registrasi terlebih dahulu di https://creator.zoho.com/
Step 2
Pilih menu Create Application
Step 3
Pilih template yang kamu inginkan pada Choose a Form Template
Isikan
Application Name dan Form Name
Kemudian klik Create Now
Step 4
Edit form yang telah kamu buat pada menu Form
Hasil database yang telah kamu buat dapat dilihat di menu Views
Kamu dapat mengkostumikasi atau menseting database yang telah dibuat pada menu Settings
Step 5
Setelah selesai membuat database, klik Access This Application
Step 6
Disana akan terdapat menu Form dan Views yang tadi telah dibuat
Untuk meng-embed ke blog cukup cari ikon setting (bergerigi)
Untuk Form ikon setting terdapat di sebelah kiri atas
Untuk Views ikon setting terdapat di sebelah kanan atas
Setelah ikon setting di klik, pilih links > Embed In Your Website
Copy semua kode
Step 7
Buat sebuah post/laman baru pada blog kamu
Klik HTML disebelah kiri atas
Paste kan semua kode yang tadi telah kamu copy
hasilnya akan seperti dibawah ini
Semoga Tutorial kali ini dapat membantu teman - teman dalam membuat database dengan blog :)
Jika ada yang ingin ditanyakan silakan tulis di komentar ya..
*Pembaca yang baik selalu meninggalkan komentar
Tampilkan postingan dengan label Emotikon Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Emotikon Blogspot. Tampilkan semua postingan
Emoticon Blogspot
Senin, 28 November 2011
Kali ini ane bakal share sejelas jelas nya tentang emotikon untuk komentar di blog.
Nah, buat kalian yang ingin blog nya tampak cantik dengan tampilan komentar yang imut-imut berkat emotikon, inilah saatnya !!!
Let's Check It Out..
Langkah 4
Nah, buat kalian yang ingin blog nya tampak cantik dengan tampilan komentar yang imut-imut berkat emotikon, inilah saatnya !!!
Let's Check It Out..
Langkah 1
- Login ke blogger anda.
- Klik design kemudian edit template.
- Klik centang pada pilihan expand widget templates.
- Tekan tombol CTRL + F pada keyboard anda untuk mengaktifkan modus pencarian.
- Cari kode ]]></b:skin> pada template yang anda gunakan.
- Copy / Paste kode di bawah ini dan letakan di atas kode ]]></b:skin>
- Kode : con { margin: 0px 0px 0px 5px; }
- Jadinya akan seperti ini :
Langkah 2
- Cari kode <data:blogCommentMessage/> atau yang mirip dengan kode tersebut.
- Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <p><data:blogCommentMessage/></p>
- Kode : <dd class='emoticon'> </dd>
- Jadinya akan seperti ini :
Langkah 3
- Cari kode <data:comment.body/> atau yang mirip dengan kode tersebut.
- Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <data:comment.body/>.
- Kode : <dd class='emoticon'> </dd>
- Jadinya akan seperti ini :
Langkah 4
- Cari kode <p class='comment-footer'> atau yang mirip dengan kode tersebut.
- Tambahkan kode di bawah ini dan letakan di bawah kode <p class='comment-footer'>.
- Kode :
<hr/> <div align='center'><span><a href="javascript:animatedcollapse.toggle('cemo')"><span style='color: #FE2E2E;'><b>Yahoo Emoticon</b></span></a></span><b style='color: #FE2E2E;'> | </b><a href="javascript:animatedcollapse.toggle('uiemo')"><span style='color: #FE2E2E;'><b>Upin&Ipin Emoticon</b></span></a><b style='color: #FE2E2E;'> | </b><a href="javascript:animatedcollapse.toggle('kkemo')"><span style='color: #FE2E2E;'><b>KasKus Emoticon</b></span></a></div><br/><center><div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ebe9da; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: auto;'><center><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></center></div></center><center><div id='uiemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 110px;'><center><b><img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC1_y45CSbI/AAAAAAAAA78/QsXnQdLYu7A/s800/ehsan01.gif' width='50'/>:a:<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC1_zL6GKxI/AAAAAAAAA8A/hhFDtKzpMJo/s800/ehsan02.gif' width='50'/>:b:<img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC1_zFOpRNI/AAAAAAAAA8E/IgAjo0-WC3k/s800/fizi01.gif' width='50'/>:c:<img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC1_zAkM1fI/AAAAAAAAA8I/WbE7K08g2zU/s800/ipin01.gif' width='50'/>:d:<img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/TC1_zSnurLI/AAAAAAAAA8M/SE6ijbGGRgY/s800/ipin02.gif' width='50'/>:e:<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACEPepaI/AAAAAAAAA8Q/Mr3O2IY_PwY/s800/kakros01.gif' width='50'/>:f:<img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACUO5MxI/AAAAAAAAA8U/lOZem_1eYzA/s800/kakros02.gif' width='50'/>:g:<img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACWDn6NI/AAAAAAAAA8Y/BdPtc9HGzbc/s800/mail01.gif' width='50'/>:h:<img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACXXjJ6I/AAAAAAAAA8c/afGmF42wKNk/s800/upin01.gif' width='50'/>:i:<img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC2ACt_jfiI/AAAAAAAAA8g/b0tn4s4TpUU/s800/upin02.gif' width='50'/>:j:</b></center></div></center><center><div id='kkemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 110px;'><center><b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/>:ka:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' width='40'/>:kb:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' width='40'/>:kc:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>:kd:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' width='40'/>:ke:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' width='40'/>:kf:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' width='40'/>:kg:<br/><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' width='40'/>:kh:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>:ki:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' width='40'/>:kj:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>:kk:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' width='40'/>:kl:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' width='40'/>:km:<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' width='40'/>:kn:</b></center></div></center>
- Jika kode <p class='comment-footer'> ada dua maka pilih yang kedua atau yang ada di bawah.
- Jadinya akan seperti ini :
Langkah 5
- Cari kode </head>.
- Tambahkan kode di bawah ini dan letakan di atas kode </head>.
- Kode :
<script src='http://7startmenu.googlecode.com/files/jquery_vstart.js' type='text/javascript'/><script src='http://7startmenu.googlecode.com/files/animatedcollapse.js' type='text/javascript'/><script type='text/javascript'>animatedcollapse.addDiv('cemo', 'fade=1')animatedcollapse.addDiv('uiemo', 'fade=1')animatedcollapse.addDiv('kkemo', 'fade=1')animatedcollapse.ontoggle=function($, divobj, state){}animatedcollapse.init()</script>
- Kode tersebut berfungsi sebagai Show / Hide Script.
Langkah 6
- Cari kode </body>.
- Tambahkan kode di bawah ini dan letakan di atas kode </body>.
- Kode :
<script src='http://7startmenu.googlecode.com/files/smiley_comment.js' type='text/javascript'/>
<script src='http://7startmenu.googlecode.com/files/upinipin_smiley_comment.js' type='text/javascript'/>
<script src='http://7startmenu.googlecode.com/files/kaskus_smiley.js' type='text/javascript'/>
- Jadinya akan seperti ini :
Selamat mencoba ...
Pembaca yang baik selalu meninggalkan komentar ^^
Jangan lupa klik Tombol Like diatas kanan halaman
Pembaca yang baik selalu meninggalkan komentar ^^
Jangan lupa klik Tombol Like diatas kanan halaman
