Cara Membuat Kotak Berlangganan/Subscribe Yang Unik Dan Keren

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Kali ini maz dani akan berbagi cara membuat  Kotak Berlangganan/Subscribe Yang Unik Dan Keren.

Selain sebagai perbanyak info juga untuk mempercantik tampilan blog
Cara membuat nya pun cukup mudah dan tak terlalu rumit

langsung saja ke tkp

1. masuk ke blogger
2. klik tata letak
3. pilih add gatget
4. klik html/java script
5. Masukan kode dibawah ini 
<style type="text/css">#subscribe-box {overflow: hidden;margin: 10px 0 0 0;}#subscribe-box a.subscribe-sec {display: inline-block;display: -moz-inline-stack;width: 40px;padding-top: 38px;zoom: 1;}#subscribe-box a.subscribe-sec:hover {color: #660000;}</style><form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value=&#39;&#39;;" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p><p><div id="subscribe-box"><a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8DjtON8DVMZOf2g3YfJpmLc66fpjIBuj1QY1IkNiNNdCo9HPSHfBDYomJUCLbboRqkCDl_7WDi8oHUMxzBjgcMUm81DUFNVoocWI2VkljAIr9nwTgJbK9HasJxra5RdIGoWO0BqJvJy3s/s1600/delicious.png) center top no-repeat"></a><a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV9YaLYXyzlawnWycFKlO__AIiFIWhrL-LfSH6QBdzfYgkB4q6OboWiyB1ELZ6QCunRZcmmyv4kHM0SpWXe_AuYhuBvK8innU0gUJm2bxxTELD2VVjgns9rgdZ1AETRJ7V8DGpXKuPIZwa/s1600/twitter.png) center top no-repeat"></a><a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1fz7OojPoYnPR3fYGqgSG2FMgsxDcDTGODXJY7tEpj6qhpSrZPMH2oqJxbW82wDIRe-CKv3gV6ZmltaXKZ8o30C9Adc86hGQji5hFCYGETSTDh1Br9twehV9N4TqSXapfkfVf1E0OWXp/s1600/digg.png) center top no-repeat"></a><a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Pjq6t9jqInopOelXzJe73w6sA6spznKWufD9P3O71iXqgItedArH7I0h0mNyZ-3TE19bn4dicrjMdZ9CxiL4o9aL6nM8eP3Z6KXcMEV3ILKjcTgQK0t6W80tnJaQUfZQYUuC1DexISXM/s1600/facebook.png) center top no-repeat"></a><a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ1QY39IkqWacgXyA1-VMJtJvuGOyGUkp_uhDduK8T2MFoIUznMe0DsxAxQggLp5FXFn8CPfxS3qMiPfKloYQzjSvx3YnDsmjlqcsX_IwIGNvHPbNA1G1ngHegLj5r3gNt67BHQXEFt7Qf/s1600/stumbleupon.png) center top no-repeat"></a><a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnra_5f2XmSk44Vs9Dmtk_czK0EIot0XBHPHjXV5-rJ1IXERi-wN4mtrTlEWc97roTE7ZTvXTPcM44vtWcAffsMyyYTyLqruAXghJtffkl4Ojm4Ghw20QcUTmwp3sU4TK6Xcca6XWCqbS/s1600/rss.png) center top no-repeat"></a></div></p></form><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><center><a href="http://dubraw735.blogspot.com">Get This</a></center>

     6.simpan dan lihat hasilnya

nb
FEEDBURNER-ID ganti ke feedburner ID anda.
DELICIOUS-USERNAME  ganti  ke delicious username anda.
TWITTER-USERNAME  ganti  ke twitter username anda.
FACEBOOK-USERNAME  ganti  ke facebook username anda.
STUMBLEUPON-USERNAME  ganti  ke stumbleupon username anda.
semoga tutorial bog Cara membuat Kotak Berlangganan/Subscribe Yang Unik Dan Keren bermanfaat bagi anda

Widget Subscribe,Facebook Like Box,Twitter Follow,G+ Melayang

Widget Subscribe,Facebook Like Box,Twitter Follow,G+ Melayang - Kali ini saya akan membahas cara membuat Widget Subscribe,Facebook Like Box,Twitter Follow,G+ melayang dibagian kiri blog,saat kursor mendekati widget tersebut maka secara otomatis widget tersebut akan terbuka, dengan memasang widget tersebut kamu bisa menghemat tempat, dan juga akan menambah blog anda semakin menarik, baiklah jika mau tau cara membuat nya ikuti langkah-langkah di bawah ini



1. Log in ke Blog kamu.
2. Pilih Rancangan.
3. Pilih EDIT HTML lalu cari kode ]]></b:skin> setelah ketemu latakan kode dibawah ini tepat diatas kode ]]></b:skin> 

img, a { border: 0; } #on {visibility:visible;} #off {visibility:hidden;} #facebook_div {width:196px;height: 353px;overflow: hidden;} #twitter_div {width:246px;height: 353px;overflow: hidden;} #google_plus_div {width:152px;height: 97px;overflow: hidden;} #knfeedburner_div {width:300px;height: 97px;overflow: hidden;} #kakinetwork_div {width:300px;height: 97px;overflow: hidden;} /* right side style */ #facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:196px;height: 353px;position: fixed;right: -200px;} #facebook_right img {position: absolute;top: -2px;left: -35px;} #facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;} #twitter_right {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width:246px;height: 242px;position: fixed;right: -250px;} #twitter_right_img {position: absolute;top: -2px;left: -35px;border: 0;} #google_plus_right {z-index: 10003;background-color: #006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom: 2px solid #0056a0;border-right:2px solid #0056a0;border-left: hidden;width:152px;height: 97px;position: fixed;right: -154px;} #google_plus_right_img {position: absolute;top: -2px;left: -33px;border: 0;} #feedburner_right {z-index: 10003;background-color: #fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left: hidden;width:300px;height: 97px;position: fixed;right: -303px;} #feedburner_right_img {position: absolute;top: -2px;left: -33px;border: 0;} #kakinetwork_right {z-index: 10003;border:2px solid #303030;background-color: #fff;width:300px;height: 97px;position: fixed;} #kakinetwork_right img {position: absolute;top: -2px;left: -101px;} /* left side style */ #facebook_left{z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:196px;height: 353px;position: fixed;left: -200px;} #facebook_left img {position: absolute;top: -2px;right: -35px;} #facebook_left iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right:-2px;top:-3px;} #twitter_left {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width: 246px;height: 242px; position: fixed;left: -250px;} #twitter_left_img {position: absolute;top: -2px;right: -35px;border: 0;} #google_plus_left {z-index: 10003;background-color: #006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom: 2px solid #0056a0;border-left:2px solid #0056a0;border-right: hidden;width:152px;height: 97px;position: fixed;left: -154px;} #google_plus_left_img {position: absolute;top: -2px;right: -33px;border: 0;} #feedburner_left {z-index: 10003;background-color: #fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-left:2px solid #5b5b5b;border-right: hidden;width:300px;height: 97px;position: fixed;left: -303px;} #feedburner_left_img {position: absolute;top: -2px;right: -33px;border: 0;} #kakinetwork_left {z-index: 10003;border:2px solid #303030;background-color: #fff;width:300px;height: 97px;position: fixed;} #kakinetwork_left img {position: absolute;top: -2px;right: -101px;} .box-title1 { border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:10px; margin: 10px 0; } .enteryouremail{ background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0px; } .submitbutton{ background:#F66303; border: 1px solid #F66303; text-shadow: 1px 1px 1px #333; box-shadow: 3px 3px 3px #666; font:bold 12px Arial, sans-serif; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}

4. Selanjutnya cari kode </head>  setelah ketemu letakan kode dibawah ini tepat diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/extras/4in 1.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });
</script>

5. Simpan Template lalu kembali ke menu Rancangan pilih ADD Gadget pilih HTML/Java Script., copy kode dibawah ini.

<div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpnZnZzgfabDH-j46QYlp7Q-Dfx9YijR2UYFl_IDHj34PjO7WPE-A75QKkJGzSZbMi5tPRT_er7lQlv9WrVsuqSL9684KnpoNk1B97dugyW9Epfz1ZkBc37w-E78O_I77KO_tTtiyDHT8/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBLAZERBLOG&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356" scrolling="no"></iframe></div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpM9fpC7aigUeOvAnz_x8-2sSo464StWHgI6h2yyTCsrvE7zgTtARoiI-Nl4iwOYmmB2Kp6e6yLRcX57GCft41eQgbIqhbBfzb1GUtPj-wakOaPilK8Ho1agmOhuEUYljEk0O3uegGyQw/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("DuniaIlmuSemua");</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10TKpTuRR132DJRiEquvb4MBf4w-DYgh_2asKaod8GSbdfzbhPwT4AQZpjLVctEktPXCMUo9pKQC46Mra8uuIrhiouO-d7lfNm9SXPOn-y3cS0NfNMVSauG-NpHoLQ5vwKFVBg16m7cE/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dgoogle_plus_right.png" /><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">You can also receive Free Email Updates:</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DuniaIlmuSemua', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="DuniaIlmuSemua" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizKY5o5dhGcIjxazMukKQfrYsfvzKdJsWq-oexQW8CRPKZ2MDUUn-cs5BGo-qfMtwUg3x64aet3rKcgD825QLxviDhCVxWkeuAiOAK7QMD4B28n3efkV3pO3xeWIqSGlxClgvcWja-ZDE/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfeedburner_right.png" /></div></div></div></div>

Ganti kode yang berwarna Biru dengan Username Facebook kamu.
Ganti kode yang berwarna Merah dengan Username Twitter Kamu.
Ganti kode yang berwarna Ungu dengan Alamat Feed kamu.
Simpan dan lihat hasilnya.

Cara Memasang Translate Bendera

Setelah mencoba membuat translate menggunakan fasilitas google. Nah sekarang buat yang gimana caranya membuat translate berlogo bendera?. Saya coba buat dan otak2 atik sendiri ternyata lumanyan sulit, error terus. Mungkin kurang sabar aja kali ya... jadi saya mengambil milik Dunia Ilmu Semua.

Contoh sebagai berikut:

Nah sekarang kita lihat milik Dunia Ilmu Semua :

Code sebagai berikut

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPQdu1QE9HHRGOuvVFTAyWYCzC8EJrl8LXt0Wd72T_W9StFnX46XTrJTMyurtAtnflPaTfO9cAXQGEyZ6ZwCahvRBZVD8iVu_oCwQ-UBiefhJGFj2Cu6na8pQ6hdpSb6NtNFxm8L8MvD4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmITaC5NHVUonCpjxcbl9RilxtuAy8RVuC7RTN0E4a09sqNpJ_HvxNkLCMuF0iM04xuDidV13BeE9fJY6_0YvkyjjPuf92fC5JYDZld0x8ZLUU9aBhqZgCSGkdBXCnKRsSA3KAUsFQlM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEtRqYVFNsYOCKr65_AK_jaLdbJMMbR0p3YlivRFZ790SyXtL5e69IJgJ70l9H5LkIkhkjyA2h6srQtlKSR6dEuXznAC3OOahpEGXT-cN2dJ4HEcyD0xsHabljuDw636MK1PDYtJiv5ase/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rVIfw_KBagnvDpfJsjGAiTSRzhHzdmjCBTMGLge1-yWqR-LwFXi_naDFA59b7nV_f_KMps15og_Ixgd5ULYHVX9gRDytp7AcrQ0emDMTL2Ek2FTPeJIXm_byBSQUeUb2-4ZBB5Ltrvey/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFvpMLhEoqZTM2Fmz2VedKuEqQurdckn2NimcFJopTvKZ-VtuI_wR-G62q-2LkSU4Rf_rG7WevKLvCtdRb-jfF0NR19m9ttmnTlKdHmi7QWxZ0emGhLAgyg0VubfSqlJWqKA_XUB4kQ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20afiBhkR8SU21bXFwoC1dVL8tUtQs5ZbQ3CBJ6LsKmg-Rrq1KR8Ne-ukOeCjD_kpQIfRzwgT7Y5OSdbJFU_xckPhWV5m0eQ1op2LmMicyDCOv50NSkyY46JpVaAiSFHKXqJkzAp69fQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqJJR8yA4a0EpDpi3wJjOAlZmFH3W2lakRhzWyurr_C1f3z3uXyuF2RNGyDxCHWHwE_E6TwCYzZ9NFQgk149Z5eOkT7Iqd3n2ShA8NvtPwAILT_1DWq4Da0puTLftDzYOnQryfk9qyuk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDs6jFpaF0qyZ4_bhGuAkSRyQ9npEl5DCbnXOGzhq6vVUbyf7E7VZB2E6Gu8IYrWaj-NhmKnU7GfuNKOdx_ampB0Udm65Bzh3RuSdRjFf8Hio6oyTN9z-M89CRSRGpMguuqpOyKLnHuRw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPcNJKHGjkbHFsjLDl_WCrhu08Nklory-PBjkcjfeR4Y6j0XFCvuzBqKpUyrqD_xSEUoBdYgnC1EDWT36ObFbb0Pn7iKawi-kp9aNv3mrDWUKicHDaEmm8vhnDexrmFi4R5V4PK9EggBJ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLcm9M614v1tyHOqF7EYWHZBw2qIPgdI_WUlhIYy2wIUyaA-UoALlCi6bLbk5-CTvMV9FRyDmpcexX3XfsiXbZDDDjGJAm-3QqLPHyS_dK10aU32yRsYZGniv8dLBFmuxeUszZ7dq9Ck/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUQs2IF6dUiKllDEpV65RIcPlljAElgByxzOl9E9aNboxmG0Ndbirgzz4gSSFenR7j-c9D-h9KIlQyhozF6zoJrALBPrkK1P0LlBh2TZ6psygtpWmNsaslROu1PdcWhBstfO2YjH-5zF4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRjcIE5SysQn2azCaApidpzw_MGKhCPk679ywgtHUcStSmL6HOchW224qvwCV6b9xDphtDPIRUa4IMDpI1uZK81vNfhrY6nfGz90NoJ9pr7-NWlsQTeHnW_KmPDOtvT-cL0cCRZkYePE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style=”font-size:10px;margin:8px 0px 3px 0px”> by : <a href=http://www.blogspottutorial.com/>BTF</a> </div>

Tampilan yang ke2

Code sebagai berikut:

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPQdu1QE9HHRGOuvVFTAyWYCzC8EJrl8LXt0Wd72T_W9StFnX46XTrJTMyurtAtnflPaTfO9cAXQGEyZ6ZwCahvRBZVD8iVu_oCwQ-UBiefhJGFj2Cu6na8pQ6hdpSb6NtNFxm8L8MvD4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmITaC5NHVUonCpjxcbl9RilxtuAy8RVuC7RTN0E4a09sqNpJ_HvxNkLCMuF0iM04xuDidV13BeE9fJY6_0YvkyjjPuf92fC5JYDZld0x8ZLUU9aBhqZgCSGkdBXCnKRsSA3KAUsFQlM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEtRqYVFNsYOCKr65_AK_jaLdbJMMbR0p3YlivRFZ790SyXtL5e69IJgJ70l9H5LkIkhkjyA2h6srQtlKSR6dEuXznAC3OOahpEGXT-cN2dJ4HEcyD0xsHabljuDw636MK1PDYtJiv5ase/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rVIfw_KBagnvDpfJsjGAiTSRzhHzdmjCBTMGLge1-yWqR-LwFXi_naDFA59b7nV_f_KMps15og_Ixgd5ULYHVX9gRDytp7AcrQ0emDMTL2Ek2FTPeJIXm_byBSQUeUb2-4ZBB5Ltrvey/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFvpMLhEoqZTM2Fmz2VedKuEqQurdckn2NimcFJopTvKZ-VtuI_wR-G62q-2LkSU4Rf_rG7WevKLvCtdRb-jfF0NR19m9ttmnTlKdHmi7QWxZ0emGhLAgyg0VubfSqlJWqKA_XUB4kQ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20afiBhkR8SU21bXFwoC1dVL8tUtQs5ZbQ3CBJ6LsKmg-Rrq1KR8Ne-ukOeCjD_kpQIfRzwgT7Y5OSdbJFU_xckPhWV5m0eQ1op2LmMicyDCOv50NSkyY46JpVaAiSFHKXqJkzAp69fQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqJJR8yA4a0EpDpi3wJjOAlZmFH3W2lakRhzWyurr_C1f3z3uXyuF2RNGyDxCHWHwE_E6TwCYzZ9NFQgk149Z5eOkT7Iqd3n2ShA8NvtPwAILT_1DWq4Da0puTLftDzYOnQryfk9qyuk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDs6jFpaF0qyZ4_bhGuAkSRyQ9npEl5DCbnXOGzhq6vVUbyf7E7VZB2E6Gu8IYrWaj-NhmKnU7GfuNKOdx_ampB0Udm65Bzh3RuSdRjFf8Hio6oyTN9z-M89CRSRGpMguuqpOyKLnHuRw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPcNJKHGjkbHFsjLDl_WCrhu08Nklory-PBjkcjfeR4Y6j0XFCvuzBqKpUyrqD_xSEUoBdYgnC1EDWT36ObFbb0Pn7iKawi-kp9aNv3mrDWUKicHDaEmm8vhnDexrmFi4R5V4PK9EggBJ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLcm9M614v1tyHOqF7EYWHZBw2qIPgdI_WUlhIYy2wIUyaA-UoALlCi6bLbk5-CTvMV9FRyDmpcexX3XfsiXbZDDDjGJAm-3QqLPHyS_dK10aU32yRsYZGniv8dLBFmuxeUszZ7dq9Ck/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUQs2IF6dUiKllDEpV65RIcPlljAElgByxzOl9E9aNboxmG0Ndbirgzz4gSSFenR7j-c9D-h9KIlQyhozF6zoJrALBPrkK1P0LlBh2TZ6psygtpWmNsaslROu1PdcWhBstfO2YjH-5zF4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRjcIE5SysQn2azCaApidpzw_MGKhCPk679ywgtHUcStSmL6HOchW224qvwCV6b9xDphtDPIRUa4IMDpI1uZK81vNfhrY6nfGz90NoJ9pr7-NWlsQTeHnW_KmPDOtvT-cL0cCRZkYePE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style=”font-size:10px;margin:8px 0px 3px 0px”> by : <a href=http://www.blogspottutorial.com/>BTF</a> </div>

Jika menginginka tampilan seperti di atas langkah berikut ini :

• Silahkan login ke blogger terlebih dahulu
  
• Klik Tata Letak
• Klik tab Elemen Halaman
• Klik Tambah Gadget
• Pilih Tambah HTML/JavaScript
• Kopy pastekan code translate kedalam kolom yang tersedia.
• Save

Terimakasih sudah mengunjungi blog ini... :D

Membuat Efek Drop Shadow pada Gambar Di Blog

Siang sobat. Kali ini saya mau share tentang Membuat Efek Drop Shadow pada Gambar.Hampir setiap postingan di blog ini juga menyertakan gambar. Rasanya sebuah postingan akan lebih menarik jika kita menyertakan gambar atau photo ilustrasinya. Tidak hanya tulisan, tapi juga gambar atau photo yang mendukung juga ikut diupload untuk memberikan kesan postingan kita tidak berat, ada bentuk visualisasi atau gambar yang mewakili tulisan.

Dengan gambar memang sudah menarik, tapi kali ini kita akan belajar untuk membuat gambar yang sudah kita posting menjadi lebih menarik lagi. Yaitu dengan membuat efek drop shadown pada gambar. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Tidak perlu mengedit gambar yang akan kita posting dengan photoshop. Tapi kita akan langsung membuat gambar yang ada di blog kita memiliki efek drop shadown.

Cara Membuat Efek Drop Shadow pada Gambar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  ]]></b:skin>
6. Jika sudah ketemu taruh kode berikut di atasnya:

.drop-shadow img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

7. Cari kode <data:post.body/> lalu ganti kode tersebut dengan kode berikut:

<div class='drop-shadow'><data:post.body/></div>

8. Simpan template jika sudah selesai.

Cara Menghilangkan Navbar Blogger

Bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

1. Sign in di blogger



2. Klik menu Template



3. Klik menu Edit HTML



4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman



5. Copy kode berikut lalu paste di atas kode </style>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}



6. Klik tombol Simpan Perubahan Template



7. Selesai.

Untuk template baru

1. Sign in di blogger



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data



5. Copy kode berikut lalu paste di atas kode ]]></b:skin>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}



6. Klik tombol Simpan Template



7. Selesai.

Selamat menikmati blog tanpa navbar ! 

 

Sumber : Berbagi Ilmu Dan Kreatifitas