Cara Membuat Tombol Share Tersebunyi dan Muncul Ketika Di Sorot

<b:if cond=data:blog.pageType != &quot;index&quot;>
 <b:if cond=data:blog.pageType != &quot;archive&quot;>
<style>
#sharetersembunyi_mini, #sharetersembunyi_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url(&quot;http://www.bloggermint.com/demos/mintshare/images/bkg-btn-grey.gif&quot;) repeat-x scroll 0 0 #EDEDED;
}
#sharetersembunyi_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
#sharetersembunyi_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url(&quot;http://www.bloggermint.com/demos/mintshare/images/plus.png&quot;) no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}
#sharetersembunyi_mini a.sharetext img {
    border: 0 none;
    display: block;
    margin-left: 10px;
}
#sharetersembunyi_mini .flyout {
    background: none repeat scroll 0 0 #AAAAAA;
    height: 113px;
    left: 40px;
    position: relative;
    top: -4px;
    width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}
#sharetersembunyi_mini .flyout ul {
background:url(&quot;http://www.bloggermint.com/demos/mintshare/images/bkg-btn-grey.gif&quot;) repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
left:-1000px;
top:-27px;
width:310px;
height:30px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}
#sharetersembunyi_mini:hover .flyout ul{
left:50px;
}
#sharetersembunyi_mini .flyout ul li {
float: left;
}
#sharetersembunyi_mini .flyout ul li a{
}
#sharetersembunyi_mini .flyout ul a img {
}
#sharetersembunyi_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}
#sharetersembunyi_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#sharetersembunyi_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#sharetersembunyi_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}
#sharetersembunyi_mini .flyout ul li.drop-li:hover &gt; a img {opacity:0.5; filter: alpha(opacity=50);}
#sharetersembunyi_mini .flyout ul li.drop-li:hover &gt; a b {opacity:1; filter: alpha(opacity=100);}
/* For IE6 */
#sharetersembunyi_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#sharetersembunyi_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
/* Get Sharetersembunyi */
#sharetersembunyi_mini .get_sharetersembunyi {
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
</style>
<!-- Sharetersembunyi Mini -->
<div id=sharetersembunyi_mini>
 <a class=sharetext><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
  <!--[if lte IE 6]><table><tr><td><![endif]-->
  <div class=flyout>
   <ul class=icons>
<!-- AddThis Button BEGIN -->
<div class=addthis_toolbox addthis_default_style addthis_32x32_style>
<a class=addthis_button_preferred_1/>
<a class=addthis_button_preferred_2/>
<a class=addthis_button_preferred_7/>
<a class=addthis_button_preferred_8/>
<a class=addthis_button_preferred_9/>
<a class=addthis_button_preferred_10/>
<a class=addthis_button_preferred_3/>
<a class=addthis_button_compact/>
<a href="http://zamal-tkj.blogspot.com/2012/02/cara-membuat-tombol-share-tersebunyi.html" title=" HOW TO MAKE THIS"> [i] </a>
</div>
<script src=http://s7.addthis.com/js/250/addthis_widget.js type=text/javascript/>
<!-- AddThis Button END -->
   </ul>
  </div>
</div>
<!-- Sharetersembunyi Mini End-->
 </b:if>
</b:if>

Go to link Download

Cara Membuat Video Lipsync di Android Dengan Dubsmash

Go to link Download

CARA MEMBUAT BLOG DI FACEBOOK

Go to link Download

cara membuat effek zoom Gambar di Blog

1. Masuk ke blogger;
2. Klik Perancangan lalu klik Edit HTML;
3. Carilah kode ]]></b:skin>
4. Kemudian sisipkan kode berikut ini tepat di atasnya:

/* Zoom Image www.wakrizki.net
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

5. Selanjutnya cari kode </head>
6. Kemudian sisipkan kode berikut ini tepat di atasnya:

<!-- Zoom Image code script www.wakrizki.net -->
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script src=http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js type=text/javascript/>
<script type=text/javascript>
jQuery(document.body).imageZoom();
</script>

7. Langkah terakhir adalah simpan template sobat. Semoga berhasil

Go to link Download

Cara Membuat Widget Kode Warna HTML Di Blog

Cara Membuat Widget Kode Warna HTML Di Blog. Pernahkah anda mengedit rangkaian CSS dari template blog anda? Jika pernah, pasti tidak akan asing jika mendengar kata Kode Warna HTML. Warna dari suatu widget yang diatur oleh CSS adalah warna yang berupa kode html yang kita bisa dapatkan kode nya dari widget punya saya yang bernama Color Picker.

Kode warna HTML berformat # (pagar) dengan diikuti oleh kombinasi 6 karakter antara huruf dengan angka, angka semua, atau huruf semua. Kode warna dimulai dari titik paling terang (putih) dengan kode ff hingga paling gelap (hitam) dengan kode 00. Seluruh kombinasi kode terang dan gelap dapat menghasilkan 16 juta warna berbeda. 6 karakter setelah pagar tadi melambangkan 2 karakter warna merah, 2 karakter warna hijau, dan 2 karakter warna biru.

Susunan dari kode warna merah, hijau dan biru itu disebut dengan hex warna yang penggunaannya harus diawali dengan pagar (#). Sedikit contoh saja, untuk warna hitam, kode nol (0) semua = #000000. Untuk kode warna putih, huruf F semua = #FFFFFF. Dan silahkan anda gabungkan sendiri. Misalkan #969696 untuk warna abu abu, #A52A2A untuk warna coklat. Untuk lebih banyak kode warna, silahkan buka tool saya dan klik yang bernama Color Picker.

Mungkin cukup ulasan saya tentang Kode Warna HTML, karena pada kali ini saya membahas Cara Membuat Widget Kode Warna HTML Di Blog, mungkin untuk penjelasan lebih lanjut mengenai Kode Warna akan saya posting jika ada kesempatan.

Cara Membuat Widget Kode Warna HTML Di Blog

1. Login ke Blogger

2. Pada dashboard, pilih blog ada

3. Widget ini saya sarankan untuk dipasang di postingan saja. Sebab, kalau di sidebar akan sangat memberatkan blog nantinya. Untuk itu, klik Entri Baru

4. Selanjutnya, buat entri mode HTML dengan mengklik tulisan HTML disamping bacaan Compose.

5. Setelah itu, langsung saja copy kode HTML dibawah ini dan letakkan di kolom HTML postingan tersebut.

<div class="separator" style="clear: both; text-align: center;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object></div>
</div>

6. Terakhir silahkan mau di publish atau di edit edit dulu. Yang jelas, setelah di publikasikan, Widget Kode Warna HTML Di Blog pun akan muncul.

Mudah sekali bukan untuk Cara Membuat Widget Kode Warna HTML Di Blog? Saya merasa alat ini sangat membantu saya dalam mencari kode warna yang sesuai dengan keinginan. Sebab, saya senang sekali untuk mengedit edit CSS dan HTML. Mau tahu lebih lengkap tentang HTML dan CSS? silahkan langsung saja baca di Pengertian HTML dan CSS Serta tutorial Memakainya.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Widget Kode Warna HTML Di Blog, semoga dapat membantu anda dalam memahami dan mencari kode warna melalui parse ini. Jika ada kesulitan atau pertanyaan lebih lanjut tentang kode warna, anda bisa tanyakan lewat komentar dibawah.

Go to link Download

Cara Membuka 2 Facebook di Mozilla

Go to link Download

Cara Membuat Strip Ads di Blog

/*-- (mta bar) --*/
#mta_bar{background:#000; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:none}
#mta_bar .right a:hover{font-size:10px; color:#80ff00; text-decoration:none}
#left_bar a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:none; color:#80ff00}
#left_bar2 a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:none; color:#80ff00}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNBjfuS2yGJq5Bhya3Q48TftKeVPkGp1fes8PH39-NUDpJhGF8IqSe5B4hZ2utrNnrVoeVA-MMS_u49whVTUwtSs2wML-s_A8-pG8b4LIM5hnV4BEC5VuCLmh0ZMYC9KGxGGfN1xuX21D/s400/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}
#anima_sudut2 a:link {
color:#000000;
}
#anima_sudut2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#anima_sudut2 a:hover {
color: #000000;
}
#to_top a{padding:8px}
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; /* lebar tooltip */
height:auto;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
a:hover.tip {
font-size:99%;
cursor:pointer
}
a:hover.tip span {
display:block;
position:absolute;
-moz-opacity:0.7;
opacity:0.7;
top:-40px;
left:auto;
right:-2px;
bottom:auto;
line-height:14px;
font-size:12px;
font-weight:normal;
}
.menu{
border:none;
border:0px;
margin-left:35px;
padding:0px;
font-size:13px;
}
.menu ul{
background:#000000;
height:2px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#000000;
color:#80ff00;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #212121;
color:#80ff00;
text-decoration:none;
}
.menu li ul{
background:#000000;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:30px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#212121 center left no-repeat;
border:0px;
color:#80ff00;
text-decoration:none;
}
.menu p{
clear:left;
}

<script src="http://strip-ads.googlecode.com/files/strip-ads-versi2.js" type="text/javascript"></script>
atau menggunakan alamat Javascript yang sudah kamu uploud
<script src="http://alamat file javascript kamu.js" type="text/javascript"></script>

<div id=mta_bar>
<div id=left_bar2>
<span class=left>
<a href=http://www.facebook.com/ target=_blank>Login to Facebook</a></span></div>
<div id=left_bar>
<span class=center><a href=https://www.facebook.com/pages/Free-Download-Software-Games-And-Templete-ELANGSHARED/298138506920708 target=_blank;>FansPage ELANGSHARED?,Join NOW!!!</a></span></div>
<span class=right onmouseout=self.status=&apos;&apos; onmouseover=self.status=&apos;o-om.com.com&apos;;return true;> <img align=absmiddle border=0 onClick=closeTopAds();return false; src=http://lh4.ggpht.com/_QfufFNlfNgs/TEFGnF1yYBI/AAAAAAAAADM/d659lgBAzSI/delete.png style=cursor:hand;cursor:pointer;/></span></div>

Go to link Download

Cara Membuat kotak Text Berscroll di Blog

<div style="padding: 5px; overflow: auto; width: 500; height: 50px; border: 1px solid #000000;">masukkan text anda di sini</div> See More http://anggadwisaputrablog.blogspot.com/

Go to link Download

Cara membuat percakapan palsu di Whatsapp

§  Download: River (story) » |audio-mp3 | script-doc | sample of exercise-doc|

§  Download: Information Society (story/news) » |audio-mp3 | script-doc| sample of exercise-doc|

§  Download: Confirming a hotel booking (dialogue) » |audio-mp3 | full script-doc | sample of exercise-doc|

§  Download: Ali goes to university (story) » |audio-mp3 | script-pdf|

§  Download: Talking about Pets; Cat’s name (dialogue) » |audio-mp3 |script-pdf | sample of exercise-doc|

§  Download: Let me know (story) » |audio-mp3 | script-doc|

§  Download: The penguin (joke, story) » |audio-mp3 | script-doc|

§  Download: Remembering Snow (story/poem) » |audio-mp3 | script-pdf| sample_exercise-doc|

§  Download: Studying Abroad_ in the United Kingdom(story/narrative text) » |audio-mp3 | script-doc | sample_exercise-doc|

§  Download: I Don’t Wanna Talk About It (Song/by Rod Stewart) » |audio-mp3 | script-pdf | sample_exercise-doc|

§  Download: Love of My Life (Song/by Queen) » |audio-mp3 | script-pdf |sample_exercise-doc|

§  Download: November Rain (Song/by Guns n Roses) » |audio-mp3 |script-pdf|

§  Download: What a Wonderful World (Song/by Louis Armstrong) » |audio-mp3 | script-pdf|

§  Download: Learning English (story) » |audio-mp3 | script & sample of exercise-doc|

§  Download: Future of English (story) » |audio-mp3 | script & sample of exercise-doc|

§  Download: Booking a table at a restaurant (dialogue, ielts_listening section) » |audio-mp3 | script & sample of exercise-pdf|

§  Download: China now world’s biggest energy user (story/news) » |audio-mp3 | script-pdf|

§  Download: The Sick Child (poem) » |audio-mp3 | script & sample of exercise-doc|

§  Download: Natural Disasters (story/report/descriptive) » |audio-mp3 | script & sample of exercise-doc|

§  Download: Keep Calm and Carry on (story/narrative/descriptive) » |audio-mp3 | script-pdf|

§  Download: The use of  ‘likely’ and ‘unlikely’ (report/descriptive) » |audio-mp3 | script-pdf|

§  Download: Japan remembers Nagasaki_ 65th anniversary of atomic bombing in Japan (story/news/report) » |audio-mp3 | script & sample of exercise-doc|

§  Download: Mary Lyon, 1797-1849: A Leader in Women’s Education in the 19th Century_ taken from VOA (Voice of America)_(story/biography) » |audio-mp3 | script-pdf|

§  Download: “Wanna, gonna, hafta”: Reduced forms in spoken American English_ taken from VOA (Voice of America)_(story/interviews/descriptive) » |audio-mp3 | script-pdf|

§  Download: Common Greetings in the United States_ taken from VOA (Voice of America)_ (story/interviews/descriptive) » |audio-mp3 |Go to link Download

Read more »

Posted by Unknown at 7:41 AM

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Labels: cara, di, membuat, palsu, percakapan, whatsapp