Blogger Tutorial, Tutorial Blog

Maaf untuk kawan-kawan semua karena saya sudah lama enggak posting artikel tentang tutorial dikarenakan aku lagi sibuk sekali di sekolah (Kan Baru Naik Kelas) Untuk artikel kali ini saya akan memberikan script login form di blogger agar saat kawan ingin login ke blogger, kawan tidak perlu pergi ke alamat http://www.blogger.com karena formulir login telah tersedia di blog kawan. Formulir login ini dapat ditaruh di blog kawan dan formulir ini telah disusun sedemikian rupa agar tidak terlalu memakan tempat. Untuk membuat form login tersebut, silahkan kawan ikuti langkah-langkah berikut :

Silahkan kawan login ke blogger

Klik Tata Letak => Edit Html

Tambahkan sebuah elemen Html/Javascript

Lalu silahkan kawan copy paste kode berikut ke dalam form elemen halaman Html/Javascript

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><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>

Klik Simpan

Script tersebut telah disusun sedemikian rupa agar menjadi form yang ringkas dan hemat tempat, untuk melihat hasil dari script tersebut silahkan lihat di bagian bawah posting ini !

Username:
Password: (?)

Nah, itu adalah sebuah contoh dari form login yang ada pada blog saya, formulir ini aman dan saat login kawan akan langsung di redirect ke blogger dan itu sudah pasti aman. Nah, segitu saja tutorial hari ini sekali lagi maaf karena baru posting artikel hari ini.

Berbeda dengan tutorial kemarin yang membahas tentang widget yang muncul pada halaman depan, tutorial kali ini membahas tentang widget yang akan muncul pada halaman selanjutnya. maksudnya adalah widget yang tidak akan muncul pada halaman depan dan akan muncul pada halaman selanjutnya. Jika kawan ingin membuat efek seperti ini silahkan ikuti langkah-langkah berikut :

Silahkan kawan masuk ke Blogger

Seperti kemarin ingat nama judul widget yang ingin diberi efek tersebut

Klik Edit Html

Cari html widget dengan cara klik Ctrl+F lalu masukkan judul widget tadi (ingat, besar kecil huruf juga menentukan pencarian)

Ini contoh seperti kemarin

<b:widget id="HTML1" locked="false" title="" type="HTML">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>


<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>

<b:include name="quickedit">
</b:if>

</b:includable>
</b:widget>

Kode warna merah adalah kode yang ditambahkan

Klik simpan

Silahkan kawan lihat hasilnya

Jika kawan ingin mengetahui keterangan widget tersebut sebenarnya sama seperti posting yang kemarin, jadi untuk penjeasan lebih lanjut silahkan kunjungi posting efek yang kemarin