CONTACT ADMIN

Senin, 31 Desember 2012

CONTACT ADMIN :

ON FACEBOOK


ON TWITTER



TV ONLINE

Cheat Spesial MALAM TAHUN BARU 100 worK Monday, December 31, 2012


  Apabila IP anda ke blokir silahkan chat Yahoo messager di samping. agar di bantu!
Tutor Windows  7 agar dapat pakai cheat 1 baca di bawah postingan!
Download Cheat 1 | File Update
Download Cheat 2 | Segera
Download Cheat 3 | File Update

==========
Fiture Cheat
==========
Fiture Cheat 1 
  • Wallhack
  • Chams
  • Skill
  • Gm Hack Grade
  • No Respon
  • Quick Change
  • Damage 50% 
  • WH ESP Box (New)
  • WH ESP Name (New)
  • WH ESP Health (New)
  • WH ESP Line (New)
Fiture Cheat 2
  • WH ESP Box (Auto On In Room)
  • WH ESP Name
  • WH ESP Health
  • WH ESP Line
Fiture Cheat 3
  • Skill
  • No Respon
  • Grade
  • Quick Change
  • Brutal Awp (new)
  • Brutal SG (new)
  • Unlimited AMmo All Weapon  (new)
  • Auto Refill Weapon  (new)
  • No Reload  (new)
  • SG No Kokang  (new)
  • Minimize No DC Buat Bantu OP Warnet
  • Bisa Online PB sambil Buka facebook,twitte,browsing...
============
Hotkeys Cheat : 
============
Wallhack D3D Menu :
  • On\Off Menu : Insert
  • On Cheat : ->   | arah panah kanan pada keyboard
  • Off Cheat : <-   | Arah panah kiri
  • Pilih Cheat : Panah Atas Dan Bawah
  • On Off Dimana saja | Lobby,Room,Pertandingan dimana saja bebas On/OFF

Cheat 3
  • Skill : Home On| Home Off
  • Quick Change : Home On| Home Off
  • No Respon : Home On| Home Off
  • Grade Set : End On | End Off
  • Brutal Awp : F2 On | F2 Off
  • Brutal SG : F2 On | F2 Off
  • Unlimited AMmo + Auto Refill+ No Reload : F1 On | F1 Off
  • Minimize : ALT kanan + ALT kiri + Tab Tekan Bersamaan | tutor Lengkap Di Kemasan
  • On Off Dimana saja | Lobby,Room,Pertandingan dimana saja bebas On/OFF

===========
Tutorial Cheat:
===========
  • Buka PB Launcher
  • Buka Cheat PB nya
  • Start PB

*Note : Buat Windows 7 : 
Saat Buka PB - Pilih klik kanan Run As-Administrator
Saat Buka Cheat Juga sama , Pilih klik kanan Run As-Administrator



Tutor Windows 7 AGar WORK No DC :
- Buka folder pb cari folder HShield
- Klik kanan HSUpdate, Compatibility, Run this progam pilih windows xp SP 3 klik Apply
- Cari folder update di folder HShield, Klik kanan autoup, Compatibility, Run this progam pilih windows xp SP 3 klik Apply, Work 1000% Tested 10 Komputer Win 7

Apabila Komp Anda Lag Nih solusinya..

  1. login pb dulu tanpa cit terlebih dahulu , 
  2. setting performance bikin lowsemua
  3. centang hapus semua, 
  4. save
  5. logout
  6. baru main pakai cit 
Support : 
  1. Windows Xp ALL pack!
  2. Windows Vista
  3. Windows 7
  4. Windows 8

Cara Membuat Jumlah Komentar Dan Readmore Berdampingan

Hallo Pengunjung Setia .
Saya Akan Memberi Tahu .Cara Untuk Membuat Jumlah Komentar Dan Readmore Secara Berdampingan.
Cara Pertama Centang Expand Template Widget
Sisipkan Kode Dibawah Di Atas Kode ]]></b:skin>
a.A7XDark-48{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:Transparent;font-size:13px;color:#FFF;display:block;border:2px solid #FFF;margin:2px 0;padding:2px 16px;margin-bottom:10px}a.A7XDark-48:hover{background:#FFFFFF;color:#FFF}

Setelah Itu Masukan Kode Ini Diatas <data:post.body/></div>
<div style='float:right'><a class='A7XDark-48' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='A7XDark-48' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

 Save Template . Selesai

tutorial memasang widget sharing button keren V.2


Setelah Tadi saya share widget sharing button bentuk telur sekarang saya akan share tutorial memasang widget sharing button *gak tau apa yah namanya* . langsung ajah kita liat Screenshootnya , dibawah ini *jika dilihat secara teliti mirip illuminati juga yah*



gimana tertarikkah anda wahau sobat blogger ?


jika tertarik berikut cara cara memasang widget share button di blog:

1.masuk ke blog sobat
2.ke tata letak
3.tambah gadget
4.pilih HTML/javascript
5.copy code share button di bawah ini :

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->

6.pastekan code Share button tadi 
7.simpan dan lihat hasilnya

dan jangan lupa tinggalkan komentar !!

Tips dan Trik Menampilkan Simbol Unik Pada Facebook.

  Ternyata banyak simbol-simbol unik yang dapat kita tampilkan pada halaman facebook. Simbol-simbol tersebut dapat ditampilkan pada chat box, status, maupun pesan/message. Simbol-simbol tersebut dapat kita tampilkan dengan menekan tombol keyboard atau kombinasi karakter tertentu pada keyboard. Jika tertarik, silakan ikuti lanjutan postingan ini bersama Tips dan Trik Blog


Pada kesempatan kali ini, simbol-simbol yang akan kita tampilkan adalah dengan menggunakan kunci ALT. Artinya untuk menampilkan simbol-simbol tersebut dilakukan dengan menekan tombol ALT secara bersamaan dengan angka tertentu. 

Syarat untuk menampilkan simbol-simbol tersebut adalah sebagai berikut.

Pada PC/Desktop

Silakan tekan dan tahan left Alt (tombol Alt yang ada di bagian kiri keyboard) kemudian tekan angka yang ada pada numpad.

Pada Notebook/Laptop

Silakan tekan dan tahan tombol Fn dan Alt secara bersamaan kemudian tekan angka yang ada pada tombol huruf J, K, L, U, I, O, 7, 8, dan 9 bukan dengan menggunakan angka yang ada di bagian sebelah atas tombol huruf. 
Berikut selengkapnya key dan simbol yang akan ditampilkan.

Key Symbol Key Symbol
Alt + 1 Alt + 17
Alt + 2 Alt + 18
Alt + 3 Alt + 19
Alt + 4 Alt + 20
Alt + 5 Alt + 21 §
Alt + 6 Alt + 22
Alt + 7 Alt + 23
Alt + 8 Alt + 24
Alt + 9 Alt + 25
Alt + 10 Alt + 26
Alt + 11 Alt + 27
Alt + 12 Alt + 28
Alt + 13 Alt + 29
Alt + 14 Alt + 30
Alt + 15 Alt + 31
Alt + 16

SELAMAT BERKREASI!!!

Modifikasi Popular Post untuk Template Gallery


Saya akan mengulas satu persatu fitur yang ada pada template demo sebelum nanti saya bagikan, sehingga diharapkan Anda dapat menciptakan atau membuat template sendiri dengan modifikasi widget default yang yang sudah disediakan oleh blogger. Widget dari blogger yang saya modifikasi kali ini adalah Popular Post, sebuah widget yang berfungsi untuk menampilkan postingan atau artikel mana yang paling banyak diminati para pengunjung. Secara default widget Popular Post ini sudah menarik karena sudah ada fitur thumbnail dan summary. Tapi menurut saya sih kondisional, widget itu bisa langsung dipasang pada blog yang lebih banyak menggunakan artikel daripada gambar, jika widget default itu dipasang pada blog yang bertipe gallery sepertinya kurang cocok.

popular


Nah, kali ini saya mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan thumbnail dan judul dengan posisi horisontal. Jika anda tertarik, berikut ini cara membuatnya :
  1. Login ke Blogger dengan akun Anda
  2. Setelah itu masuk ke template >> klik Edit HTML jangan lupa centang Expand Widget Templates.
  3. Lalu masukkan kode berikut ini diatas ]]></b:skin> :
    .PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
    .PopularPosts ul{padding:5px 0}
    .PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}
    .PopularPosts .item-content{position:relative;float:left;margin:0}
    .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
    .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
    .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
    .PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}
    Kode warna merah diatas adalah panjang dan lebar gambar thumbnail, Anda bisa ganti dan sesuaikan dengan lebar sidebar pada template, seperti yang terlihat pada sidebar blog ini.
  4. Kemudian masuk ke layout >> add a gadget pilih Popular Post pada baris kelima.
  5. Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah ini :

    popular

    Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda.
  6. Setelah langkah diatas, masuk lagi ke Edit HTML (centang Expand Widget Templates), cari kode berikut :
  7. Setelah ketemu, ganti dengan kode berikut ini :
  8. Terakhir, save templates lihat hasilnya.
Modifikasi widget Popular Post dari blogger ini tidak hanya untuk blog gallery saja, Anda juga bisa memakainya pada blog yang bukan gallery seperti yang terlihat di sidebar pada blog ini. Demikian tadi tutorial memodifikasi tampilan Popular Post untuk template Gallery jika masih ada yang kurang paham silahkan tinggalkan pesan di kotak komentar maaf kalau sudah ada tutorial seperti ini sebelumnya, selamat mencoba dan semoga bermanfaat

Memasang Slider Gambar ala Drakon Template


Lagi-lagi mengenai gambar slide di bawah header, yah soalnya ini lagi ngetrend di kalangan blogger untuk memperindah blog. Setelah pada postingan sebelumnya saya menulis tentang memasang gambar slide ala Zinmag Primus kali ini saya akan memberikan tutorial cara memasang gambar slide ala Drakon template. Pada dasarnya fungsi dari gambar slide ini sama dengan Zinmag Primus, perbedaannya jika pada Zinmag Primus gambar itu ditampilkan satu persatu secara otomatis, maka di Drakon template ini gambar yang ditampilkan ada beberapa sesuai dengan lebar template yang kita pakai, dan kita harus meng-klik tombol previous atau next untuk menampilkan gambar selanjutnya. Untuk lebih jelasnya temen-temen bisa lihat disini atau langsung saja pada Drakon template yang ada di situs template gratis.

slider gambar

Oke, langsung saja pada langkah-langkah pembuatannya :

PERTAMA

Login ke blogger dengan akun anda >> klik Tata Letak >> pilih Edit HTML >> Backup dulu template anda dengan mengklik Download Template Lengkap.
Letakkan kode berikut di atas kode ]]></b:skin>
#slidearea{
height:150px;
overflow:hidden;margin:-20px 0px 0 2px;
position:relative;
width:965px;
background:#fff url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TMti6qq0QxI/AAAAAAAAAYs/85Em1FsewNI/s000/header-background.png) repeat-x;
border:5px ridge #052844;
}
#gallerycover{
overflow:hidden;
margin:9px 20px 0 32px;
width:920px;
}
.mygallery{
overflow:hidden;
position:relative;
}
.mytext img{
float:left;
}
.mytext{
position:relative;
margin:0 5px 0 5px;
width:170px;
height:210px;
display:inline;
float:left;
color:#c4c4c4;
}
.inpost{
position:absolute;
top:0;
left:0;
width:250px;
background:#fff;
}
.mytext {
padding:5px 0;
color:#000;
width:170px;
font-size:12px;
font-weight:bold;
}
.mytext h4 a:link,.mytext h4 a:visited{
color:#000;
text-shadow: 0px 1px 0px #efefef;
}
.mytext p{
padding:0 0;
color:#555;
font-size:12px;
line-height:20px;
width:170px;
text-shadow:1px 1px 0 #f6f6f6;
}
.prevb{
float:left;
width:24px;
height:24px;
z-index:200;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhgcEnG6Ktrq1cxXYIG12OyXeKezrA2NO46CQBMrXY9pkTNrfuz59bT3-RAmqiqsSP1BuFH9m1Mm7TZNV4IENssSwJFRbTyj4SlbUezkA2OjFUaBsiQkGovvX7q0HsJZ4ZiCitIkgeSl8/s1600/back+demomaskolis.gif);
position:absolute;
left:5px;bottom:65px;
}
.nextb{
float:right;
width:24px;
height:24px;
z-index:200;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pD15Nqx_fB7HSKF80sfLxemHYtcp4uMbC2Q7AGa_Qzg1V2ReSEx4XOXCtnUgczXG6zL9YC_sxRgb00UCgwq-UVZmIxQIu0cQso6DXeFD5hPWGBP31rpyH4l2BIYfc8f8Ll0FVby_xU0/s1600/prev+demomaskolis.gif);
position:absolute;
right:5px;
bottom:65px;
display:block;
}

KEDUA

Masih pada posisi Edit HTML. Letakkan kode berikut di bawah kode ]]></b:skin>.atau diatas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

/*
 * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php
 *
 * Uses the built in easing capabilities added in jQuery 1.1
 * to offer multiple easing options
 *
 * Copyright (c) 2007 George Smith
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */

jQuery.easing = {
    easein: function(x, t, b, c, d) {
        return c*(t/=d)*t + b; // in
    },
    easeinout: function(x, t, b, c, d) {
        if (t < d/2) return 2*c*t*t/(d*d) + b;
        var ts = t - d/2;
        return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;       
    },
    easeout: function(x, t, b, c, d) {
        return -c*t*t/(d*d) + 2*c*t/d + b;
    },
    expoin: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        return flip * (Math.exp(Math.log(c)/d * t)) + b;       
    },
    expoout: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;
    },
    expoinout: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;
        return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;
    },
    bouncein: function(x, t, b, c, d) {
        return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;
    },
    bounceout: function(x, t, b, c, d) {
        if ((t/=d) < (1/2.75)) {
            return c*(7.5625*t*t) + b;
        } else if (t < (2/2.75)) {
            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
        } else if (t < (2.5/2.75)) {
            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
        } else {
            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
        }
    },
    bounceinout: function(x, t, b, c, d) {
        if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;
        return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;
    },
    elasin: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
    },
    elasout: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
    },
    elasinout: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
        return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
    },
    backin: function(x, t, b, c, d) {
        var s=1.70158;
        return c*(t/=d)*t*((s+1)*t - s) + b;
    },
    backout: function(x, t, b, c, d) {
        var s=1.70158;
        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
    },
    backinout: function(x, t, b, c, d) {
        var s=1.70158;
        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
    },
    linear: function(x, t, b, c, d) {
        return c*t/d + b; //linear
    }
};

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))

//]]>
</script>

KETIGA

Kita akan meletakkan id untuk slider Drakon tepat di bawah header blog. Nah, anda pun bisa menyesuaikan penempatan id ini. Jadi cocokkan saja dengan template anda. Apalagi template blogger yang sudah banyak dimodifikasi. Langsung saja cari kode <div id='content-wrapper'> Letakkan kode di bawah ini tepat di bawah kode <div id='content-wrapper'>.
<div style='height:20px;width:100%;overflow:hidden;'/>
<script type='text/javascript'>
var $jx = jQuery.noConflict();
$jx(function() {
 $jx(&quot;.mygallery&quot;).jCarouselLite({
 btnNext: &quot;.nextb&quot;,
        btnPrev: &quot;.prevb&quot;,
    visible: 5,
    speed: 1000,
    easing: &quot;backout&quot;      
    });
});
</script>
<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
<ul>
<li>
<div class='mytext'>
<a href='SLIDE-1-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPYKXTSxMYWGVNCMdML_zKWTu7flFRuRv6iKYjC2BMQsUrnzhUFUlZeoOisKIogVjpVhSmySGQR55TOwbeuZVseVBzRjTwaoudVaKm4SfV02bsDZsibho_8FmLWwWyNMzyb3KYA0Tb6M/s1600/demomaskolis+come+away+with+me+1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-2-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixfW3rhNFcSWgC_qo-5JxV5LKDwbOcJ4WK9h3EXeTOiLNfDgc7Uz6gXc712biKQNbk7hyphenhyphenO4NjiDw5YoKXNl8LKxEf_Hp6Q674JVOe_leQbXplgrXKEOlLsD-Ue3eT805Lyx-3kylbXuwc/s1600/demomaskolis+soldier+1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Sade Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-3-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfPek_YyL2aRnnBVIKRmCAYk-aidcZ9gpq0ZNmGkEldQ5sAHbLaPqgY9XLzYBHOCidHD9jJ6jekyp_o6qupERE3Mi2LSkP0ug1OzThArkaOC5qmmwkK5czyQWaOpbwgWWOG87k1E5NYk/s1600/demomaskolis+basia1.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Basia Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-4-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6L2Qv6MH9uti_LaL5QzyMDhH2p1a045lKzlSfutpIMuB0aPJidMRzIJmq58-72yWKm4jCFP72MIWbK1yjw4JnH_QNPwJo4CsjqG3W8zmExXpHlgCImUjEFj-DqJikFFyHZKUggcvrRyQ/s1600/jamiroquai+demomaskolis1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Jamiroquai Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-5-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BcUTP449-mHjLH9RxM8FY5MF_c66YxiQYPr9GCdAFns5Sbme4nP_0zUs1sfYsNTAFFRgvHJl6fbzqZvxgeSMTOtRv8bD1kDGUhvyFk7fLjuYI5MFkbeF-KYUqVOjzKmF8l9qyJll6Q0/s1600/jamie+cullum+demomaskolis1.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Jamie Cullum Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-6-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsFDLBAnU4W_GukPYI3OCRMauBf1i9qBkCdwb3pN2Z1pZZh6o7oHO2JoMn7YgfC80I5MKi-xEee_iClLc_xl2QaztQRHg6fn0GKahTfbq81998LiUDCeZKb0c2sWk0mv7b2J04I4M_4w/s1600/diana+krall+demomaskolis.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Diana Krall Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-7-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIw5W8i4Re6wxNA2NtoJ1yuaW3G_hKUnKB4chpcBgGmXBVPEDqZuVDX0c_ld4FgyR7zmBG9L4ZcgiJdRdEFscmncLi-Z75QfaerTbyXnLW_0a4uMrYpqOTOE61Fr4SlB9RjCuScRkcmI/s1600/demomaskolis+sting.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Sting Lyrics</a></p>
</div>      
</li>
</ul>
<div class='clear'/>   
</div>
</div>
   <a class='prevb' href='#'/>
   <a class='nextb' href='#'/> 
</div>
Kalau sudah klik simpan template dan perhatikan apakan slider gambar sudah terpasang dengan baik di blog anda. Pemasangan slider gambar ala Drakon ini saya sesuaikan dengan isi dari blog saya. Jika anda ingin merubah tampilan atau gambar, hal-hal yang perlu diperhatikan adalah :
  1. Background slider, anda bisa ganti http://3.bp.blogspot.com/_JUg9QsmKp5s/TMti6qq0QxI/AAAAAAAAAYs/85Em1FsewNI/s000/header-background.png sesuai dengan background anda sendiri
  2. #slidearea{
    height:150px;
    overflow:hidden;margin:-20px 0px 0 2px;
    position:relative;
    width:965px;
    background:#fff url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TMti6qq0QxI/AAAAAAAAAYs/85Em1FsewNI/s000/header-background.png) repeat-x;
    border:5px ridge #052844;
    }
  3. Pada contoh slider di atas, saya menyertakan link dan teks (tulisan warna merah) dari blog demo saya. Jadi, silahkan mengganti link, teks dan gambar (image) buatan sendiri, sesuaikan dengan kebutuhan. Bagian tersebut adalah seperti ini :
    <li>
    <div class='mytext'>
    <a href='SLIDE-1-LINK-HERE'> <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPYKXTSxMYWGVNCMdML_zKWTu7flFRuRv6iKYjC2BMQsUrnzhUFUlZeoOisKIogVjpVhSmySGQR55TOwbeuZVseVBzRjTwaoudVaKm4SfV02bsDZsibho_8FmLWwWyNMzyb3KYA0Tb6M/s1600/demomaskolis+come+away+with+me+1.jpeg'/> </a>
    <div class='clear'/>
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
    </div>
    </li>
  4. Jika ingin menambahkan deskripsi singkat di bawah judul gambar, temen-temen bisa rubah menjadi seperti ini
    <li>
    <div class='mytext'>
    <a href='SLIDE-1-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPYKXTSxMYWGVNCMdML_zKWTu7flFRuRv6iKYjC2BMQsUrnzhUFUlZeoOisKIogVjpVhSmySGQR55TOwbeuZVseVBzRjTwaoudVaKm4SfV02bsDZsibho_8FmLWwWyNMzyb3KYA0Tb6M/s1600/demomaskolis+come+away+with+me+1.jpeg'/> </a> <div class='clear'/>
    <h2><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></h2>  
    <p>Norah Jones adalah penyanyi jazz terkenal yang sudah banyak memperoleh penghargaan.....</p>
    </div>
    </li>
  5. Untuk merubah lebar (width:965px), anda bisa sesuaikan dengan lebar di template yang anda pakai. Demikian juga tinggi slider, anda bisa atur sendiri, bisa kan? Saya yakin pasti bisa. 
Wah banyak juga kodenya ya? Temen-temen jangan bingung, saya yakin bagi anda yang senang mengutak-atik kode-kode HTML pasti bisa. Jika masih bingung juga, isi saja kotak komentar yang ada di bawah, siapa tahu saya bisa membantu.

Selamat mencoba dan semoga bermanfaat.

Cara Modifikasi Widget Label Pada Blogger




Salah satu widget yang sering dipasang untuk memudahkan pengunjung untuk menemukan artikel yang ia cari salah satunya ialah memasang widget label atau kategori. Akan tetapi kadang seseorang itu tidak puas dengan tampilan widget label standar yang disediakan blogger.
Jadi pada kesempatan kali ini saya akan coba share bagaimana cara memodifikasi tampilan widget label yang mana hasilnya akan nampak seperti gambar di atas.
Untuk menjadikan tampilan widget label seperti gambar di atas ikuti tutorial berikut ini.
1. Login ke blogger atau klik disini»
2. Pilih Template » Edit Html » Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
4. Cari code ini di bawah ini. Tekan Ctrl+F atau F3 untuk mempermudah pencarian.
]]></b:skin>
5. Setelah code tersebut ketemu copy paste code di bawah ini dan letakkkan di atas code ]]></b:skin>
.label-size {
float: left;
margin: 0 0 7px 20px;
position: relative;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.75em;
font-weight: bold;
text-decoration: none;
color: #996633;
text-shadow: 0px 1px 0px rgba(255,255,255,.4);
padding: 0.417em 0.417em 0.417em 0.917em;
border-top: 1px solid #d99d38;
border-right: 1px solid #d99d38;
border-bottom: 1px solid #d99d38;
-webkit-border-radius: 0 0.25em 0.25em 0;
-moz-border-radius: 0 0.25em 0.25em 0;
border-radius: 0 0.25em 0.25em 0;
background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
-webkit-box-shadow: inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);
z-index: 1;
}
.label-size:before {
content: '';
width: 1.30em;
height: 1.39em;
background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
position: absolute;
left: -0.69em;
top: .2em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-left: 1px solid #d99d38;
border-bottom: 1px solid #d99d38;
-webkit-border-radius: 0 0 0 0.25em;
-moz-border-radius: 0 0 0 0.25em;
border-radius: 0 0 0 0.25em;
z-index: 1;
}
.label-size:after {
content: '';
width: 0.5em;
height: 0.5em;
background: #fff;
-webkit-border-radius: 4.167em;
-moz-border-radius: 4.167em;
border-radius: 4.167em;
border: 1px solid #d99d38;
-webkit-box-shadow: 0 1px 0 #faeaba;
-moz-box-shadow: 0 1px 0 #faeaba;
box-shadow: 0 1px 0 #faeaba;
position: absolute;
top: 0.667em;
left: -0.083em;
z-index: 9999;
}
.label-size:hover {
background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color: #e1b160;
}
.label-size:hover:before {
background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color: #e1b160;
}
6. Dan yang terakhir simpan/save template.
Semoga artikel kali ini bermanfaat dan jangan lupa like dan kementarnya demi kemajuan blog ini. Thank :)

Cara Mudah Memasang Emotion Otomatis Pada Komentar Blog




Salah satu cara untuk mengingkat trafik blog yang pernah saya baca ialah dengan banyak komentar pada artikel yang kita posting. Akan tetapi pengunjung mungkin enggan berkomentar dikarenakan beberapa hal seperti  kurang menariknya artikel yang ia baca dan tampilan komentar blog yang bisa dibilang kurang keren.
Emotion Otomatis Pada Komentar Blog
Jadi pada kesemptan kali ini saya akan mencoba share ke sobat tentang bagaimana cara mempercantik tampilan komentar pada blog salah satunya dengan menambahkan emotion otomatis pada komentar di blog.
Jika sobat berminat memasangnya di blog sobat ikuti langkah-langkah di bawah ini.
1. Login ke blogger atau klik disini
2. Pilih Template Edit Html Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
4. Cari Code di bawah ini.
</body>
5. Setelah ketemu, copy paste code di bawah ini dan letakkan di bawah code </body>
<style type='text/css'>
.emoWrap {
  background-color:#F0F0F0;
  border:1px solid #C2CFDF;
  padding:8px 10px;
  color:black;
  font:bold 12px Times new roman;
  text-align:center;
}
img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}
input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage  = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
Catatan:
  • Code yang berwarna merah merupakan warna background.
  • Code yang berwarna biru merupakan warna border.
  • Tulisan yang berwarna ungu silahkan ganti dengan kalimat sobat sendiri.
  • Untuk code warna bisa sobat lihat disini
6. Dan yang terakhir simpan/save template.
Semoga artikel kali bermanfaat jangan lupa like dan komentarnya ya…!!! demi kemajuan blog ini. Happy Blogging :)

Pengikut

 
Support : Creating Website | Johny Template | Dodhy Irawan™
Copyright © 2011. Blog Hacker Inside™ - All Rights Reserved
Template Created by Creating Website Inspired by Wonogiri cyber™
Proudly powered by Blogger