Cara Memasang Postingan Berawalan Dengan Huruf Besar (Drop Cap) Di Postinngan Blog

Hai Teman-Teman Apakah Anda Tau Apa Itu Drop Cap? Drop Cap adalah Huruf Desar Yang Ukurannya Mungin 10 kali Lipat Huruf Biasa Yang Diletakkan Di Awal Artikel. Nah Kalau Anda Semua Tertarik Untuk Memasang nya, Saya Akan Memberikan Tutorialnya. Sebenarnya Membuat Drop Cap Ini Sangatlah Mudah, Namun Untuk Lebih Jelasnya Silahkan Ikuti Langkah-Langkah Di Bawah Ini :

1.   Login Ke Blogger Anda

2.   Langsung Ke Tata Letak (Saat Ini Design/Rancangan)  - Edit HTML

3.   Cari Kode ]]></b:skin> Dengan mengklik Ctrl+F

4.   Masukkan Kode Di Bawah Ini, Tepat Di Atas Kode ]]></b:skin>

/* kode untuk huruf awal oleh baptek ----------------------------------------------- */ .awal { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px;

Demo

5.   Klik Save Template / Simpan

Untuk Menerapkan Drop Cap Ini, Setiap Postingan Anda Harus Lewat Edit HTML, Bukan Lewat Edit HTML Di Template Anda. Ketikkan Kode Ini Dulu <span class="awal">BAPTEK</span> Kata BAPTEK, Ganti Dengan Huruf Pertamamu Yang Akan Kamu Posting. Misalnya : <span class="awal">L</span>

Ok Terima Kasih Telah Membaca Artikel Ini Dan Selamat Mencoba!

Posted By Unknown11:27 PM

0

Continue Reading

Cara Menambahkan Panel Admin Di Blogger

Jika Kamu Ingin memiliki Widget Yang Keren Untuk kamu Pasang Di Blog mu Widget Inilah Yang Paling Lengkap Yaitu : Panel Admin Ada 2 Versi Yang Tersedia Yaitu: Normal dan Melanyang.Widget Ini Sangat Ringan Dan Kamu Dapat Menggunakannya Dengan Gatis!

Versi 1:

Demo

Cara:

1. Masuk ke Blogger.com

2. Lalu Menuju ke Tata Letak/Layout

3. Klik Tambahkan Gadget/Add Gadget Di Tempat Yang Diinginkan
4. Lalu pilih HTML/Javascript
5. Copy Kode Dibawah!

<span style='font-size:24px; color:#0000ff; '><b>Status Pemilik</b></span></center> <table border='0' cellpadding='2' cellspacing='0' style='border-color:#666666; width:100%;'> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; width:35%'><span style='color:#ffffff'>Sekarang Jam </span></td> <td> <div id='jam'> <script src='http://hanjs.googlecode.com/files/jam1.js' type='text/javascript'></script> </div> </td> </tr> <tr bgcolor='#cccccc'> <td align='left' style='padding-left:10px; width:35%'><span style=' color:#666666'>Tanggal </span></td> <td> <div> <script src='http://hanjs.googlecode.com/files/tanggalanx.txt' type='text/javascript'></script> </div> </td> </tr> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; color:#ffffff; width:35%'>Salam </td> <td><span><b> : </b></span> <script src='https://sites.google.com/site/httpwwwdeejayhanblogspotcom/download-files/salam.sapa.js' type='text/javascript'></script> </td> </tr> <tr bgcolor='#cccccc'> <td style='padding-left:10px; width:35%'><span style=' color:#666666'>Status Pemilik </span></td> <td><span><b> : </b></span> <script src='http://hanjscript.googlecode.com/files/statusadmin.js' type='text/javascript'></script> </td> </tr> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; color:#ffffff; width:35%'>Orang Online</td> <td><span><b> : </b></span> <!-- Start --><script id="_waunal">var _wau = _wau || []; _wau.push(["colored", "xrkok85wwu46", "nal", "0061e5000000"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/colored.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script><!-- End --> </td> </tr> <tr bgcolor='#999999'> <td></td> <td align='left'> <!-- <script language='JavaScript'> // function newwindow() // { // window.open('http://kecoa.cjb.net','jav','width=300,height=200,left = 490,top = 300,resizable=no'); // } </script> <input onClick='javascript:newwindow()' type='button' value=' login '/> --> </td> </tr> </table>

6. Paste Kode Diatas Di  Kotak Yang Tersedia!

7. Lalu Simpan/Save

Versi 2:

Demo

Cara:

1. Masuk ke Blogger.com

2. Lalu Menuju ke Tata Letak/Layout

3. Klik Tambahkan Gadget/Add Gadget Di Tempat Yang Diinginkan
4. Lalu pilih HTML/Javascript
5. Copy Kode Dibawah!

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDD2C7wS5ElaQvWKLEZpeJtKmnYdbE-u0ExIMGuUFjjNKhcTgqQwq50TuraHDR4mDe3qZIuy1A_XssPw9W-zRXGJVeMCJq3gl3L7znxMZ6syyIheZOrUQe2ZAxkYn-OON6Vgp1pTTrqg/h120/pa+copy.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> <center> <span style='font-size:24px; color:#0000ff; '><b>Status Pemilik</b></span></center> <table border='0' cellpadding='2' cellspacing='0' style='border-color:#666666; width:100%;'> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; width:35%'><span style='color:#ffffff'>Sekarang Jam </span></td> <td> <div id='jam'> <script src='http://hanjs.googlecode.com/files/jam1.js' type='text/javascript'></script> </div> </td> </tr> <tr bgcolor='#cccccc'> <td align='left' style='padding-left:10px; width:35%'><span style=' color:#666666'>Tanggal </span></td> <td> <div> <script src='http://hanjs.googlecode.com/files/tanggalanx.txt' type='text/javascript'></script> </div> </td> </tr> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; color:#ffffff; width:35%'>Salam </td> <td><span><b> : </b></span> <script src='https://sites.google.com/site/httpwwwdeejayhanblogspotcom/download-files/salam.sapa.js' type='text/javascript'></script> </td> </tr> <tr bgcolor='#cccccc'> <td style='padding-left:10px; width:35%'><span style=' color:#666666'>Status Pemilik </span></td> <td><span><b> : </b></span> <script src='http://hanjscript.googlecode.com/files/statusadmin.js' type='text/javascript'></script> </td> </tr> <tr bgcolor='#999999'> <td align='left' style='padding-left:10px; color:#ffffff; width:35%'>Orang Online</td> <td><span><b> : </b></span> <!-- Start --><script id="_waunal">var _wau = _wau || []; _wau.push(["colored", "xrkok85wwu46", "nal", "0061e5000000"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/colored.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script><!-- End --> </td> </tr> <tr bgcolor='#999999'> <td></td> <td align='left'> <!-- <script language='JavaScript'> // function newwindow() // { // window.open('http://kecoa.cjb.net','jav','width=300,height=200,left = 490,top = 300,resizable=no'); // } </script> <input onClick='javascript:newwindow()' type='button' value=' login '/> --> </td> </tr> </table> <br /> <div style="text-align:center"> <span style="float:left; color:#000000;">Ayo <a target="_blank" href="http://baptek.blogspot.com/2014/01/cara-menambahkan-panel-admin-di-blogger.html">Dapatkan Widget Ini!</a></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div> 6. Paste Kode Diatas Di  Kotak Yang Tersedia!
7. Lalu Simpan/Save


Selamat Anda memiliki Widget Yang Hebat Sekarang Anda Juga Dapat menyesuaikan Sesuai Keinginan!

Posted By Unknown4:29 AM

0

Continue Reading