tag:blogger.com,1999:blog-81478157542491544722024-03-05T02:16:12.893-08:00BLOGGERINFOSNgumpul dan Belajar Ngeblog Bersama-samaevriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-8147815754249154472.post-40308751094636347912020-04-02T13:25:00.002-07:002020-04-02T13:25:21.670-07:00Metode Membuat Spoiler di Blogger<div style="text-align: justify;">
Bertemu lagi dengan blog- triks, kali ini aku hendak memberitai eh memberitahu gimana metode membuat spoiler di blogger, aku tulis ini sebab banyak persoalan melalui pesan facebook Sehabis artikel aku Metode Membuat Stripe Bar Blogger aku kasih spoiler pada bagian kesimpulannya. Seluruh tentu telah ketahui apa itu spoiler kan? Spoiler itu kaya ini contohnya </div>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler Contoh</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<br />
Ini adalah contoh spoiler <img src="http://static.kaskus.us/images/smilies/sumbangan/14.gif" /><br />
<br />
<br /></div>
</div>
</div>
<span class="fullpost"><br /></span>
<div style="text-align: justify;">
Diatas tadi merupakan contoh spoiler, guna utama spoiler merupakan kurangi beban loading page, umumnya yang dimasukin ke dalam spoiler merupakan image dengan resolusi besar, jadi dengan spoiler image tidak hendak diload secara langsung yang bisa memesatkan waktu loading. Guna yang lain pasti dengan spoiler kita bisa mengirit ruang serta posting nampak lebih apik. Sekian dahulu basa- basinya, langsung saja kita amati gimana metode membuat spoiler dibawah ini:<br />
<br />
triknya gampang sekali, tinggal masukin saja kode html berikut ini </div>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span class="fullpost"><b>Cara Membuat Spoiler </b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<span class="fullpost"><div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"></span><br />
<span class="fullpost"><b><b>Judul Spoiler</b></b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div></span><br />
<span class="fullpost"><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"></span><br />
<span class="fullpost"><div style="display: none;"></span><br />
<span class="fullpost"><b><br />Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2</b></span><br />
<span class="fullpost"><br /></span>
<span class="fullpost"></div></span><br />
<span class="fullpost"></div></span><br />
<span class="fullpost"></div></span><br />
<span class="fullpost"><br /></span>
<span class="fullpost"><br /></span></div>
</div>
</div>
<span class="fullpost">Mudah sekali bukan?<br />Semoga bermanfaat ya :)</span>evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-16345932394844199402020-04-02T13:23:00.001-07:002020-04-02T13:23:38.947-07:00Trik Tingkatkan Pemasukan Google Adsense <div style="line-height: 18px;">
<div style="text-align: justify;">
<span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13px;">Trik Tingkatkan Pengahasilan Google Adsense- Setelah postingan tadinya mangulas trik kilat di Approve Google Adsense, pada trik kali ini aku hendak menerangkan gimana memaksimalkan google adsense pada web sobat. Melansir postingan dari official Web Google adsense, berikut ini merupakan sebagian trik peletakan posisi adsense di web buat tingkatkan pemasukan dari klik adsense anda</span></span><br />
<span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13px;"><br /></span></span>
<span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13px;">Google AdSense is a gratis program from google to maximize revenue from your online content that empowers online publishers to earn revenue by displaying relevant ads on a wide variety of online content, including: </span></span></div>
</div>
<div class="tanda">
<ul style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">
<li><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"><i><h2 style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.2em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.3em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Site search results</h2>
Easily add a custom search engine to your site, and earn from ads on the search results pages.</i></span></span></li>
<li><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"><i><h2 style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.2em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.3em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Websites</h2>
Display ads on your website that are suited to your audience's interests, and earn from valid clicks or impressions.</i></span></span></li>
<li><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"><i><h2 style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.2em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.3em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Mobile webpages and apps</h2>
Connect your mobile users with the right ad at the right time as they seek information on the go.</i></span></span></li>
<li><i><span class="Apple-style-span" style="color: #999999;"><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"><h2 style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.2em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0.3em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Feeds</h2>
Display targeted ads in your RSS feeds, wherever they're viewed.</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"> </span></span><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"> </span></span><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"> </span></span><span class="Apple-style-span" style="border-collapse: separate; font-family: "times new roman"; font-size: x-small; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 13px; text-align: left;"> </span></span></span></i></li>
</ul>
<i><span class="Apple-style-span" style="color: #999999;"><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;">Now I will give trick and tips in video how to increase your google adsense in your site. This video create by the official adsense team.</span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"><br /></span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;">The AdSense team has posted a</span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"><b>six-part</b></span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"><b>video series</b></span><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;">, with Top optimization tips and best practices that can help you in boosting the eCPM and revenue of your Adsense. Implementing these techniques into your website and Adsense ad layouts can help you in monetizing your traffic and let you quickly earn more revenue online.</span></span></i><br />
<i><span class="Apple-style-span" style="color: #999999;"><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;"><br /></span></span></i></div>
<span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 13px; line-height: 18px;">Berikut ini Adalah Video Trik-Tips untuk meningkatkan penghasilan Google Adsense Anda. Video ini di posting oleh Tim Adsense dari Google, silakan disimak dan tingkatkan penghasilan adsense anda</span><br />
<br />
<b>1.</b> <b>Upgrade to high-performing units</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/Lfgzxa_BNrY?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Lfgzxa_BNrY?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object><br />
<br />
<b>2. Monetize more content</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/nRhp3Ouqk4M?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/nRhp3Ouqk4M?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object><br />
<br />
<b>3. Optimize search box placement</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/UdMkyFulTNE?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/UdMkyFulTNE?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object><br />
<br />
<b>4. </b><b>Opt-in to text and image ads</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/9Orx-9H47fA?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/9Orx-9H47fA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object><br />
<br />
<b>5. </b><b>Use link units</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/KdU_0roUUZc?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/KdU_0roUUZc?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object><br />
<br />
<b>6. </b><b>Opt-in to placement targeting</b><br />
<object height="300" width="425"><param name="movie" value="http://www.youtube.com/v/eILvvKotl1g?fs=1&hl=en_US&rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/eILvvKotl1g?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="300"></embed></object>evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-82646347571916444582020-04-02T13:22:00.000-07:002020-04-02T13:22:08.046-07:00Cara Pasang Snap Shots di Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX5dj3KHuWGjHT54wZA0qS3mpwBo6jETw4PjWnXxYfomTEKm9CYCDuRb3exJBJdzQ73yetzdqPRNBsw2hi34xGBSdFR6Jmw-mT1YzvMt-1onCfMUmfF16uD2Pu1BCg30igpTtXX667_my_/s1600/snapshots2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX5dj3KHuWGjHT54wZA0qS3mpwBo6jETw4PjWnXxYfomTEKm9CYCDuRb3exJBJdzQ73yetzdqPRNBsw2hi34xGBSdFR6Jmw-mT1YzvMt-1onCfMUmfF16uD2Pu1BCg30igpTtXX667_my_/s200/snapshots2.png" width="188" /></a></div>
<br />
<div style="text-align: justify;">
Mengerti kah apa itu Snap Shot? Untuk para pengguna web ber- platform Wordpress pasti hendak kerap menemuinya, sebab itu merupakan salah satu fitur web yang disediakan Wordpress. Kembali ke persoalan tadi, Snap Shots merupakan semacam screen shoot sesuatu Web kala kursor mouse diarahka pada sesuatu link( kira- kira semacam seperti itu jawabannya). Blogger/ blogspot memanglah tidak mempunyai sarana ini, tetapi kita dapat buatnya sendiri.<br />
<br />
Buat buatnya, berikut langkah- langkahnya: </div>
<span class="fullpost"><br />1. Loginlah ke Blogger anda, kemudian Buka URL berikut <a href="http://account.snap.com/signup.php" target="_blank">http://account.snap.com/signup.php</a></span><br />
<div style="text-align: justify;">
<span class="fullpost">2. Pada bagian itu kita bisa melakukan pengaturan untuk snap shots, mulai dari tema (theme), logo, dan bahasa (language) yang akan digunakan. Jika anda tidak ingin mengaturnya klik <b>Skip</b>.</span></div>
<span class="fullpost">3. Lalu akan tampil account Info. Isilah data yang ada secara lengkap, dan jangan lupa beri tanda checklist pada opsi <b>I agree to Terms & Condition Above</b>.<br />4. Klik <b>Continue</b><br />5. Setelah Tampil Halaman Instal Snap Shots on Blogger, klik tombol <b>INSTALL NOW</b><br />6. Lalu akan tampil halaman Add Page Element. Anda klik pada <b>ADD WIDGET</b>, maka secara otomatis page elements Anda akan bertambah<br /><br />Saat ini cobalah akses blogspot kamu, serta arahkan kursor pada sesuatu link, bila timbul screen shoot hingga pengaturan kamu sukses. Hebat!! </span>evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-48356700280203978102020-04-02T13:21:00.001-07:002020-04-02T13:21:22.809-07:00Cara Membuat Read More(Baca Selanjutnya..)Pada Default Web Tempate artikel hendak ditampilkan full memanjang kebawah. Sebagian memanglah terdapat, template yang menunjukkan postingnnya sebagian, trus kalo ingin baca lanjutannya wajib klik dahulu di link Read More/ Baca berikutnya/ apalah istilahnya... Disini perkaranya, Kalo artikel full memanjang kebawah web kita hendak nampak panjang banget( jika postingannya panjang), berhamburan, serta kurang sederhana. Ini menjadikan keelokan serta kecantikan web kita jadi menurun, jadinya pembacanya juga kurang tertarik/ bosan dengan postingannya( nglihat postingannya aja langsung pusing...). Tetapi permasalahan tersebut dapat diatasi. Bila kalian mau artikel kalian yang ditampilkan dihalaman utama hanya abstraksinya saja setelah itu terdapat suatu link Read More/ Baca Sepenuhnya buat memandang sepenuhnya hingga ikutilah langkah- langkah berikut:<br />
<span class="fullpost"><br />1. Buka menu <b>Layout</b> kemudian pilih <b>Edit HTML</b>.<br />2. Kasih tanda <b>cek</b> (centang) pada cekbox "expand widget template"<br />3. Cari kode berikut di Template blog kamu (gunakan <b>CTRL+F</b> untuk mencari kodenya) :</span><br />
<div class="tanda">
<span class="fullpost"><span style="color: rgb(128 , 0 , 0);"><p><data:post.body/></p></span></span></div>
<span class="fullpost"><br />4. Kalau sudah ketemu, <b>Ganti</b> kode kode tersebut sehingga menjadi seperti ini:<br /><br /><div class="tanda">
<span style="color: rgb(0 , 0 , 255);"><b:if cond='data:blog.pageType == "item"'><br /><style>.fullpost{display:inline;}</style><br /><p><data:post.body/></p><br /><b:else/><br /><style>.fullpost{display:none;}</style><br /><br /><p><data:post.body/></p><br /><br /><a expr:href='data:post.url'>Read More......</a><br /></b:if></span></div>
<br />Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".<br /><br />5. Simpan hasil pengeditan.<br />6. Kemudian pilih menu <b>Setting</b> lalu pilih <b>Formatting</b><br />7. Pada kotak<i> Post Template</i> isikan kode berikut:<br /><br /><div class="tanda">
<span style="color: rgb(0 , 0 , 255);"><span class="fullpost"><br /><br /><br /></span></span></div>
<br /><br />8. Kemudian Simpan.<br />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 :<br /><br /><div class="tanda">
<span style="color: rgb(0 , 0 , 255);"><span class="fullpost"><br /><br /><br /></span></span></div>
<br /><br />10. Letakkan abstraksi posting ataupun postingan yang hendak ditampilkan dihalama utama( saat sebelum tulisan" Redmore") diatas kode ini:&lt;span class=" fullpost"<div>
sedangkan sisanya ialah totalitas posting letakkan di antara kode&lt;span class=" fullpost"</div>
<div>
serta&lt;/ span</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Selamat Berupaya... </div>
</span>evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-81629965772184915542020-04-02T13:19:00.002-07:002020-04-02T13:19:40.426-07:00Metode Membuat Login Form Blogger <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicuKnWIXcMHk3iP3rIVjiSWtK_w9LChA02Qw17puzUkf8ah7XB2YhHY2jASx2zGQMOW4gElPLnyuiJOFgN4F9Yq23hlvwDxVMKyf7uxsZvXmaaoGNE7Hifd5vkzkds4Wrdkm6HPTBZ_fx2/s320/logintoblogger.PNG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicuKnWIXcMHk3iP3rIVjiSWtK_w9LChA02Qw17puzUkf8ah7XB2YhHY2jASx2zGQMOW4gElPLnyuiJOFgN4F9Yq23hlvwDxVMKyf7uxsZvXmaaoGNE7Hifd5vkzkds4Wrdkm6HPTBZ_fx2/s320/logintoblogger.PNG" style="cursor: pointer; float: left; height: 174px; margin: 0pt 10px 10px 0pt; width: 241px;" /></a><br />
<div style="text-align: justify;">
Lain blogger lain wordpress, membuat web di blogger/ blogspot memanglah tidak semacam bila kita membuat web pada wordpress. Yang kita soroti disini merupakan web di wordpress memiliki taman login/ kotak login/ login form di sidebar, sebaliknya login pada blogger cuma tertera pada navigationbar( navbar) ialah pada bar yang terpampang di ujung atas taman blogger. Terus, Gimana jika kita mau membuat form login blogger di sidebar?. Meski dari blogger sendiri tidak sediakan, tetapi kita bisa mensiasatinya. Gimana metode buatnya? hehehe.. Langsung saja, check it out!!....<br />
<br />
Kalo metode yang susah ialah secara manual berikut triknya serta nanti tampilannya hendak semacam ini:<br />
<span class="fullpost"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicuKnWIXcMHk3iP3rIVjiSWtK_w9LChA02Qw17puzUkf8ah7XB2YhHY2jASx2zGQMOW4gElPLnyuiJOFgN4F9Yq23hlvwDxVMKyf7uxsZvXmaaoGNE7Hifd5vkzkds4Wrdkm6HPTBZ_fx2/s320/logintoblogger.PNG" /><br /><br />1.Copy Kode Berikut:<br /></span><br />
<pre onclick="this.select();" style="background-color: rgb(239 , 239 , 239); border: 1px solid rgb(0 , 128 , 0); color: rgb(0 , 0 , 0); font-family: "andale mono" , "lucida console" , "monaco" , "fixed" , monospace; font-size: 12px; height: 200px; line-height: 14px; overflow: auto; padding: 5px; width: 480px;"><div style="color: #45818e;">
<span class="fullpost"><form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" ></span></div>
<div style="color: #45818e;">
<span class="fullpost"><div id="gaia_loginbox"></span></div>
<div style="color: #45818e;">
<span class="fullpost"><table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" value="draft"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><div class="loginBox"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr><td colspan="2" align="center"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><table> <tr> <td valign="top"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></img> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td valign="middle"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><font size="+0"></span></div>
<div style="color: #45818e;">
<span class="fullpost"><b>Akun</b></span></div>
<div style="color: #45818e;">
<span class="fullpost"></font> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"></table> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><font size="-1"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></font></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><script type="text/javascript"></span></div>
<div style="color: #45818e;">
<span class="fullpost"><!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } --></span></div>
<div style="color: #45818e;">
<span class="fullpost"></script></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td colspan="2" align="center"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td nowrap="nowrap"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><div align="right"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><span class="gaia le lbl"> </span></div>
<div style="color: #45818e;">
<span class="fullpost">Email: </span></div>
<div style="color: #45818e;">
<span class="fullpost"></span> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></div> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&amp;a=ADD_SERVICE_FLAG" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="service" id="service" value="blogger" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="naui" id="naui" value="8" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="fpui" id="fpui" value="2" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="skipvpage" id="skipvpage" value="true" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="rm" id="rm" value="false" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" id="ltmpl" value="draft" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="hl" id="hl" value="in" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="alwf" id="alwf" value="true" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="alinsu" id="alinsu" value="0" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" id="ltmpl" value="draft" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="GALX" value="Ie2nThzvHSI" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td align="left"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td align="right"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><span class="gaia le lbl"> </span></div>
<div style="color: #45818e;">
<span class="fullpost">Sandi: </span></div>
<div style="color: #45818e;">
<span class="fullpost"></span> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td align="left"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td align="right" valign="top"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name='rmShown' value="1" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><label for="PersistentCookie" class="gaia le rem"> </span></div>
<div style="color: #45818e;">
<span class="fullpost">Ingat saya di komputer ini </span></div>
<div style="color: #45818e;">
<span class="fullpost"></label> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td align="left"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="submit" class="gaia le button" name="signIn" value="Masuk" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"><tr id="ga-fprow"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><a href="https://www.blogger.com/forgot.g" target=_top> </span></div>
<div style="color: #45818e;">
<span class="fullpost">Anda lupa sandi? </span></div>
<div style="color: #45818e;">
<span class="fullpost"></a> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td></span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></table> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></div> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></td> </span></div>
<div style="color: #45818e;">
<span class="fullpost"></tr></span></div>
<div style="color: #45818e;">
<span class="fullpost"></table></span></div>
<div style="color: #45818e;">
<span class="fullpost"></div></span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="asts" id="asts" value=""></span></div>
<div style="color: #45818e;">
<span class="fullpost"></form></span></div>
<div style="color: #45818e;">
<span class="fullpost"><form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());"> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&amp;a=ADD_SERVICE_FLAG" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="service" id="service" value="blogger" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="naui" id="naui" value="8" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="fpui" id="fpui" value="2" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="skipvpage" id="skipvpage" value="true" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="rm" id="rm" value="false" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" id="ltmpl" value="draft" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="hl" id="hl" value="in" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="alwf" id="alwf" value="true" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="alinsu" id="alinsu" value="0" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" id="ltmpl" value="draft" /> </span></div>
<div style="color: #45818e;">
<span class="fullpost"><input type="hidden" name="ltmpl" id="ltmpl" value="draft" /></span></div>
<div style="color: #45818e;">
<span class="fullpost"></form></span></div>
</pre>
<span class="fullpost"><br /><br />2. Kemudian Login ke <b>Blogger</b> kamu<br />3. Pilih <b>Layout</b>=> <b>Add Gadget</b>=> <b>HTML//Java Script</b><br />4. Paste-kan Kode tadi => <b> Save Setting</b><br /><br /><br />Kalo ga ingin susah- susah, bagaikan orang yang baik hati, nih saya kasih yang mudah. Tinggal klik aja tombol dibawah ini nanti otomatis hendak di add gadget sendiri( catatan: kalian wajib login blogger terlebih dulu, okey!)<br /><br /><center>
<form action="http://beta.blogger.com/add-widget" method="post">
<input name="widget.title" type="hidden" value="Blogger Login Form" /><textarea name="widget.content" style="display: none;">Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post">
<input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"><input value="blogger" name="service" type="hidden"><input value="8" name="nui" type="hidden"><input value="8" name="naui" type="hidden"><input value="2" name="fpui" type="hidden"><input value="3" name="uilel" type="hidden"><input value="true" name="skipvpage" type="hidden"><input value="false" name="rm" type="hidden"><input value="true" name="alwf" type="hidden"><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"><input value="0" name="alinsu" type="hidden"><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"><div>
<label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"></label></div>
<div>
<label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>
<br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"></form>
<span style="font-size: 80%">Widget edited by <a href="http://blog-triks.blogspot.com">Blog-Triks</a></span></textarea><input name="infoUrl" type="hidden" value="http://buzz.blogger.com" /><input name="logoUrl" type="hidden" value="http://www.blogger.com/img/icon_logo32.gif" /><input name="go" type="submit" value="Add Blogger Login Form Widget" /></form>
</center>
<br /><br />Selamat <strike>menikmati</strike>..Eh mencoba...</span><br />
<br />
<br /></div>
evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-38568536747948447152020-04-02T13:16:00.003-07:002020-04-02T13:16:57.368-07:00Cara Membuat Blog di Blogspot<div align="justify">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2PS1mJoOsMYSzWhpBY7Al5hTeKlNT8HwV65v5tsDZqRPNi0NSjRnBS78ro0AOvi4vCg0gENAQOy6zLvoclIN2Al7q06cpuxJe7MIqRQETChLJXVnZ-5_BgbftD8WbuHXChS6JQwwtRg/s1600-h/logo-blogger%25255B4%25255D.png"><img align="left" alt="logo-blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp28YFo4TY5TLUzoS0sDK50AHnaXS0ccs8TaaqOlmTaSOYkitnKAH5u0MaWEn8pebQkhae0ECPJMhaVXJ7X918AU7K1eUQrH-2urUodgDpeWjd0WZf-Y1gyUMR6THNgf8cODk9GbXmEE/?imgmax=800" height="83" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 5px 0px 0px;" title="logo-blogger" width="240" /></a></div>
<div align="justify">
Saat sebelum mengawali membuat web, kita wajib ketahui platform apa saja yang banyak digunakan oleh blogger. Secara universal, platform yang nge- top merupakan wordpress serta blogspot. Namun keputusannya terserah kamu. Pada panduan kali ini aku cuma membahas Metode Membuat Email di Google Mail. Sebab lebih gampang buat dimodifikasi serta pula free.</div>
<div align="justify">
<br /></div>
<div align="justify">
Buat membuat suatu web, kamu diharuskan sudah mempunyai Email. Bila belum, silahkan baca terlebih dulu Metode Membuat Email di Google Mail bagaikan panduan. Berikutnya kamu bisa langsung mendaftarkan web di blogger.</div>
<div align="justify">
<br /></div>
<div align="justify">
Nah gimana proses registrasi web di blogger. com? Berikut langkah- langkahnya: </div>
<ol>
<li> <div align="justify">
Buka web browser, dan ketikkan url <a href="http://www.blogger.com/">www.blogger.com</a>. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IoJ95MRa0NKD0Vrhp8rtFikuij1uy5Zw4xowbL_SW58wKTNipJNuwTk2RyilJO33clOAFa4fvwbE1Qu_5z5wYXWs9yAUNnFufWfevDBHmzXQTyyoOQUeRkfBgrmPp0bZ-9QGbrsfFjQ/s1600-h/blogger-first-time%25255B4%25255D.png"><img alt="blogger-first-time" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtgcPFM2Irym1hngGShgS61Op_6jgRxH09-w3Vn6oFXkZmMKjxIk4QuMFmdTl7Iins89u4aSvUXNJQ2bH8DVR793pPB5e631dZKnbUbarrUXVrHYaj2M_XIXGYFh3Ny0YOKheyMe-O_TQ/?imgmax=800" height="301" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-first-time" width="495" /></a> </div>
</li>
<li> <div align="justify">
Kemudian klik tombol berwarna orange yang bertuliskan <kbd>Get started</kbd>. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbp8gG2O0bzJap3RZI-Q9jlfyUAFyuPyoW3-SoLc6acranBYXV57QOkJIAK4r3G_-Q8KA4-bTUkJxNqKLEnf8EbINMCnRITWQoPxl4rc3u8DtOXsOfxGfX4BLGUiBCrbYqQso1LablxYo/s1600-h/blogger-get-started%25255B4%25255D.png"><img alt="blogger-get-started" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSGwa5oYHjHpBdeVrBlciJ2ZIKaJun9LQPeYjb1o8ExwejJNnUjsNnVssj_NlKvr8k6eaV6nnzzeb11XxUH0nVvqgIO2cqbjKbodLwQsoLB3CjUB60HPNGnj2O25xe0oPex-L3v5TJEY/?imgmax=800" height="62" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-get-started" width="495" /></a> </div>
</li>
<li> <div align="justify">
Isilah formulir pendaftaran yang tersedia untuk mendapatkan blog. <br />
<br />
- Isikan alamat email anda, kemudian ulangi ketik alamat email sama seperti yang dituliskan pada field diatasnya. <br />
- Masukkan password / sandi yang digunakan. Minimal mengandung 8 karakter (kombinasi angka dan huruf). <br />
- Ketik Ulang sandi yang dibuat diatas pada field dibawahnya.</div>
</li>
<li> <div align="justify">
Lalu Tuliskan Nama Anda atau boleh menggunakan nama lain. <br />
- Pilih Jenis Kelamin dan masukkan tahun lahir anda. <br />
- Isikan Verifikasi Kata seperti yang muncul dilayar monitor anda. <br />
- Klik / ceklist pada kotak yang bertuliskan Saya menerima Persyaratan dan Layanan sebagai anda menerima persyaratan blogger.com <br />
- Jika semua data telah diisi dengan benar, klik tombol <kbd>LANJUTKAN</kbd>. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLOHSmWanb4lnoprelHGEWCdtCY7-RpllZsUao5-4X2jpwT2FaJ4qld-rLz1Awl6qBYotWPUW5llkQJeWCddjelcs1jQkIgv2vv6Gl66UPCtN5Lu6R7h0GIJss0jtAWmZDoK-8tibQvtg/s1600-h/blogger-form-02%25255B4%25255D.png"><img alt="blogger-form-02" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8_VNyAMf_ua3yzUlo09y5iBTv_f60TsZUytV5NxKIwSN17Ma5lINvmIa7kweIlijeCUA8qkTvb8Mtm9tPs5fbXqVHjzzbt1IhzPbzNUuzwGkfQUdi2UkcszFMKJJmPi7mFpUrZvkCOQ/?imgmax=800" height="274" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-form-02" width="495" /></a> </div>
</li>
<li> <div align="justify">
Langkah berikutnya adalah memberi <strong>Judul blog</strong> anda. Misalnya saya memberikan nama blog yang dibuat adalah Kelompok Pencinta Alam Bestari. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7K2c37YWvIzNparXbDJ40rt372zlSvq7WkM1fFzjmKPTl6wIrTPcqbf7NM2B1UoTqvmdksDu7uOQm2YVGQvqoP6IbSb_tc-DCRgV2rSEI1SLIeltG35yXrd40CeZMh0SucYX3TTaz_l4/s1600-h/blogger-setup%25255B4%25255D.png"><img alt="blogger-setup" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMFYBV_7aqPwOqrYI1zeCl9Z6IaDTGityDD51U1MVjxQCQztG8TvHlUmkpyJQywcRJJooS4IgUSK4SBdYOG8cZtrpQs9z0uSpnn5Yrmej_SAwZS5E3cyzzS27-T99CboOpX7HloPtMoU/?imgmax=800" height="259" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-setup" width="495" /></a> <br />
Pada Alamat blog (URL) isikan nama yang diinginkan. Nama ini tidak bisa sama dengan nama yang telah dipilih oleh blogger lain. Silahkan klik link Cek Ketersediaan untuk memeriksanya. Jika muncul tulisan Alamat blog ini tersedia, maka anda dapat melanjutkan proses selanjutnya. Nantinya nama blog anda berakhiran blogspot.com. Jika kotak isian alamat blog anda adalah “kpa-bestari”, maka alamat yang tercipta menjadi http://kpa-bestari.blogspot.com.<br />
Klik tulisan <kbd>LANJUTKAN</kbd> untuk melanjutkan proses registrasi.</div>
</li>
<li> <div align="justify">
Proses berikutnya adalah memilih template atau design awal dari blog anda. Design ini merupakan template yang disediakan oleh blogger untuk anda. nantinya anda bisa memilih template lain yang dibuat oleh blogger lain. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4gjpAcSi6HL6usK6-s60jvA_C059_cDQibNMm3vw4hPCJIiXbzDYg7Xph2kZTWV84l4OCK7WSoPLWyhyphenhyphenfb06nor8y4v_zD6Y724FnC5Z32SNmiGx1hN-J3vGOyOPBZSYMZGLBVfUwY-4/s1600-h/blogger-template%25255B4%25255D.jpg"><img alt="blogger-template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgasDBuumIFdr7s9oRHux2oUZmAU4zX48kEdTetiNP55ui1YuKO3l3moEMSSyTtJ_pHGFR8z_H3KQx7TINl255H4yWCQz-7MZJEgf634D6hB8PHCdHLIiPLCaDO6VrCRg8ct_A4e3HTlNE/?imgmax=800" height="353" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-template" width="495" /></a> <br />
Setelah dipilih, klik tulisan <kbd>LANJUTKAN</kbd>.</div>
</li>
<li> <div align="justify">
Berakhirlah sudah proses pembuatan blog. Klik tulisan <kbd>MULAI BLOGGING</kbd> untuk mengisi postingan pertama anda. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtoIn54eOg0ono-5ep14TFuPkFaQ55XYh6bdXxZlmAAJTEUvndDJkPbYA1S5ITmau3UGg37819VWPv7IiZEpXz3j5_j5AlpSxLIEtOuRWVUQRraoceVoHj0fESAIt1VABIK3U6Ox5DkE/s1600-h/blogger-finish%25255B4%25255D.png"><img alt="blogger-finish" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTSRkWNOyg2leH4MzqZzJUAqruggegFibrAXumpvf8vkPHcbPV-igp54OvYLRXLSxr0O9cJiAtd7W8McNwi6TMhaxWHSNgLNyyuH9uHTnnTt0V-tiHW5XMdw_WZaS82jdSr6bHJBTyos/?imgmax=800" height="142" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger-finish" width="495" /></a> </div>
</li>
</ol>
evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0tag:blogger.com,1999:blog-8147815754249154472.post-68964526535851112742020-04-02T13:15:00.000-07:002020-04-02T13:15:07.840-07:00Metode Dasar mengganti Template Blogspot<div align="justify">
<img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp28YFo4TY5TLUzoS0sDK50AHnaXS0ccs8TaaqOlmTaSOYkitnKAH5u0MaWEn8pebQkhae0ECPJMhaVXJ7X918AU7K1eUQrH-2urUodgDpeWjd0WZf-Y1gyUMR6THNgf8cODk9GbXmEE/?imgmax=800" style="display: inline; margin: 0px 5px 0px 0px;" /><br />
Sehabis kamu sukses Membuat Web, silahkan buat merubah template web tersebut. Template ialah wujud tampilan serta tata letak dari suatu web. Supaya tampilan web yang kita miliki cocok dengan kemauan kita serta disukai oleh wisatawan, tampilan pasti saja wajib menarik. Tidak hanya itu template pula berperan buat mempermudah wisatawan lain dalam berselancar artikel- artikel yang terdapat pada web.<br />
<br />
Buat mengubah template pada blogspot bisa dicoba dengan 2 metode, ialah: </div>
<ol>
<li> <div align="justify">
Dengan menggunakan Template Designer atau</div>
</li>
<li> <div align="justify">
Dengan menggunakan Template dari Layanan Pihak ketiga / template hasil karya para blogger yang lain.</div>
</li>
</ol>
<a href="https://www.blogger.com/null" name="more"></a> <br />
<div align="justify">
Pada tulisan kali ini aku cuma mangulas <b>Metode mengubah Template Blogspot</b> karya para blogger. Saat sebelum melaksanakan penggantian template, silahkan kamu unduh terlebih dulu template yang hendak digunakan. Bagaikan rujukan, kamu bisa mencari Template Web disini. Ataupun disitus penyedia template yang popular semacam: BTemplates serta ZoomTemplate.<br />
<br />
Langkah- langkah apa saja yang dicoba buat mengubah template? </div>
<ol>
<li> <div align="justify">
Login ke Blogger anda, lalu pilih menu Design > Edit HTML. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydyXe8TrIkncnenE6jNekjYHUs1edHowMDaR5Txm2shB4Q2mKQ3iVCp23nSzNSl6GF8ut1HiZU5Pxn1k52zdv6-Dv4EnxiXzoKE1N7aWmJvUhnGoPrHtRRt6yw2In0VtuX_pLhiGTZDQ/s1600-h/ganti-template01%25255B4%25255D.png"><img alt="Cara Mengganti Template Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoBWXjbJA6iCTNFc9aaCyPPlx3kC0iNdCXarLYveUFdqONHQfEqbN2ccu2hYL-5ya_60WaKCCcCNAoKfQjkeSkbjpWEDg66vezW60BB_5ONFbwGsTcQZ8BZRPl1IUnXS5P7MrFOFp95Y/?imgmax=800" height="81" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Cara Mengganti Template Blogspot" width="367" /></a> </div>
</li>
<li> <div align="justify">
Kemudian pada bagian Backup / Restore Template pilih tombol <kbd>Browse</kbd>. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrNYZng4Letw7nP8Aflm5eKSFMQ8zPWXFKAQVTSscoIyeE5itq9xRaVHf-99aBHH6wh1nc9CR2y4y92JBgkD9KtIMRMLCkC8omeRG7WOGqH6FpddAvqYl24e3zj4S2KAmS1z8jG19bS5Y/s1600-h/ganti-template02%25255B4%25255D.png"><img alt="Cara Mengganti Template Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVe3he43bLz2jCPp1UzaknMFXgsbJIOgKzgQ2Vpq7J8kG50S0zjnRwcAhb9bcp3c6CtnCsqbVyXXrPOuk5VD1I2dn-lILuan0LK_ePpJxzndue2S3Y65TSLcCu_CFwfjA7n-fdPc88wk/?imgmax=800" height="86" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Cara Mengganti Template Blogspot" width="500" /></a> </div>
</li>
<li> <div align="justify">
Carilah letak file template yang telah di download sebelumnya. Format file yang akan diupload harus berformat <strong>.xml</strong>. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-mWWnHTkCaOZh4qP-PPxkia2e02uPHqbTXIqi4f_FCR1MT_UlPEV-_GRJXJeVq_M5KpnGlSGMsM6t5-cffQL1feKGiaTymJvOvRKIVvdOEZbKPg1qF7rrFcxUzt2uiPE_zGhxBvKMuw/s1600-h/ganti-template03%25255B4%25255D.png"><img alt="Cara Mengganti Template Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUE2SjJ2StDpe_recFrve_Jr5i_7D-zb4EMOIINpMIsQSpq1EQCYxbnOoveLqQJ-Up6uk1YQ-_05gkRPMQUKTucWhMPXDFR5tOUVhLDn5T1LjK5kJb1zOfY4ZV_2q54b9ZSPxY-n657R4/?imgmax=800" height="178" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Cara Mengganti Template Blogspot" width="428" /></a> </div>
</li>
<li> <div align="justify">
Setelah itu klik tombol <kbd>Upload</kbd>.</div>
</li>
<li> <div align="justify">
Blogger akan meminta kita untuk mengkonfirmasi penghapusan gadget pada template yang sebelumnya. Klik tombol <kbd>DELETE WIDGETS</kbd> untuk menghapusnya. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw22DR4r13w1ggXYSAW0UQ3S5n5Xz65SrlUmfXy_q7eZIcguYBDvFCn5cIvheQISE6zyvyGk7CsCFhmVRCa_40xwtqpHhOrzJfVY6XSJunTylC6ADzrB7ZQm-EIGDRZJQ5ycWeb-h88CI/s1600-h/ganti-template04%25255B4%25255D.png"><img alt="Cara Mengganti Template Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yS9Q-oHJuYR_nWsPEGvFJ-DICWIsax2TpaT9kakBX4-8iCH0UZbSoxGxLu0GGa1ZzjbYix4QTw665lciSZEtgmNvhZJVbCTdVjatr__o-DsS_SnBMZUEYVEjDg49gPcxQXvWJlBZp4I/?imgmax=800" height="281" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Cara Mengganti Template Blogspot" width="467" /></a> </div>
</li>
<li> <div align="justify">
Proses merubah template telah berhasil dilakukan. Klik link View Blog untuk melihat hasil perubahan dari template. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigka72C0ec16NXEdYAjGbOXOt17EDMiv3WaKOdmsOUCvsAp6GHynURMoS4OvKUHNUxXInGcumisPXCofh7xZ5RP4dRqh6zIVRYl8dA2LvlLUMhJnMWXEft2fZ4VziTGCfVUOaXlW27HgQ/s1600-h/ganti-template05%25255B5%25255D.png"><img alt="Cara Mengganti Template Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJyG__ZLfa5wMv5nCCGk-05Q4QmVP7YAUvNObclSv_gvh-idYwE0gDbtQYhzWccFCAMATZ2bf8NbaREZ7I7lnnVL1wPQ_WCq1L5E50_qayQIPzQyhxUq-5kuo46djVSztwiJV_fb2jE_k/?imgmax=800" height="37" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Cara Mengganti Template Blogspot" width="303" /></a> </div>
</li>
</ol>
Jalani langkah yang sama bila kamu masih mau merubah templatenya.evriliohttp://www.blogger.com/profile/00955831880961356365noreply@blogger.com0