CARA MASANG CHATBOX DI BLOG

Cara pasang CHATBOX di blog anda sangatlah mudah cara nya adalah sebagai berikut:
1.Login ke Blogger
2.Setelah masuk Dasbor pilih Rancangan
3.Klik Tambah Gatget Dan pilih Html/Javascript
4.copy paste code dibawah ini
5.jangan lupa save dan lihat blog


<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid#FOF8FF;
-moz-box-shadow: -2px 2px 25px lime;
background:#DCDCDC no-repeat center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url();">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=689693&amp;boxtag=bknrcg&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-689693" style="border: 0px solid;" id="cboxmain5-689693"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=689693&amp;boxtag=bknrcg&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-689693" style="border: 0px solid;border-top:0px" id="cboxform5-689693"></iframe></div>
</div>
<!-- END CBOX -->


<!--kkkk-->


</div>
</div>
</div>
<br/>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebbL58MUkVYaP7BMtMbwYja_BwYtCn-v2UDRVHLc-Ng8pK4CfOH753kNEOaQoRKoJN-hK1hymO-xMX1c-7DN0JEMsRfjkWWh2JKjyxHMWrRIgL7VYFQPjJpQnXAoKFD0UqFUYolKKzsHj/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div>
</div>




<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>




<div style='display:scroll; position:fixed; top:80px; left:3px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://dl.dropbox.com/u/24368183/chatbox.gif" /></a>
</div>


untuk code yang berwarna merah itu adalah code untuk background dan dapat di ganti dengan warna sesuai kesukaan anda,,silahkan anda lihat code warna disini bila anda ingin mengganti warna background



lihat demo nya di sini

JQUERY SLIDE

DEMO









 script ini dapat di pasang di blogger cara masang nya cikuplah mudah anda cukup mengikuti cara di bawah

1. Seperti biasa log in blogger

2. masuk ke Rancangan, Edit Html


3. Cari kode </head> dan letakkan kode berikut
di atas kode tadi :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript"></script>


Simpan template.........

Selanjutnya COPAS kode di bawah ini pada edit Html Postingan atau pada tambah
Gadget Html.Java script,,, sesuai kebutuhan :

<script src=" http://kodecode.googlecode.com/files/animation1.js
" type="text/javascript">

</script><script src="http://kodecode.googlecode.com/files/animation2.js"
type="text/javascript"></script>

<script src="http://kodecode.googlecode.com/files/animation3.js"
type="text/javascript">

</script><style type="text/css">

.amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden;
-webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius:
10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px;
padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius:
10px;-moz-border-radius: 10px;}</style><div class="amdhas"
id="ke2">

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/>

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/>

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/></div>

<script type="text/javascript">

$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut:
'backin',delay:-2000});

</script>
Yang berwarna merah adalah ukuran gambar, bisa di atur
sesuai selera
Yang berwarna hijau adalah alamat gambar

5.Simpan
sumber =http://tipsdantrikbloging.blogspot.com 

Membuat link mengeluarkan bintang

Pasti sobat pernah melihat bintang di langit yang indah,dan ingin memiliki nya tapi rasanya tidak mungkin untuk memiliki nya...heeeeeeee.....
jangan kawatir sobat anda saat ini bisa memiliki nya,cara nya sangat mudah ko,mari kita mulai cara Link Mengeluarkan Bintang.




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-cSMFMry00YbzGwabcTvn_eYdOvs1pOE2LW9nMb9DI8Mlrkyy7AJ2RR5KOuM3jDudJsUQrxp20gfOWQ5g38JO_ykOwdyuOveyAdrZDuwEJ2o2V0Hc-GwX9Ehfp6Hy694g8g6UTs5-wg/s1600/stars.gif

Sobat Hanya Menambahkan atau menyisipkan kode Di atas ini tepat Disamping kode a:hover {

1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover {  tapi  yg berdekatan dengan  a:link{  atau berdekatan dengan a:visited{

6.Copy Paste Kode Diatas Disamping Kode a:hover {  yg berdekatan dengan  a:link{  atau
   berdekatan dengan a:visited{

Contoh:   a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-cSMFMry00YbzGwabcTvn_eYdOvs1pOE2LW9nMb9DI8Mlrkyy7AJ2RR5KOuM3jDudJsUQrxp20gfOWQ5g38JO_ykOwdyuOveyAdrZDuwEJ2o2V0Hc-GwX9Ehfp6Hy694g8g6UTs5-wg/s1600/stars.gif);}
               

 7.Simpan Template..

Sangat mudah kan sobat Cara Membuat Link Mengeluarkan Bintang ini,sekarang sobat sudah memiliki bingtang seperti di langit..^_^

Semoga bermanfaat
Cara Memasang Tag Cloud (WP-Cumulus) pada Blog - Ingin memasang Tag Cloud (WP-Cumulus) seperti diatas?? Mauu donggg..... Tapi bagaimana caranya?? Caranya gampang kok, temen-temen tinggal menambahkan sebuah widget berjenis HTML/JavaScript dan masukkan code seperti dibawah ini....


<embed quality= "high" allowscriptaccess= "always" flashvars= "tcolor= 0x00aadc&amp;mode= tags&amp;distr= true&amp;tspeed= 100&amp;tagcloud= &lt;tags&gt;


&lt;a href = 'http://antiproxi.blogspot.com/'target ='new'style= '14'color= '0x00cc00'hicolor= '0x11111ff'&gt;ANTI PROXY&lt;/a&gt;




&lt;a href = 'http://freemusicindijuzzy.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;DOWNLOAD MUSIC&lt;/a&gt;




&lt;a href = 'http://warnaindijuzzy.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt; HTML WARNA&lt;/a&gt;




&lt;a href = 'http://photoshopindijuzzy.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt; PHOTOSHOP ONLINE&lt;/a&gt;

&lt;a href = 'http://temlateblogspot.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;FREE TEMPLATE&lt;/a&gt;

&lt;a href = 'http://tipsdantrikbloging.blogspot.com/2012/03/kumpulan-animasi-lucu.html'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;ANIMASI LUCU&lt;/a&gt;


&lt;a href = 'http://tipsdantrikbloging.blogspot.com/2012/07/script-khusus-file-mp3.html'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;SCRIPT FILE MP3&lt;/a&gt;


&lt;a href = 'http://sorgalla.com/projects/jcarousel/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;CAROUSEL&lt;/a&gt;


&lt;a href = 'http://www.tripwiremagazine.com/2012/06/jquery-carousel.html'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt;CAROUSEL 3D&lt;/a&gt;

&lt;/tags&gt;" type= "application/x-shockwave-flash" src= "http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" id= "tagcloud" name="tagcloud" wmode= "transparent" height= "250" width= "300"></embed>




Harap diperhatikan : Untuk yang berwarna MERAH silahkan ganti sesuai dengan url dan nama url temen. Temen-temen juga bisa mengubah parameter-parameter lain seperti warna, kecepatan gerakan, juga tinggi dan lebar tag cloud. Simpan widget yang baru saja dibuat dan lihatlah sekarang temen-temen telah memiliki tag cloud pada blog temen-temen. Ini adalah cara yang paling praktis. Tapi perlu di ingat, label yang ingin di pasang pada tag cloud harus di tentukan terlebih dahulu saat temen-temen membuat sebuah artikel.


UPDATE : Karena kmaren ada yang bilang tidak bisa, padahal code diatas sudah benar. Hmm... tapi mungkin karena pengaruh Template,, jadi kemungkinan pas copy ada yang tidak ter-copy dengan baik. Oleh karena itu, saya sertakan dengan link download. Selamat berkreasi ^^

Cara Cepat Meningkatkan Traffic/Pengunjung Blog Dengan EasyHit4U (100-1000 Visitor/Hari)

Salah satu cara untuk melangsingkan alexa dan meningkatkan traffick, trafik, atau pengunjung blog/web adalah dengan cara menggunakan Traffic Exchange. Maksudnya traffick exchange adalah jika kita berkunjung maka kita akan mendapat kunjungan balik. Salah satu traffic Exchange yang terbaik dan terkenal adalah EasyHit4U. Selain mendapatkan traffic/pengunjung kita juga akan mendapatkan bonus berupa dolar jika telah surfing sebanyak 1000 kali. Jika kita surfing 1000 x maka blog atau web kita juga telah dikunjungin 1000 x dengan unik visitor. Jadi sudah dapat traffick dapat uang juga^^ Mau tau caranya?

- Silahkan Klik DiSini Untuk mendaftar
- Klik Join Now di kanan atas
- Masukkan nama, email, username, password

- Centang I Accept kemudian klik Join EasyHit4U
- Setelah itu buka email anda untuk verifikasi
- Setelah verifikasi silahkan anda login
- Setelah login Klik My Website
- Masukkan url dan nama website anda. Kamu juga bisa memilih negara mana yang akan melihat blog atau web kamu. Cara nya pilih di Geo Targeting



- Kemudian Klik Submit Site
- Setelah Web/Blog anda di terima Klik Setting



- Ubah Auto-assign ratio menjadi 100%
- Klik Save
- Silahkan anda surfing (pilih yg star surfing 1:1)



Sebaiknya blog/web anda tidak ada GA (Google Adaense) karena melanggar TOS dan akan di tolak oleh easyhit4u, dan biasanya apabila blog atau situs anda di tolak akan ada pemberitahuan mengapa di tolak sehingga anda bisa memperbaikiny. Sekarang anda bisa mendapatkan traffic, selain tarffick kamu juga akan mendapatkan dolar.

script portal


untuk memberi tahu bahwa blog anda sedang dalam perbaikan
atau belum selesai benar...ini script nya untuk melihat demonya anda bisa klik gambar di samping Dan caranya adalah sebagai berikut....


1.anda harus masuk /login ke blogger
2.pilih rancangan
3.klik tambah gatget pilih javascript/HTML
4.copy paste script di bawah
5.yang terakhir save dan lihat blog.


<script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/2255372710-widgets.js"></script>
<script type='text/javascript'>
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID\x3d5104657766160902668','http://homeindijuzzy.blogspot.com/','5104657766160902668');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID\x3d5104657766160902668','APq4FmA80ulDDJ-T30mqoaCvWgdaLBRSrenBWQYTBoZ6kGV698-_eEQWo-PGsq08lImkKabbthIeQvcJH2Rq5m9IW8qBy_cEE_bhP0x_MS4xAJlVAApdzSU\x3d','AOuZoY5yqYbELj_J58gsh4k67v1dVMZLRA:1343093810684');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5104657766160902668', 'bloggerUrl': 'http://www.blogger.com', 'title': 'indijuzzy', 'pageType': 'index', 'url': 'http://homeindijuzzy.blogspot.com/', 'canonicalUrl': 'http://homeindijuzzy.blogspot.com/', 'canonicalHomepageUrl': 'http://homeindijuzzy.blogspot.com/', 'homepageUrl': 'http://homeindijuzzy.blogspot.com/', 'blogspotFaviconUrl': 'http://homeindijuzzy.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'indijuzzy', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42indijuzzy - Atom\42 href\75\42http://homeindijuzzy.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42indijuzzy - RSS\42 href\75\42http://homeindijuzzy.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42indijuzzy - Atom\42 href\75\42http://www.blogger.com/feeds/5104657766160902668/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0755104657766160902668\42 /\076', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/02117245705497198452\42 /\76\n', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n\74link rel\75\42openid.delegate\42 href\75\42http://homeindijuzzy.blogspot.com/\42 /\76\n', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window,c\75\42jstiming\42,d\75\42tick\42;var e\75function(b){this.t\75{};this.tick\75function(b,o,f){f\75void 0!\75f?f:(new Date).getTime();this.t[b]\75[f,o]};this[d](\42start\42,null,b)},h\75new e;a.jstiming\75{Timer:e,load:h};if(a.performance\46\46a.performance.timing){var i\75a.performance.timing,j\75a[c].load,k\75i.navigationStart,l\75i.responseStart;0\74k\46\46l\76\75k\46\46(j[d](\42_wtsrt\42,void 0,k),j[d](\42wtsrt_\42,\42_wtsrt\42,l))}\ntry{var m\75null;a.chrome\46\46a.chrome.csi\46\46(m\75Math.floor(a.chrome.csi().pageT));null\75\75m\46\46a.gtbExternal\46\46(m\75a.gtbExternal.pageT());null\75\75m\46\46a.external\46\46(m\75a.external.pageT);m\46\46(a[c].pt\75m)}catch(n){};a.tickAboveFold\75function(b){var g\0750;if(b.offsetParent){do g+\75b.offsetTop;while(b\75b.offsetParent)}b\75g;750\76\75b\46\46a[c].load[d](\42aft\42)};var p\75!1;function q(){p||(p\75!0,a[c].load[d](\42firstScrollTime\42))}a.addEventListener?a.addEventListener(\42scroll\42,q,!1):a.attachEvent(\42onscroll\42,q);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42http://www.blogger.com/static/v1/jsbin/968765673-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/fd3d7a59ef034be3'}}, {'name': 'skin', 'data': {'vars': {'date_border_size': '0', 'description_font': 'normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'body_background_gradient_cap': 'url(http://www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png)', 'tabs_selected_background_color': '#444444', 'footer_background_gradient': 'none', 'date_background': 'transparent none no-repeat scroll top left', 'widget_border_radius': '10px', 'post_title_text_color': '#1E90FF', 'widget_font': 'normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'widget_link_hover_color': '#ADFF2F', 'link_visited_color': '#B22222', 'mobile_background_size': 'auto', 'date_space': '30px', 'post_title_font': 'normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'tabs_text_color': '#1E90FF', 'title_separator_border_size': '1px', 'header_background_gradient': 'none', 'widget_outer_background_gradient': 'none', 'widget_link_color': '#FFD700', 'mobile_button_color': '#0000FF', 'widget_title_font': 'normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'widget_outer_background_color': 'transparent', 'date_last_border_radius_bottom': '10px', 'widget_outer_margin_top': '0', 'shadow_spread': '0', 'title_shadow_spread': '-1px', 'outer_shadow_spread': '0', 'keycolor': '#ffffff', 'image_shadow_spread': '0', 'image_background_color': '#222222', 'header_font': 'normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'header_background_color': 'transparent', 'date_header_border_radius_top': '0', 'widget_border_bevel_color': '#000000', 'tabs_border_color': '#222222', 'widget_background_color': '#141414', 'date_position': 'static', 'post_first_padding_top': '0', 'tabs_background_gradient': 'none', 'mobile_background_overlay': 'transparent none repeat scroll top left', 'date_border_color': '#222222', 'tabs_background_color': '#141414', 'widget_link_visited_color': '#B22222', 'feed_text_color': '#1E90FF', 'header_margin_top': '0', 'link_hover_color': '#ADFF2F', 'date_last_space_bottom': '20px', 'header_margin_bottom': '0', 'date_padding_bottom': '0', 'list_separator_border_size': '1px', 'description_text_color': '#1E90FF', 'body_text_color': '#1E90FF', 'header_padding_top': '22px', 'post_border_color': '#222222', 'footer_text_color': '#1E90FF', 'post_background_color': '#141414', 'pager_space_top': '1em', 'endSide': 'right', 'startSide': 'left', 'body_background_size': 'auto', 'tabs_font': 'normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'body_font': 'normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'date_first_border_radius_top': '10px', 'date_header_position': '15px', 'date_text_color': '#666666', 'widget_title_text_color': '#1E90FF', 'image_border_color': 'transparent', 'separator_outdent': '15px', 'widget_text_color': '#1E90FF', 'link_color': '#FFD700', 'widget_border_color': '#222222', 'pager_border_radius_top': '10px', 'feed_link_color': '#FFD700', 'header_text_color': '#1E90FF', 'footer_background_color': '#141414', 'widget_padding_top': '8px', 'feed_link_visited_color': '#B22222', 'feed_link_hover_color': '#ADFF2F', 'date_font': 'normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'tabs_selected_text_color': '#1E90FF', 'date_side': 'right', 'post_border_bevel_color': '#222222', 'widget_padding_side': '15px', 'body_background_color': '#000000', 'image_border_radius': '0', 'pager_background_color': '#141414', 'widget_alternate_text_color': '#666666'}, 'override': '\n#bukarahasiaads {margin:0px;padding:0px;text-align:center}\n#bukarahasiaads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}\n#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity\07570);}\n'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', null, document.getElementById('Followers1'), {'title': 'Pengikut', 'codeSnippet': '\74script type\75\42text/javascript\42\76\n        if (!window.google || !google.friendconnect) {\n          document.write(\47\74script type\75\42text/javascript\42\47 +\n              \47src\75\42http://www.google.com/friendconnect/script/friendconnect.js\42\76\47 +\n              \47\74/scr\47 + \47ipt\76\47);\n        }\n      \74/script\76\n\74script type\75\42text/javascript\42\76\n      if (!window.registeredBloggerCallbacks) {\n        window.registeredBloggerCallbacks \75 true;\n\n        \n\n        \n        gadgets.rpc.register(\47requestReload\47, function() {\n          document.location.reload();\n        });\n\n        \n        gadgets.rpc.register(\47requestSignOut\47, function(siteId) {\n          \n          google.friendconnect.container.openSocialSiteId \75 siteId;\n          google.friendconnect.requestSignOut();\n        });\n      }\n    \74/script\76\n\74script type\75\42text/javascript\42\76\n    \n    function registerGetBlogUrls() {\n      gadgets.rpc.register(\47getBlogUrls\47, function() {\n        var holder \75 {};\n        \n          \n          \n          \n            holder.postFeed \75 \42http://www.blogger.com/feeds/5104657766160902668/posts/default\42;\n          \n          \n          \n            holder.commentFeed \75 \42http://www.blogger.com/feeds/5104657766160902668/comments/default\42;\n          \n          holder.currentBlogUrl \75 \42http://homeindijuzzy.blogspot.com/\42;\n          holder.currentBlogId \75 \0425104657766160902668\42;\n        \n        return holder;\n      });\n    }\n  \74/script\76\n\74script type\75\42text/javascript\42\76\n  if (!window.registeredCommonBloggerCallbacks) {\n    window.registeredCommonBloggerCallbacks \75 true;\n\n    gadgets.rpc.register(\47resize_iframe\47, function(height) {\n      var el \75 document.getElementById(this[\47f\47]);\n      if (el) {\n        el.style.height \75 height + \47px\47;\n      }\n    });\n\n    \n    gadgets.rpc.register(\47set_pref\47, function() {});\n\n    registerGetBlogUrls();\n  }\n  \74/script\76\n\74div id\75\42div-bsj9qy1zp96e\42 style\75\42width: 100%; \42\76\74/div\76\n\74script type\75\42text/javascript\42\76\n    var skin \75 {};\n    skin[\47FACE_SIZE\47] \75 \04732\47;\n    skin[\47HEIGHT\47] \75 \042260\42;\n    skin[\47TITLE\47] \75 \42Pengikut\42;\n    skin[\47BORDER_COLOR\47] \75 \42transparent\42;\n    skin[\47ENDCAP_BG_COLOR\47] \75 \42transparent\42;\n    skin[\47ENDCAP_TEXT_COLOR\47] \75 \42#1E90FF\42;\n    skin[\47ENDCAP_LINK_COLOR\47] \75 \42#FFD700\42;\n    skin[\47ALTERNATE_BG_COLOR\47] \75 \42transparent\42;\n    \n    skin[\47CONTENT_BG_COLOR\47] \75 \42transparent\42;\n    skin[\47CONTENT_LINK_COLOR\47] \75 \42#FFD700\42;\n    skin[\47CONTENT_TEXT_COLOR\47] \75 \42#1E90FF\42;\n    skin[\47CONTENT_SECONDARY_LINK_COLOR\47] \75 \42#FFD700\42;\n    skin[\47CONTENT_SECONDARY_TEXT_COLOR\47] \75 \42#666666\42;\n    skin[\47CONTENT_HEADLINE_COLOR\47] \75 \42#000000\42;\n    skin[\47FONT_FACE\47] \75 \42normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif\42;\n    google.friendconnect.container.setParentUrl(\42/\42);\n    google.friendconnect.container[\42renderMembersGadget\42](\n    {id: \42div-bsj9qy1zp96e\42,\n     height: 260,\n     \n     \n     \n     site: \04212106106184526853033\42,\n     \n     locale: \47in\47 },\n     skin);\n  \74/script\076'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-right-1', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-right-1', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'crosscol-overflow', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer-2-1', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'footer-1', null, document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'Diberdayakan oleh \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'main', null, document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'http://www.blogger.com/static/v1/jsbin/1388511201-lbx.js', 'lightboxCssUrl': 'http://www.blogger.com/static/v1/v-css/228702327-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._SetupPreview('Dalam perbaikan!!!');
</script>

.post img {
box-shadow: 0 3px 6px rgba(0,0,0,.25);
transform: rotate(+2deg);
-o-transform: rotate(+2deg);
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.post img:hover {
box-shadow: 0 3px 6px rgba(0,0,0,.5);
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}

cara membuat multi tab pada blog

Membuat Widget Multi Halaman/TabView.
Dari anda melihat gambar disamping ini saja,anda pasti sudah mengerti apa yang saya maksud dari multi halaman/multi tab tersebut.

Yup!
Membuat Widget sederhana yang bertujuan untuk menghemat tempat,sekaligus menambah kerapian dari blog/web tersebut.

Selain itu,pengunjung tidak merasa lelah menaikan maupun menurunkan scrollbar hanya untuk sekedar menari status dari blog tersebut.
Sebenarnya artikel ini sudah di publikasikan oleh Mas Herman di artikelnya Menambahkan Widget Tab View Pada Blog’.
saya
tanpa mengurangi etika bloging akan menjabarkannya lagi.
Sebenarnya sangat sederhana dalam membuat widget bertab-tab ini,untuk yang belum tahu cara membuatnya,anda bisa ikuti lagkah berikut:

Cara Membuat Multi Halaman


Pergilah ke Dashboard,lalu pilih Tata Letak,kemudian pilih Add New Widget/Tambah Gadget/Element Baru,pilih HTML/Javascript.
Letakkan kode berikut:

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span
style="color:white">TAB 1</span></a>
<a><span
style="color:white">TAB 2</span></a>
<a><span style="color:
white">TAB 3</span></a>
</div>
<div style="width: 252px; height: 180px;" class="Pages">

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 1
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML
Content  Widget YANG INGIN ANDA TAMPILKAN PADA TAB 2
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 3
</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Untuk kode yang berwarna merah,ubahlah dan gantilah sesuai keinginan anda,sedangkan kode yang berwarna merah,hanya sebuah penjelasan dari masing-masing kode.

Sekarang tinggal menyisipkan kode-kode html yang ingin anda letakkan pada masing-masing tab.

Anda bisa meletakkan seperti,kode Shout,Recent Comment,Blogroll dll.
Semoga berhasil ya..


trimakasih atas kunjungan anda semoga sksesssss!!!!!!!!

Membuat efek zoom pada blog

Cara Membuat Efek ZOOM Pada Gambar

Biasanya cara ini dpergunakan untuk menyiasati penghematan tempat apabila kita harus menggunakan ukuran gambar yang besar. Dengan cara ini gambar bisa kita perkecil sesuai dengan kolom postingan, kemudian apabila pembaca ingin melihat ukuran yang sebenarnya tinggal mengarahkan mouse saja ke gambar tersebut. (begichu lho....)


1. Silahkan login ke Blogger terlebih dahulu.

2. Kemudian klik Tata Letak.


3. Edit HTML.


4. Letakkan kode css berikut ini, tepat diatas kode
]]></b:skin>
 
/* Zoom Efek */

.thumbnail{position:relative;z-index:0}

.thumbnail:hover{background-color:transparent;z-index:50}

.thumbnail span{position:absolute;left:-1000px;visibility:hidden;color: black;text-decoration: none}

.thumbnail span img{border-width:0;padding:2px}

.thumbnail:hover span {visibility: visible; top: 0; left: 60px}

Jangan lupa Simpan Template.

script khusus file mp3

Script Shusus File Mp3

script kali ini berbeda dengan yang lain mengapa di namai khusus karena script ini memiliki file lagu yang begitu banyak,,dan ini dapat membantu anda yang ingin membuat sebuah blog download music,,semua para blogger juga tau kalau ingin membuat blog download music itu harus mengupload file ke layanan hosting dulu entah hosting gratis atau mbayar...bagiku itu semua tidak efektif karena kita harus mengupload beberapa ribu lagu untuk menjadikan blog kita downloatan music,,apakah anda tidak capek???? yang ada tangan anda malah kriting,melelahkan dan dapat menyita waktu anda....dengan script khusus ini anda cukup memposting satu kali saja dan itu sudah mencakup beberapa ribu lagu didalam nya ,,,saya berani posting seperti ini karna saya sudah pernah membuat nya..

script ini tidak di jual dimanapun harga promo cuma Rp100.000 ingat harga sewaktu-waktu bisa berubah..

pesan hubungi hp:085741790682

script ramalan jodoh

script ramalan jodoh: ilmu kejawen INDIJUZZY

bagi anda yang suka meramal khusus nya para newbie saya mempunyai script primbon jawa untuk di taruh kedalam blog paranewbie: ini dia script nya

<a href="http://tipsdantrikbloging.blogspot.com"><!-- Begin: PRIMBON RAMALAN JODOH -->
<center>
<iframe src="http://www.primbon.com/primbon.htm" name="ramalan" width="414" height="200" marginwidth="0" marginheight="0" frameborder="no"></iframe>
</center>
<!-- End: PRIMBON RAMALAN JODOH --></a>







inidia hasil nya 



trimakasih atas kunjungan anda dan selamat mencoba !!!!!!!!!!!!!!!!

script text pelangi

pada postingan kali ini saya akan membagikan script yang menurut saya cukup menarik dan bisa membuat blog anda lebih segar di pandang mata script text pelangi itulah namanya mengapa dinamai pelangi ??? karena text yang di maksud akan berganti warna layak nya pelangi yang indah.....langsung saja ini script nya:

<a href="http://tipsdantrikbloging.blogspot.com"><script>
var text="TUKAR LINK<br>&lt;a href=&quot;http://tipsdantrikbloging.blogspot.com.blogspot.com&quot;&gt;free template keren&lt;/a&gt;" // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script></a>




ini hasilnya





Teks yang berwarna biru dapat anda ganti sesuai dengan yang di inginkan
trimakasih atas kunjungan anda dan selamat mencoba!!!!!!!!!!!!

script text karaoke

Alhamdulillah saya masih di beri kesehatan sehingga saya masih dapat mosting di blog ini,,dalam postingan kali ini saya akan memposting script  text karaoke yang sebenarnya sudah lama kepingin saya posting tapi baru kali ini saya dapat memposting nya,, oh ya buat anda para new bie yang masih mau coba-coba anda dapat mempercantik blogger anda dengan script ini,, oke langsung saja ini script nya:


<a href="http://tipsdantrikbloging.blogspot.com"><script language="JavaScript1.2">

var message="INDIJUZZY SCRIPT HTML"
var neonbasecolor="#1E90FF"
var neontextcolor="#FFA500"

var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script></a>


hasil nya seperti ini

trimakasih atas kunjungan anda dan selamat mencoba!!!!!!
teks yang berwarna biru dapat di ganti sesuai dengan selera anda

script anti proxi-indijuzzy

setelah sekian lama ber jam-jam saya mengotak atik bagaimana supaya web antiproxi dapat masuk kedalam blog dari pertama bangun tidur jam 06.00 pagi sampai sore akhir nya terbobol juga,,karena rasa penasaran saya yang tinggi mengakibatkan saya sampai seharian lupa makan hehehe
untung tidak mati kurus akibat script langsung saja inidia script nya...



<center><iframe frameborder="0" height="800px" id="unblocked" src="http://www.unblocked.in/" type="text/html" width="800px"></iframe><br><a href="http://tipsdantrikbloging.blogspot.com" >script anti proxi</a></center>


langkah memasukan kedalam bog
1.login kedalam blogger
2.setelah masuk dasbor terus pilih entri baru
3.lalu copy paste code di atas dan terbitkan entri
4.terakhir lihat entri


trimakasih atas kunjungan anda selamat mencoba dan sukses!!!!!!!!!!!!!!!


Anda bisa lihat hasilnya di    sini

Html dasar-indijuzzy

HTML dasar INDIJUZZY di postingan kali ini saya memmosting code dasar HTML karena sehubungan dengan teman yang minta postingan code dasar HTML oke lanhsung saja tidak usah panjang lebar kalau terlalu panjang ibu-ibu yang tidak suka dan kalau terlalu lebar bapak-baapk yang tidak suka hehehe.....

1.<HTML></HTML>
yang pertama kita harus mengnal tag <HTML> karena tag <HTML> adalah tag yang yang paling utama dan berhungsi untuk menandai bahwa file tersebut adalah HTML,pada dasar nya HTML mempunyai dua tag yaitu tag pembuka <HTML > dan tag penutup </HTML> perbedaan tag pembuka dan tag penutup adalah slash atau garis miring...dan dua duanya harus ada
contoh penempatan: 

<HTML></HTML>


2.<HEAD></HEAD>
    tag head /kepala  baerfungsi untuk mengatur segala sesuatu yang ada di dalam file <HTML> tag pembuka <HEAD> dan tag penutup </HEAD>
    contoh penempatan:

<HTML> 
     <HEAD></HEAD> 
</HTML>



 tag <HEAD> berada di dalam tag <HTML>

3.<TITLE></TITLE>
Tag title barfungsi memberikan judul pada sebuah file <HTML> kalau pengetikan didalam notpad akan terlihat pada title bar...
contoh penempatan:
<HTML> 
         <HEAD>
                 <TITLE>judul web anda</TITLE>
         </HEAD>
 </HTML>
tag <TITLE>berada di dalam tag <HEAD>

4.<BODY></BODY>
    tag  <BODY> berfungsi sebagai batang tubuh atau segala penampatan code atau teks berada di dalam sini semuatag <BODY> juga mempunyai pembuka dan penutup.
contoh penempatan:
<HTML> 
       <HEAD>
               <TITLE>judul web anda</TITLE>
       </HEAD> 
  <BODY>COTOH INDIJUZZY</BODY> 
</HTML>
  anda dapat mengganti tulisanINDIJUZZY yang ada didalam tag <BODY>   



 code HTML lain nya dan fungsi nya

code untuk text
1.untuk mewarnai text anda dapat menggunakan code   
         <font color="red"></font>
        contoh penempatan: <font color="red">INDIJUZZY</font>     hasil = INDIJUZZY
        kata "INDIJUZZY" dapat di ganti sesuai kesukaan anda
2.untuk memperbesar ukuran huruf  anda dapat  menggunakan 
        <font size="5px"></font>
        contoh penempatan: <font size="5px">INDIJUZZY</font> hasil = INDIJUZZY

selebih nya
3.untuk merubah jenis huruf anda dapat menggunakan code <font  face="arial">text anda </font> 
    dan hasil nya adalah: text anda
     kata arial dapat diganti dengan jenis huruf  yang kalian suka.
4.untuk menebalkan huruf  : <b>teks anda</b>
5.untuk memiringkan huruf :<i>teks anda</i>
6.untuk memberi garis bawah :<u>teks anda</u>
7.untuk ganti baris : <br>
8.supaya text persis di notpad:<pre>text anda</pre>
9.untuk membuat garis horisontal: <hr bgcolor="red"> kata red dapat di ganti sesuai warna     
kesukaan anda
10.untuk memberi coretan pada teks <strike>teks anda</strike> 
11untuk membuat teks berjalan :<marquee>teks anda </marquee>
12untuk membuat teks berkedip:<blink>teks anda</blink>  
13.untuk rata tengah:<center>text anda</center>
14.untuk rata kanan:<p align="right">teks anda</p>
15.untuk rata kiri: <p align="left">teks anda</p.>
16.teks bolak-balik:<marquee behavior=alternate loop=15>Teks Bolak Balik</marquee>
17.untuk memberi background color pada teks :<span style="background-color: lime;">teks anda </span>warna lime dapat di ganti dengan warna kesukaan anda
18.untuk memperbesar ukuran huruf :<h1>teks anda</h1> pada dasar nya <h> mempunyai nilai sampai <h7>

maafkan saya karena tidak bisa menjelaskan secara detail dan semoga bermanfaat untuk anda !!!!!!!!

cara meletakkan photoshop di blogger

cara meletakkan photoshop  di blogger tidak lah sulit pertama saya juga bingung,,saya coba coba ketik di google script photoshop online eh ternyata ada juga sob..terus saya coba masukan kedalam blog ternyata bisa di gunaan dan hasilnya oke banget alias dapat nilai 250 hehehe ..kalau sobat kepingin nyoba sendiri ini cara nya...

1.sobat harus lebih dulu login ke blogger.
2.kalau sudah masuk dasbor pilih rancangan  
3.tambah gatget pilih javascript/HTML
4.copy paste script di bawah ini

<iframe id="pixlr" type="text/html" width="800px" height="800px" src="http://pixlr.com/editor/" frameborder="0"></iframe>

5.jangan lupa simpan.

selamat mencoba!!!!!!!
semoga suksess dan trimakasih atas kunjungan anda.