tag:blogger.com,1999:blog-60262949722105071942011-07-07T16:56:03.489-07:00Panduan membuat blogspot beserta trik tips untuk pemulaAdminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.comBlogger61100tag:blogger.com,1999:blog-6026294972210507194.post-3549879847437509542010-01-30T19:02:00.000-08:002010-01-30T19:02:49.998-08:00<h1 class="post-title entry-title"> </h1> <div class="post-body entry-content"> <style>.fullpost{display:inline;}</style> <p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/SbXGKzAUZmI/AAAAAAAAAt8/YZjWqft0Iwk/s1600-h/label_blogger.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 135px; height: 120px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/SbXGKzAUZmI/AAAAAAAAAt8/YZjWqft0Iwk/s320/label_blogger.JPG" alt="" id="BLOGGER_PHOTO_ID_5311369224345904738" border="0" /></a>Setelah mempelajari tentang <a href="http://weblog-indonesia.blogspot.com/2009/03/mengenal-dan-membuat-daftar-blog.html">daftar blog</a><img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="sengihnampakgigi" title="sengihnampakgigi" />,mari kita lanjutkan dengan label.Sebelumnya Tahukah Kamu apa itu Label?Label adalah salah satu widget yang telah lama dikembangkan oleh Blogger.com.Lebih jelasnya label adalah sebuah penanda yang menandai suatu judul artikel yang berkaitan.<span id="fullpost"><br /><br /><br />Contohnya : bila artikelnya mengenai memasang shoutbox di sidebar,maka label/penanda nya pasti akan ditulis Widget,Serba-Serbi,dan sebagainya.Bukan ditulis dengan Tutorial hacker,Tutorial Cracker,maupun hal yang tak berhubungan lainnya.<br /><br />Kembali ke topik <span style="font-weight: bold;">Mengenal dan Membuat Label</span>.<br /><div class="arsip">Membuat Label di Postingan<br /></div><br />mari ikuti langkah-langkah berikut :<br /><ul><li><span id="fullpost">Login ke <span style="font-weight: bold;">Blogger.com</span></span></li></ul><ul><li>Klik <span style="font-weight: bold;">Entri Baru</span> bila belum membuat artikel dan akan memasang label.</li></ul><ul><li>Tulis artikel teman,bila sudah nulis lihat gambar dibawah ini :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_FtofMBj1-y8/SbXfPVT35eI/AAAAAAAAAus/O-czZDzcjbw/s1600-h/label1.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 226px;" src="http://4.bp.blogspot.com/_FtofMBj1-y8/SbXfPVT35eI/AAAAAAAAAus/O-czZDzcjbw/s400/label1.PNG" alt="" id="BLOGGER_PHOTO_ID_5311396790064899554" border="0" /></a> </li></ul><ul><li>Lihat yang dilingkarin itu merupakan tempat menulis label teman.Tulislah label/penanda sesuai judul atau isi artikel.</li></ul><ul><li>Klik <span style="font-weight: bold;">Terbitkan Entri</span></li></ul><div class="arsip">Membuat Label di Edit Entri</div><ul><li><span id="fullpost">Login ke <span style="font-weight: bold;">Blogger.com</span></span></li></ul><ul><li>Klik <span style="font-weight: bold;">Edit Entri</span>.</li></ul><ul><li>Lihat gambar dibawah ini :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SbTDcfNq3cI/AAAAAAAAAt0/6Al72LH_3vE/s1600-h/label2.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 320px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SbTDcfNq3cI/AAAAAAAAAt0/6Al72LH_3vE/s400/label2.PNG" alt="" id="BLOGGER_PHOTO_ID_5311084754759245250" border="0" /></a></li></ul><ul><li>Caranya teman conteng pada bagian samping edit,terus klik <span style="font-weight: bold;">aksi label</span>.</li></ul><ul><li>Bila belum ada label klik <span style="font-weight: bold;">Label Baru...</span></li></ul><ul><li>Bila ada klik label yang diinginkan.</li></ul><ul><li>Selesai<img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" alt="penat" title="penat" /></li></ul><div class="arsip">Membuat Label sebagai Widget</div><span id="fullpost"><br /></span><ul><li><span id="fullpost">Login ke <span style="font-weight: bold;">Blogger.com</span></span></li></ul><ul><li><span id="fullpost">Klik <span style="font-weight: bold;">Tata Letak/Layout</span></span></li></ul><ul><li><span id="fullpost"><span id="fullpost">Klik <span id="fullpost"><span style="font-weight: bold;">Elemen Halaman/Page Elements</span></span></span></span></li></ul><ul><li><span id="fullpost"><span id="fullpost"><span id="fullpost">Klik <span style="font-weight: bold;">Tambah Gadget/Add Gadget</span></span></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SbS8lbIGw8I/AAAAAAAAAs8/CFsaER2dOOM/s1600-h/tambahgadget.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 227px; height: 63px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SbS8lbIGw8I/AAAAAAAAAs8/CFsaER2dOOM/s400/tambahgadget.PNG" alt="" id="BLOGGER_PHOTO_ID_5311077211699594178" border="0" /></a></li></ul><ul><li><span id="fullpost">Klik Widget"<span style="font-weight: bold;">Label</span>"</span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SbS9DntEccI/AAAAAAAAAtE/mjQTC5DzYSI/s1600-h/kategori1.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 368px; height: 99px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SbS9DntEccI/AAAAAAAAAtE/mjQTC5DzYSI/s400/kategori1.PNG" alt="" id="BLOGGER_PHOTO_ID_5311077730471932354" border="0" /></a></li></ul><ul><li>Lihat gambar di bawah ini, isi sesuai gambar:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SbS9xQAJdYI/AAAAAAAAAtM/vTmS5VTWahA/s1600-h/kategori11.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 398px; height: 400px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SbS9xQAJdYI/AAAAAAAAAtM/vTmS5VTWahA/s400/kategori11.PNG" alt="" id="BLOGGER_PHOTO_ID_5311078514383484290" border="0" /></a> </li></ul><ul><li><span id="fullpost"><div class="alert">Judulnya harus : <span style="font-weight: bold;">KATEGORI</span></div></span></li></ul><ul><li>Terus klik <span style="font-weight: bold;">Simpan</span>.</li></ul>Semoga sedikit tutorial dari <a href="http://weblog-indonesia.blogspot.com/">saya</a> berguna untuk teman-teman semanya,Nanti <a href="profile/06122023000773651587">saya</a> lanjutin dengan Label memiliki fungsi-fungsi tertentu<img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="sengihnampakgigi" title="sengihnampakgigi" />.<br /><div style="text-align: right;"><img src="http://i497.photobucket.com/albums/rr334/ridwanox/signature.png" /></div></span></p></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-354987984743750954?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com1tag:blogger.com,1999:blog-6026294972210507194.post-44153404965132410222010-01-30T19:00:00.000-08:002010-01-30T19:00:17.910-08:00<p> Ketika blogwalking <img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" alt="siul" title="siul" />saya menemukan ada yang beda di blog mas <a href="http://abgamal.blogspot.com/">abgamal</a>.<br />Terdapat beberapa macam widget yang tidak pernah , saya lihat di blog manapun<img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" alt="hah" title="hah" /><span id="fullpost"><br />Lebih jelasnya lihat di sidebar saya ada widget <span style="font-weight: bold;">FONT STYLE SETTING</span>.<br /></span><span id="fullpost"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/SZr7vXZtptI/AAAAAAAAAhg/yE7ywKH37t0/s1600-h/Fonts.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 334px; height: 77px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/SZr7vXZtptI/AAAAAAAAAhg/yE7ywKH37t0/s400/Fonts.PNG" alt="" id="BLOGGER_PHOTO_ID_5303828302336468690" border="0" /></a><br /><span id="fullpost">Ikuti langkah-langkahnya :<br /></span><ul><li>login ke <span style="font-weight: bold;">blogger.com</span></li></ul></span></p><ul><li><span id="fullpost">Klik <span style="font-weight: bold;">Tata Letak/Layout</span><br /></span></li></ul><ul><li>Klik <span id="fullpost"><span style="font-weight: bold;">Elemen Halaman/Page Elements</span></span></li></ul><span id="fullpost"><ul><li>Klik <span style="font-weight: bold;">Tambah Gadget/Add Gadget</span></li></ul></span><ul><li><span id="fullpost">Pilih <span style="font-weight: bold;">HTML/Javascript</span></span></li></ul><span id="fullpost"><ul><li>Copy-Paste script ini :<blockquote><p><center><br /><script><br />function go1(){<br />if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {<br />document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value<br /><br /> }<br />}<br /><br />function go2(){<br />if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {<br />document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value<br /><br /> }<br />}<br /></script><br /><form id="forma" name="selecter2" method="POST"><br /><br /><select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1"><br /><option value="Times New Roman">Times New Roman<br /><option value="Arial">Arial<br /><option value="Book Antiqua">Book Antiqua<br /><option value="Bookman Old Style">Bookman Old Style<br /><option value="Century Gothic">Century Gothic<br /><option value="Comic Sans Ms">Comic Sans Ms<br /><option value="Tahoma">Tahoma<br /><option value="Trebuchet Ms">Trebuchet Ms<br /><option value="Verdana">Verdana<br /></select><br /><select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1"><br /><option value="8px">8<br /><option value="9px">9<br /><option value="10px">10<br /><option value="11px">11<br /><option value="12px">12<br /><option value="14px">14<br /><option value="16px">16<br /><option value="18px">18<br /></select><br /></form><br /></center></p></blockquote></li><li>Klik <span style="font-weight: bold;">Simpan/Save </span><img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="sengihnampakgigi" title="sengihnampakgigi" /></li></ul><span id="fullpost"><br /><span style="font-weight: bold;">Bila Widgetnya tidak berfungsi ikuti langkah-langkah berikut :<br /></span></span><ul><li>Dari menu blogger klik Tata Letak/Layout-->Edit HTML</li></ul><ul><li>Cari kode :<blockquote><p>.post {<br />margin:0 0 10px 0;<br /><span style="font-weight: bold;">font-family</span>: <span style="font-weight: bold;">Arial</span>;<br />background: #FFF;<br />padding:10px;<br />text-align:justify;<br />border:1px solid #C0C0C0;<br />}</p></blockquote></li><li>Hapus kode yang ini <span style="font-weight: bold;">font-family</span>: <span style="font-weight: bold;">Arial;</span> atau semua template beda ada yang <span style="font-weight: bold;">font-family</span>: <span style="font-weight: bold;">Verdana;</span> atau <span style="font-weight: bold;">font-family</span>: <span style="font-weight: bold;">Times New Roman;</span></li></ul></span><ul><li><span id="fullpost">Pokoknya kode yang itu harus dihapus.</span></li></ul><span id="fullpost"><ul><li>Simpan template<img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" alt="penat" title="penat" /></li></ul><span id="fullpost"><br /><div style="text-align: right;"><img src="http://i497.photobucket.com/albums/rr334/ridwanox/signature.png" /></div></span></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-4415340496513241022?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com0tag:blogger.com,1999:blog-6026294972210507194.post-58887823059204333912010-01-30T18:58:00.000-08:002010-01-30T18:58:47.565-08:00<center><img src="http://img93.imageshack.us/img93/53/bloggerindonesia.jpg" /></center><br /><center><small>(gambar : die-silver.blogspot.com)</small></center><br /><span class="fullpost">Bila kawan ingin backlink atau bertukaran link,<a href="http://weblog-indonesia.blogspot.com/2009/06/backlink-weblog-indonesia.html">klik disini</a>.<img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" alt="peace" title="peace" /><br /><br /><ul><li><a href="http://blogger-o.blogspot.com/">Bang Emo</a></li><li><a href="http://pesona-it.net/">Pesona IT</a></li></ul></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-5888782305920433391?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com0tag:blogger.com,1999:blog-6026294972210507194.post-11778632484705772152010-01-30T18:57:00.000-08:002010-01-30T18:57:36.641-08:00<h1 class="post-title entry-title"> </h1> <div class="post-body entry-content"> <style>.fullpost{display:inline;}</style> <p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1qa_BTmnI/AAAAAAAAAXo/m_8_V3GWyDY/s1600-h/blackquotewe3.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 71px; height: 50px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1qa_BTmnI/AAAAAAAAAXo/m_8_V3GWyDY/s320/blackquotewe3.png" alt="" id="BLOGGER_PHOTO_ID_5300009348310997618" border="0" /></a>Ada request dari teman nih <a href="http://www.annaku.com/">miss anna</a> , katanya mau minta di ajarin membuat blockquote , oke deh saya kasih tutornya<span id="fullpost"><br /><br /><span style="font-weight: bold;">Langkah Pertama Memasukkan kode Blockquote di HTML :</span><br /><ul><li>Login ke <span style="font-weight: bold;">blogger.com</span></li><li>Klik <span style="font-weight: bold;">Tata Letak</span><br /></li></ul></span></p><ul><li><span id="fullpost">Klik </span><span style="font-weight: bold;" id="fullpost">Edit HTML</span></li></ul><span id="fullpost"><ul><li>Tidak Usah Expand Widget Template.</li></ul></span><ul><li><span id="fullpost">Copy code di bawah ini :</span></li></ul><span id="fullpost"><blockquote><p>blockquote {<br />background-position:-10px -7px;<br />border: 1px dotted #FFC600;<br />margin: 10px;<br />padding: 10px;<br />background: url("<span style="color: rgb(255, 0, 0);">http://img516.imageshack.us/img516/1513/blackquotewe3.png</span>") no-repeat<br />#<span style="color: rgb(51, 102, 255);">FFF8DD</span>;<br />text-align: justify;<br />}</p></blockquote><p>Taruh Kode itu di atas <span style="font-weight: bold;">]]></b:skin><br /></span></p><p><span style="font-weight: bold;">Keterangan :</span><br /></p><ul><li>Warna <span style="color: rgb(255, 0, 0);">merah</span> merupakan background gambar blockquote.</li></ul>Anda bisa ganti dengan gambar lainnya seperti yang saya berikan ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wXgfMeFI/AAAAAAAAAaI/mVovdVzI7-M/s1600-h/blockquote9.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 42px; height: 30px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wXgfMeFI/AAAAAAAAAaI/mVovdVzI7-M/s320/blockquote9.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015885645019218" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wUIsxldI/AAAAAAAAAaA/8cSCNPWiAwk/s1600-h/blockquote8.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 70px; height: 34px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wUIsxldI/AAAAAAAAAaA/8cSCNPWiAwk/s320/blockquote8.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015827719919058" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wRir72BI/AAAAAAAAAZ4/KdfSBAT7EWY/s1600-h/blockquote7.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 74px; height: 60px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wRir72BI/AAAAAAAAAZ4/KdfSBAT7EWY/s320/blockquote7.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015783156111378" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wO1NrXMI/AAAAAAAAAZw/YFtXLiABi8c/s1600-h/Blockquote6.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 44px; height: 48px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wO1NrXMI/AAAAAAAAAZw/YFtXLiABi8c/s320/Blockquote6.gif" alt="" id="BLOGGER_PHOTO_ID_5300015736589868226" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wMj741GI/AAAAAAAAAZo/M77REGUt-GQ/s1600-h/blockquote5.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 50px; height: 48px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wMj741GI/AAAAAAAAAZo/M77REGUt-GQ/s320/blockquote5.png" alt="" id="BLOGGER_PHOTO_ID_5300015697592112226" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wKOsaRjI/AAAAAAAAAZg/RhGqJkS7-uA/s1600-h/blockquote4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 46px; height: 28px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1wKOsaRjI/AAAAAAAAAZg/RhGqJkS7-uA/s320/blockquote4.gif" alt="" id="BLOGGER_PHOTO_ID_5300015657530312242" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_FtofMBj1-y8/SY1wHZgLnWI/AAAAAAAAAZY/4lNvdMjXcw0/s1600-h/blockquote3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 72px; height: 82px;" src="http://4.bp.blogspot.com/_FtofMBj1-y8/SY1wHZgLnWI/AAAAAAAAAZY/4lNvdMjXcw0/s320/blockquote3.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015608892202338" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wA0p2leI/AAAAAAAAAZQ/2MTTMW1Sczo/s1600-h/blockquote2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 71px; height: 50px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1wA0p2leI/AAAAAAAAAZQ/2MTTMW1Sczo/s320/blockquote2.png" alt="" id="BLOGGER_PHOTO_ID_5300015495921440226" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1v-SyFlRI/AAAAAAAAAZI/Iy--kBPzJpk/s1600-h/blockquote1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 60px; height: 62px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/SY1v-SyFlRI/AAAAAAAAAZI/Iy--kBPzJpk/s320/blockquote1.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015452469433618" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1v6Lr92LI/AAAAAAAAAZA/p-4abOT8_ZM/s1600-h/blockquote.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 60px; height: 60px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/SY1v6Lr92LI/AAAAAAAAAZA/p-4abOT8_ZM/s320/blockquote.png" alt="" id="BLOGGER_PHOTO_ID_5300015381845235890" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_FtofMBj1-y8/SY1wcuB-FOI/AAAAAAAAAaQ/OtlPSPa6JdE/s1600-h/blockquote10.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 105px; height: 120px;" src="http://4.bp.blogspot.com/_FtofMBj1-y8/SY1wcuB-FOI/AAAAAAAAAaQ/OtlPSPa6JdE/s320/blockquote10.jpg" alt="" id="BLOGGER_PHOTO_ID_5300015975179883746" border="0" /></a><ul><li>Warna <span style="color: rgb(51, 102, 255);">Biru</span> merupakan warna background yang akan muncul.</li></ul>Maka hasil kode yang di atas yaitu lebih kurang begini :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/Sb0TDyUI8PI/AAAAAAAAAyY/klw_fW0nirM/s1600-h/blockquote1.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 35px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/Sb0TDyUI8PI/AAAAAAAAAyY/klw_fW0nirM/s400/blockquote1.PNG" alt="" id="BLOGGER_PHOTO_ID_5313424091133833458" border="0" /></a><span style="font-weight: bold;"><br />Langkah Kedua Cara Menggunakan Kode Blockquote di Postingan :</span><br /><br /><div style="border: 1px dotted rgb(0, 0, 0); padding: 10px; background-color: rgb(255, 255, 255);"> <span style="color: rgb(255, 0, 0);"><blockquote><p></span><span style="color: rgb(255, 0, 0);"> </span>Tulis Artikelnya disini <span style="color: rgb(255, 0, 0);"></p></blockquote></span><br /></div><br />Maka hasilnya begini :<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/Sb0TDyUI8PI/AAAAAAAAAyY/klw_fW0nirM/s1600-h/blockquote1.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 35px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/Sb0TDyUI8PI/AAAAAAAAAyY/klw_fW0nirM/s400/blockquote1.PNG" alt="" id="BLOGGER_PHOTO_ID_5313424091133833458" border="0" /></a><span id="fullpost">Selesai juga akhirnya. <img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" alt="penat" title="penat" /><br />Selamat mencoba ya Sahabat.<br />Stay Tune With me OK <img class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" alt="peace" title="peace" /></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-1177863248470577215?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com0tag:blogger.com,1999:blog-6026294972210507194.post-6488260704269874672010-01-30T10:25:00.000-08:002010-01-30T10:26:02.834-08:00postingan pertama<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-648826070426987467?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com0tag:blogger.com,1999:blog-6026294972210507194.post-52525873600496467552008-12-30T19:00:00.000-08:002010-01-30T19:01:23.869-08:00<p>Elemen Halaman/Page Elements selain mempercantik dan menambah berbagai aksesoris di blog kita, juga merupakan fasilitas untuk memperkaya wawasan dan penampilan blog itu sendiri. seperti pemasangan label, arsip, shoubox, daftar link, photo, video dan lain-lain. </p><p>Untuk menambah halaman elemen ke dalam blog kita.<br /></p><p>pertama : klik Tab <strong>Layout/Tata Letak</strong> -> <strong>Page Elements/Elemen Halaman</strong>.</p> <div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_FtofMBj1-y8/Sa_5gEpj-tI/AAAAAAAAApM/i_UViAe625M/s1600-h/create+elemen1.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 44px;" src="http://1.bp.blogspot.com/_FtofMBj1-y8/Sa_5gEpj-tI/AAAAAAAAApM/i_UViAe625M/s400/create+elemen1.PNG" alt="" id="BLOGGER_PHOTO_ID_5309736815092300498" border="0" /></a></div><p> </p> <p>bisa juga membukanya lewat :</p> <div class="arsip"> <div class="arsip">jika kita dalam halaman <span style="font-weight: bold;">Dasbor</span> tekan tulisan <strong>Layout</strong></div><strong></strong></div> <div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_FtofMBj1-y8/Sa_4TfnLDXI/AAAAAAAAApE/HgCtGaW_gzY/s1600-h/create+elemen.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 168px;" src="http://2.bp.blogspot.com/_FtofMBj1-y8/Sa_4TfnLDXI/AAAAAAAAApE/HgCtGaW_gzY/s400/create+elemen.PNG" alt="" id="BLOGGER_PHOTO_ID_5309735499480108402" border="0" /></a></div><p> </p> <div class="arsip"><br />Jika kita dalam halaman blog tekan tulisan <strong>Kostumisasi/Customize </strong>di bagian atas halaman blog, yang di sebut dengan Navbar<strong> </strong></div><strong></strong> <div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_FtofMBj1-y8/SbAAvo4Du2I/AAAAAAAAAp0/TLyeyK6I_ss/s1600-h/email.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 27px;" src="http://4.bp.blogspot.com/_FtofMBj1-y8/SbAAvo4Du2I/AAAAAAAAAp0/TLyeyK6I_ss/s400/email.PNG" alt="" id="BLOGGER_PHOTO_ID_5309744779096210274" border="0" /></a></div><p> </p> <p> </p> <p>maka akan terlihat Halaman Elemen seperti ini.</p> <div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/Sa_78zjSC-I/AAAAAAAAApk/iEOxxQKVxhY/s1600-h/create+elemen4.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 346px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/Sa_78zjSC-I/AAAAAAAAApk/iEOxxQKVxhY/s400/create+elemen4.png" alt="" id="BLOGGER_PHOTO_ID_5309739507742018530" border="0" /></a></div><p> </p> <ul><li><strong>Header</strong> : merupakan elemen untuk judul dan keterangan blog. dan kitapun bisa menambah atau menganti judul dan menambah sebuah gambar . ( lebih lanjut akan kita bahas. )</li></ul> <ul><li><strong>Postingan Blog</strong> : merupakan elemen postingan.</li></ul> <ul><li><strong>Elemen Sidebar : </strong>merupakan elemen halaman yang ada di samping kanan atau kiri postingan blog. elemen inilah yang berfungsi untuk mempercantik dan memperkaya tampilan blog kita.</li></ul> <ul><li><strong>Footer </strong>: merupakan elemen halaman yang berada di bagian paling bawah blog. fungsinya hampir sama dengan elemen sidebar.</li></ul> <h3><div class="arsip"><h3><div class="arsip">ELEMEN HALAMAN SIDEBAR</div></h3></div></h3> <p>Untuk melihat, mengenal dan menambah halaman elemen, klik pada tulisan <strong>Tambahkan Sebuah Elemen Halaman </strong>yang di samping. dan akan muncul jendela baru elemen halaman untuk kita pilih dan tambahkan ke dalam blog kita.</p> <ul><li><strong>Tampilan slide</strong> : untuk menambahkan photo-photo yang akan di tampilkan secara slide.</li></ul> <ul><li><strong>Polling</strong> : Untuk mengumpulkan pendapat atau polling, baik itu input kepada pengunjung tentang penilain blog kita dll.</li></ul> <ul><li><strong>Daftar</strong> : untuk membuat daftar ke halaman blog kita. baik itu tentang daftar cara memasak nasi goreng dll.</li></ul> <ul><li><strong>Daftar Link</strong> : Untuk menampilkan link-link situs favorit, juga link situs teman atau tetangga ngeblog ( yang sering di sebut dengan istilah tukeran link. artinya link blog teman ada di blog kita. begitupun alamat blog kita ada di tempat teman. )</li></ul> <ul><li><strong>Gambar</strong> : untuk menampilkan gambar atau photo di bagian halaman sidebar, atau di samping kolom blog kita. ( sekedar tip: masukan photo yang lebarnya kurang dari ukuran halaman sidebar.)</li></ul> <ul><li><strong>Teks</strong> : Untuk menampilkan pesan, kata-kata bijak dll.</li></ul> <ul><li><strong>Adsense</strong> : Untuk Memasang iklan dari google. setiap pengunjung menekan iklan ini. kita akan di bayar oleh pihak google. </li></ul> <ul><li><strong>HTML/JavaScript</strong> : Elemen ini sangat multi fungsi dan sangat berperan penuh untuk mempercantik dan memperkaya blog. karena melalui elemen ini, kita bisa menampikan shoutbox, site meter dll. ( nantinya elemen ini banyak di gunakan )</li></ul> <ul><li><strong>Feed</strong> : kegunaan elemen ini. Jika kita ingin berlanganan artikel atau menampilkan judul artikel yang ingin di tampilkan di dalam blog kita. ( keterangan lebih lanjut tentang Feed akan kita bahas. )</li></ul> <ul><li><strong>Label</strong> : untuk menampilkan label atau kategorie artikel yang kita tulis.</li></ul> <ul><li><strong>Newsreel</strong> : untuk menampilkan Headlines berita-berita terbaru yang di pasok dari perusahaan google.</li></ul> <ul><li><strong>Baris Video</strong> : untuk menampilkan baris video, baik itu video karya sendiri yang di kirim melalui YouTube atau Google video. atau karya orang lain.</li></ul> <ul><li><strong>Logo</strong> : merupakan logo blogger.</li></ul> <ul><li><strong>Profil</strong> : menampilkan informasi profile kita.</li></ul> <ul><li><strong>Header Halaman</strong> : merupakan elemen halaman judul dan keterangan blog kita yang secara otomatis telah di tambahkan dan bisa kita edit sesuai ke inginan kita ( lebih lanjut akan kita bahas. )</li></ul><h3><div class="arsip">MENAMBAH DAFTAR LINK</div></h3> <p>sedangkan untuk menambahkan <strong>Daftar Link, </strong>setelah terbuka jendela daftar link.</p> <div style="text-align: center;"> <div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_FtofMBj1-y8/Sa_7RlhnYUI/AAAAAAAAApc/LT-37rGtSow/s1600-h/create+elemen3.PNG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 267px;" src="http://3.bp.blogspot.com/_FtofMBj1-y8/Sa_7RlhnYUI/AAAAAAAAApc/LT-37rGtSow/s400/create+elemen3.PNG" alt="" id="BLOGGER_PHOTO_ID_5309738765242556738" border="0" /></a></div></div><p> </p> <p><strong>Judul</strong> : Isi dengan sebuah judul, misalkan Blog Teman atau Blogroll.</p> <p><strong>Menyortir</strong> : Apakah daftar link akan di tampilkan secara berurutan dari mulai A sampai Z, atau secara acak tidak berurutan.</p> <p><strong>Url Situs Baru</strong> : Masukan alamat situs teman kita. misalkan memasukan situs ini : <strong><a href="http://catalog-tutorial.blogspot.com/">http://ridwanyuswan.info</a></strong></p> <p><strong>* </strong>alamat Url atau situs di awali dengan http:// atau www.</p> <p><strong>Nama Situs Baru</strong> : Masukan nama situs tersebut. misalkan <span style="font-weight: bold;">Tukang Arsip</span><strong>.</strong></p> <p><strong>Tambahkan Link : </strong>Klik tombol ini setiap kita menulis dan menambahkan daftar link.</p> <p>Setelah beres klik tombol <strong>Simpan Perubahan</strong>.</p> <p>Untuk mengetahui perubahannya pada blog kita klik <strong>Simpan, </strong>kemudian klik tulisan <strong>Lihat Blog. </strong>seperti gambar di bawah.</p> <p style="text-align: center;"> <a href="http://lh4.google.com/jaloee/R5iM_plNgYI/AAAAAAAAApg/YlBBgnI5_zU/16_thumb1_thumb13"><img alt="16_thumb[1]_thumb[1]" src="http://lh4.google.com/jaloee/R5iNAplNgZI/AAAAAAAAApo/-hube2nUwJw/16_thumb1_thumb1_thumb1" width="240" height="23" /></a></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6026294972210507194-5252587360049646755?l=weblog-indonesia.blogspot.com' alt='' /></div>Adminhttp://www.blogger.com/profile/05508683237138549071noreply@blogger.com0