iklan space 728x90px

Cara mudah menghapus header Blogspot

Cara mudah menghapus header Blogspot - Tutorial ini sengaja saya angkat dikarena saya melihat banyak sekali blog-blog yang tidak lagi menggunakan header. Memang terlihat lebih profesional, begitu tampil diwebsite tersebut kita langsung menemui menu blog tersebut sehingga lebih terlihat simple dan keren.

Tanpa berbasa-basi lebih lebar sana-sini, berikut cara mudah untuk menghapus header blogspot :

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Carilah elemen Header, dengan menekan tombol ctrl+F dan memasukkan kata "header" kemudian tekan enter.

Menghilangkan Judul Blog di bagian Header

4. Kemudian carilah kode CSS berikut, atau mirip seperti berikut:
#header h1{color:#808080;font-size:35px;---} dan
#header .description{color:#000000;font-size:12px;---}

5. Selanjutnya tambahkan kode display:none; di dalam kode CSS tersebut hingga menjadi seperti berikut:
#header h1{display:none; color:#808080;font-size:35px;---} dan
#header .description{display:none; color:#000000;font-size:12px;---}

note:
penempatan display:none pada header h1, menghilangkan judul blog
penempatan display:none pada header description, menghilangkan deskripsi blog

6. Terakhir klik Simpan Template.

Selesai, sobat telah menghilangkan judul beserta deskripsi Blog yang terdapat pada header.

Cara membuat Pop Up Iklan dan Kotak Facebook di Blog

Dari tutorial ini terlebih dahulu kita pahami apa itu Pop up ?
Pop-up merupakan sebuah halaman website yang muncul secara otomatis saat kita membuka website yang kita buka,baik itu web iklan web kotak like facebook dan apa saja bisa kita tampilkan di dalam Pop up tersebut.

Pop-up sendiri biasanya berisi promo dari website tersebut atau iklan.
Bahkan ada juga yang berisi virus. Tapi kebanyakan sech berisikan iklan-iklan gitu buat di promoin.

Nah bagi sobat yang ingin membuat Pop Up Iklan dan Kotak Facebook di blog nya, Berikut cara-cara nya di ikutin ya :

1. Login Keblogger
2. Rancangan
3. Add Gadget
4. Lalu pilih Html/Java script.
5. Masuk kan kode dibawah ini kedalam Html/Jacascript tadi :

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/* Facebook Likebox popup For Blogger*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fyour_name&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>
<p style=" float:right; margin-right:35px; ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.blackdeviant.web.id/2012/02/stylish-facebook-pop-up-like-box.html">Grab this widget</a></p>
</div>
</div>
Catatan :
  • Jika template sobat sudah menggunakan plugin Jquery maka hilangkan kode yang berwarna merah.
  • Ganti kode your_name dengan nama fans page blog sobat atau bisa juga kode iklan yang ingin di buat secara Pop up.
Sekian dulu tutorial  tentang  Cara membuat Pop Up Iklan dan Kotak Facebook,semoga membantu.

Source kode script : http://www.spiceupyourblog.com/

Cara mengganti warna link pada postingan Blog

Wahh,ternyata uda setahun ne blog ga ada postingan baru,mohon maaf ya buat yang sudah berlangganan melalui email,pasti rekan-rekan pada bingung ne punya blog kemana yah,koq ga lama banget ga nongol ? hhee,kali ini lamurdey mau ngasi tahu cara mengganti warna link di blog rekan-rekan,caranya simple koq tinggal ikutin tutorial dibawah ini aja yah :
  • Masuk ke blog sobat
  • Klik tata letak
  • Pilih edit HTML
  • Cari kode yang hampir mirip di bawah ini:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    a:visited {
    color:#006600;
    text-decoration: underline;
    }
  • Jika sudah selesai mengganti jangn lupa Simpan perubahan
Sedikit keterangan:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    Link ini akan berwarna biru.

    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    Jika mouse kita arahkan pada link maka akan berubah menjadi warna merah.

    a:visited {
    color:#006600;
    text-decoration: underline;
    }
    Jika link selesai diklik pengunjung maka link akan berubah menjadi hijau.
     
    Semoga bermanfaat ya.

Cara membuat judul posting saja pada label

Huft.. bingung ne mau buat judul apa, mudah-mudahan di mengerti ya,dengan judul diatas.
kali ini saya mau ngebahas tentang label,memang banyak sech blog yang mengangkat tentang pembahasan label pada blog,kali aja ada yang nyangkut di blog saya,..hhee


Gini gan, pernah liat kan, kalau agan klik link pada label yang muncul sederetan artikel yang ada di label itu dan tidak enak nya semua lebel muncul dengan judul dan diikuti artikelnya ,nah masalah nya sekarang,saya mau ngebahas tu link label agar supaya setiap isi dari link tersebut kita buat hanya tampilan judulnya saja..
Ok gan kita langsung ke TKP :

1. Login ke blog
2. Klik Rancangan lalu klik edit Html
3. Setelah itu cari kode berikut  
<b:include data='post' name='post'/> gunakan (ctrl+f) biar lebih gampang.
4. Jika sudah ketemu dengan kode di atas ganti dengan kode dibawah ini :

<!--Judul Artikel saja di label-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--lamurdey.blogspot.com-->

5.Pratinjau dahulu,jika sudah tidak ada lagi kesalahan baru di save. Semoga berhasil :)

Cara membuat tombol berbagi di samping blog

Seperti biasa gan, cara nya gampang and mudah, langsung aja agan-agan ikuti cara nya di bawah ini :

  1. Login ke blog Agan
  2. Klik rancangan
  3. Tambah Gadget/add 
  4. Pilih Html/javascript
  5. Setelah itu copy script dibawah ini lalu pastekan ke kotak Html/javascript :
<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #000000;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}
#z33sHare div{
padding:6px 6px 6px 5px;
}
#stw{
margin-left:-2px;
}
#sfs{
margin-left:-5px;
}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

7. Perhatikan Tulisan right , itu bisa di ganti dengan left (kiri)
8. Dan untuk yang warna biru top : 20 % merupakan jarak ukur tinggi dari tombol share.

Selamat mencoba semoga berhasil.

Cara menghilangkan tulisan didukung oleh blogger di blog

Cara menghilangkan tulisan didukung oleh blogger di blog - Tutorial kali ini blog lamurdey akan membagikan bagaimana cara menghapus atau menghilangkan tulisan didukung oleh blogger atau bagi template bawaan sering muncul tulisan attribution.

Dari sebagian blogger tulisan tersebut memang terganggu, dan tujuan utama dari tulisan didukung oleh blogger tersebut hanyalah menyampaikan kalau website yang anda gunakan adalah buatan google itu sendiri.

Sebenarnya banyak cara mengakali agar tulisan tersebut tidak muncul diblogspot anda, namun kali ini kita buat lebih simple saja agar tidak membingungkan. Pada tutorial sebelumnya saya juga menulis tentang Cara membuat Border Gambar dengan HTML, dimana pembahasan tersebut sama mudahnya dengan Cara menghilangkan tulisan didukung oleh blogger di blog ini, bagaimana prosesnya ? Cukup mengikuti cara dibawah ini, maka dalam hitungan detik tulisan tersebut akan hilang di template anda.

1.Sobat login ke dasbor
2.Klik rancangan
3.Klik edit HTML
4.Cari kode ]]></b:skin>
5. Copy kode  dibawah ini :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Letakkan kode  tepat diatas kode ]]></b:skin>
7. Klik simpan template.

Dalam hitungan detik tulisan didukung oleh blogger akan hilang, bagaimana menurut sobat gampangkan, demikian pembahasan dari Cara menghilangkan tulisan didukung oleh blogger di blog diatas, semoga bermanfaat.

Cara membuat scroll pada blog Archive

Caranya cukup gampang koq,rekan-rekan cukup mengikuti arahan dibawah ini, dan untuk melihat contoh nya coba rekan2 klik situs ini http://mukaprimitif.blogspot.com/


1.  Login ke Acount Blogger atau Dashboard
2.  Pilih Layout
3.  Lalu klik Edit HTML
4.  Centang dulu  Expand Widget Templates
5.  Cari kode yang seperti ini : <div class='widget-content'
6.  Jika sudah ketemu,Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna Merah, sehingga menjadi seperti ini:


      <b:includable id='main'>
      <b:if cond='data:title'>
      <h2><data:title/></h2>
      </b:if>
      <div class='widget-content' style='overflow:auto; height:200px'>
      <div id='ArchiveList'>

7. Atur ukuran tinggi height (200)-nya sesuai kebutuhan.

8. Pratinjau Dahulu sebelum Save.Jika tidak ada lagi kesalahan baru di Save. 

Cara menghilangkan Attribution pada blogger

Caranya cukup gampang, Anda cukup mengikuti Tutor dibawah ini :

1. Klik menu Design
2. Pilih menu Edit HTML
3. Klik Download Full Template
4. Centang " Expand Widget Template ".
5. Lalu cari ]]></b:skin>, Tekan CTRL+F untuk memudahkan pencarian.
6. Copy kode dibawah ini dan cantumkan tepat diatas kode ]]></b:skin> :


#Attribution1 {height:0px;
visibility:hidden;

display:none
}

7.Lalu SAVE

Cara membuat readmore (baca selengkapnya) secara otomatis

Langsung aja ga perlu basa-basi.
Sebelum anda mencoba trik ini, ada baiknya anda membackup template anda terlebih dahulu, caranya :
1. Klik menu Design
2. Pilih menu Edit HTML
3. Klik Download Full Template

Langkah - langkah Membuat Readmore otomatis sebagai berikut :
1. Pergi ke menu Design, lalu klik Edit HTML.
2. Centang " Expand Widget Template ".
2. Lalu cari </head>, Tekan CTRL+F untuk memudahkan pencarian.
3. Copy kode dibawah ini dengan tepat dibawah kode </head> :

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


4. Masih pada menu Edit Html cari lagi kode berikut : <data:post.body/>
ingat, gunakan CTRL+F untuk memudahkan pencarian.

5. Apabila telah dicari ganti kode <data:post.body/> tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


6. Klik Save Template dan lihat hasilnya,

7. Jika ini tidak berhasil,brarti Anda belum bruntung :D

Download Total Video Converter 3.10 + License key gratis

Total Video Converter adalah solusi lengkap untuk video yang mendukung konversi membaca, memutar semua jenis format video dan audio dan mengkonversi mereka ke format video populer. Total Video Converter yang kuat termasuk media konversi mesin internal sehingga Anda dapat mengkonversi file media dengan kecepatan sangat cepat.

Fitur utama:

  1. Convert semua jenis video ke mobile video atau audios (mp4, 3gp, XviD, MPEG4 divx avi, amr audio) yang digunakan oleh ponsel, PDA, PSP, iPod;
  2. kompatibilitas tinggi dan efisiensi tinggi untuk Mengimpor rmvb atau RM video / audio;
  3. Mengkonversi berbagai video ke MPEG video yang kompatibel dengan standar DVD / SVCD / VCD;
  4. Rip DVD ke popular video dari semua jenis;
  5. Mengkonversi berbagai video ke SWF, FLV Macromedia video;
  6. Ambil dari berbagai audio dan video yang dikonversi untuk semua jenis audios (mp3, ac3, Ogg, wav, aac);
  7. RIP CD untuk semua jenis audios langsung.
Semua dukungan populer format video dan audio:
avi,dat,3gp,qt,mov,mpg,mpeg,m1v,wmv,asf,ogm,mkv,dsm,vob,mp4,ra,rm,ram,amr, 3gp,3gp2,3g2,3gpp,psp,flv,fli,flc,rmvb,rpm,gif,ifo,mp3,ac3,wav,aac,aiff,au,cda,mp2.

Total Video Converter menghasilkan mendukung format file berikut ini:
Output Video Formats:
  • MPEG4(.mp4)
  • 3gp(.3gp, 3g2)
  • Game Psp(.psp)
  • MPEG1(.mpg, mpeg)
  • NTSC, PAL DVD mpeg
  • NTSC, PAL SVCD mpeg
  • NTSC, PAL VCD mpeg
  • Ms Mpeg4 AVI(.avi)
  • Divx AVI(.avi)
  • Xvid AVI(.avi)
  • H264 AVI(.avi)
  • Mjpeg AVI(.avi)
  • HuffYUV AVI(.avi)
  • Swf Video(.swf)
  • Flv Video (.flv)
  • Gif Animation(.gif)
  • Mpeg4 Mov(.mov)
  • Apple Quicktime(.mov)
  • FLIC format(.fli, .flc)
  • Gif Animation(.gif)
  • DV (.dv)

Output Audio Formats:
  • MPEG audio(.mp3, mp2)
  • Ms WAV(.wav)
  • Ms WMA(.wma)
  • OGG(.ogg)
  • Amr audio(.amr)
  • Amr audio(.awb)
  • Mpeg4 audio(.m4a)

Gambaran:



Untuk mendownloadnya silahkan ke Alamat ini :
http://freedown4u.blogspot.com/2009/07/download-total-video-converter-310.html