Cara Agar Postingan Cepat Terindex Google

<div class="separator" style="clear: both; text-align: center;"> <span style="clear: left; color: black; float: left; font-family: Georgia, Times New Roman, serif; margin-bottom: 1em; margin-right: 1em;"></span></div> <div id="fawaiq"> <span style="clear: left; color: black; float: left; font-family: Georgia, Times New Roman, serif; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3WoBlAAkATDFYxKqo-LeFLbywKpMR_vbGcdkqHSNinvmGjXQUuGjJFip8oPoTIN4tw_Po3AhmI3Y1k34pSg5B9IG19fTqoxATUDagaNh3SzycwjQd61Sl_sYMQ_DtKjJoTB1KtQnJSzg/s200/pencarian+google.jpeg" width="200" /></span></div> <b style="font-family: Georgia, 'Times New Roman', serif; font-size: 15px; line-height: 20px; text-align: justify;"><a href="http://mohnurfawaiq.blogspot.com/2013/12/cara-agar-postingan-cepat-terindex.html#.UqPehyasim4" rel="nofollow" target="_blank">Cara Agar Postingan Cepat Terindex Google</a></b><span style="font-family: Georgia, 'Times New Roman', serif; font-size: 15px; line-height: 20px; text-align: justify;"> ></span><br /> <div class="entry-meta" style="border: 0px; margin: 10px 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="text-align: justify;"><span style="font-family: Georgia, Times New Roman, serif;"><span style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;">Karena dah lama gak posting tentang dunia blogging, kali ini </span><span style="font-size: 15px; font-style: inherit; line-height: 20px;"><b><span style="color: red;">F</span><span style="color: #f1c232;">a</span><span style="color: lime;">w</span><span style="color: blue;">a</span>i<span style="color: red;">q</span> <span style="color: lime;">B</span><span style="color: cyan;">l</span><span style="color: blue;">o</span><span style="color: magenta;">g</span></b></span><span style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;"> mau berbagi <a href="http://mohnurfawaiq.blogspot.com/2013/12/cara-agar-postingan-cepat-terindex.html#.UqPehyasim4" rel="nofollow" target="_blank">Tips Agar Posting Cepat Terindex Google</a>. Sorry kalau dah pada tahu, tapi ya biar blognya ada postinganlah, hahaha.</span></span></span></div> <div class="entry-content" style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <div style="border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <div> <div style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;"> <span style="font-family: Georgia, Times New Roman, serif;">Yupzz nggak usah pakai lama dech basa-basinya, ntar keburu basi malah puyeng sendiri ^_^ , langkah awalnya setelah kamu update postingan buruan nggak make lama buka link di bawah ini :</span></div> <div style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;"> <br /></div> <span style="font-size: 15px; line-height: 20px;"><a href="https://www.google.com/webmasters/tools/submit-url?hl=en&mesd=eyJtdCI6IlJFUVVFU1RfUkVDRUlWRUQiLCJjdCI6MTMxNTk1MzgyMTE4MCwicHMiOltdfQ%3D%3D" target="_blank"><span style="color: red;">https://www.google.com/webmasters/tools/submit-url?hl=en&mesd=eyJtdCI6IlJFUVVFU1RfUkVDRUlWRUQiLCJjdCI6MTMxNTk1MzgyMTE4MCwicHMiOltdfQ%3D%3D</span></a></span><br /> <div style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;"> <br /></div> </div> <div style="font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px;"> <span style="font-family: Georgia, 'Times New Roman', serif; font-size: 1em; font-style: inherit; font-weight: inherit;">Setelah terbuka silahkan submit url artikel terbaru temen-temen, oh ya untuk bisa mensubmit di google, kamu diminta login dulu, syukur-syukur kalau sudah daftar di Google Webmaster makin maknyuss dah.</span></div> </div> <div style="border: 0px; font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">Setelah mensubmit url postingnya tunggu beberapa saat, kemudian coba cek udah terindex apa belum bisa di check dengan :</span></div> <div style="border: 0px; font-size: 15px; font-style: inherit; font-weight: inherit; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">- judul posting site:namasite.com<br />- contoh : “Tips Agar Postingan Cepat Terindex Google” site:mohnurfawaiq.com</span><br /> <br /> <span style="font-family: Georgia, 'Times New Roman', serif; font-style: inherit; font-weight: inherit;">Oke itu dulu tips blogging kali ini, kalau ada yang lebih mantap </span><a href="http://www.mohnurfawaiq.com/2013/12/cara-agar-postingan-cepat-terindex.html#.UqPehyasim4" rel="nofollow" style="font-family: Georgia, 'Times New Roman', serif; font-style: inherit; font-weight: inherit;" target="_blank">cara biar cepat terindex</a><span style="font-family: Georgia, 'Times New Roman', serif; font-style: inherit; font-weight: inherit;">, bolehlah di sharing dengan meninggalkan komentar dibawah, atau yang emang berhasil atau malah gagal dengan tehnik ini ditunggu reviewnya. Semoga bermanfaat :)</span></div> </div>

Cara Agar Postingan Cepat Terindex Google > Karena dah lama gak posting tentang dunia blogging, kali ini F a w a i q B l o g mau...

Baca selengkapnya »

Membuat Headline News Keren Dibawah Navigasi Menu

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div>Karena ada teman yang bertanya bagaimana <span style="color: black;"><a href="http://mohnurfawaiq.blogspot.com/2013/06/membuat-headline-news-menarik-dibawah.html#.Uaq4KVIqu_I" target="_blank">cara membuat headline news dibawah menu navigasi</a> seperti yang saya pasang diblog ini, maka dari itu saya posting artikel "<a href="http://mohnurfawaiq.blogspot.com/2013/06/membuat-headline-news-menarik-dibawah.html#.Uaq4KVIqu_I" target="_blank">Cara Membuat Breaking News Menarik Dibawah Menu Navigasi</a>". Kira-kira tampilan headline / breaking news nya seperti gambar dibawah ini:</span></div><br /><div id="fawaiq" style="text-align: center;"><span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27yq8ofPmi7pHz-TCLnqrvpvRSm8bVIC-zm3vNR2ABxDrkgl4MrZIv9pcrN-rM73_HjZKHK_g723y980ki7ZXeh6ziTEyGMmOnz_FIrbsFISrhN0yBPx5yuYDCj81m19MYWQ8fDH0bew/s1600/Untitled-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Breaking News Blog" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27yq8ofPmi7pHz-TCLnqrvpvRSm8bVIC-zm3vNR2ABxDrkgl4MrZIv9pcrN-rM73_HjZKHK_g723y980ki7ZXeh6ziTEyGMmOnz_FIrbsFISrhN0yBPx5yuYDCj81m19MYWQ8fDH0bew/s400/Untitled-2.jpg" title="Membuat Breaking News Blog" width="400" /></a></span></div><div class="separator" style="clear: both; text-align: center;">atau </div><div class="separator" style="clear: both; text-align: center;"><span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnYoCw313oA_I4YUBgtXuikpQCKR_DS46snFBtigLF7-bxSJ2sss0zm4RqUChmu7TrR4eqN_nYUUcYmIntI7kIl4P_gLnumV3N6ZoAsHr2Dd9DwFvnkoU1oO1M3kK5dZBGTM7u2p2KJ8/s400/newsticker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnYoCw313oA_I4YUBgtXuikpQCKR_DS46snFBtigLF7-bxSJ2sss0zm4RqUChmu7TrR4eqN_nYUUcYmIntI7kIl4P_gLnumV3N6ZoAsHr2Dd9DwFvnkoU1oO1M3kK5dZBGTM7u2p2KJ8/s400/newsticker.jpg" width="400" /></a></span></div><br /><div>Gimana sob, menarik bukan..?? Dan untuk memasang diblog sobat sangat mudah, yang tertarik silakan ikuti langkah-langkahnya dibawah ini :</div><div><br /></div><div>1. Login ke blogger dengan akun anda</div><br /><div>2. Kemudian klik <b>Template</b> > pilih <b>Edit HTML</b></div><br />3. Letakkan kode berikut di atas kode <b>]]></b:skin></b>, edit width-nya sesuaikan dengan lebar template blog sobat :<br /><br /><span style="color: blue;">/* News Ticker Wrapper ---------------------------------------------*/ </span><br /><span style="color: blue;">.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIAeJnrM5lX-supXqOYgn5sQFTsuWEDmXIi_5gd7ziL11oPWn1OpVSgLJycS6dTvTF5LInZF3m9sNmLKuwLXjHWao6WFQ4SbCKBWUCmI1icWKTJnV2YRlT4kOEe9E5uHCq_LVYix15aww/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;} </span><br /><span style="color: blue;">.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;} </span><br /><span style="color: blue;">.news a:link, .news a:visited{color:#fff;text-decoration:none;} </span><br /><span style="color: blue;">.news a:hover {color:#ddd;text-decoration:underline;} </span><br /><br />4. Masih di dalam Edit HTML. Sekarang letakkan kode berikut ini diatas kode <b></head></b><span style="color: blue;"><br /><br /><script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script><script type='text/javascript'></span></div><span style="color: blue;">//<![CDATA[</span><br /><span style="color: blue;">var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};</span><br /><span style="color: blue;">var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};</span><br /><span style="color: blue;">//]]></span><br /><span style="color: blue;"></script><style type='text/css'></span><br /><span style="color: blue;">.titlefield{ /*CSS for RSS title link in general*/</span><br /><span style="color: blue;">text-decoration: none;}</span><br /><span style="color: blue;">.labelfield{ /*CSS for label field in general*/</span><br /><span style="color: blue;">color:#aaa;font-size: 100%;}</span><br /><span style="color: blue;">.datefield{ /*CSS for date field in general*/</span><br /><span style="color: blue;">color:#aaa;font:normal 14px Arial;text-transform:none;}</span><br /><span style="color: blue;">#example1{ /*Demo 1 main container*/</span><br /><span style="color: blue;">width: 780px;</span><br /><span style="color: blue;">height: 14px;</span><br /><span style="color: blue;">border: 0px solid #aaa;</span><br /><span style="color: blue;">padding: 0px;</span><br /><span style="color: blue;">font:bold 16px Arial;</span><br /><span style="color: blue;">text-transform:none;</span><br /><span style="color: blue;">text-align:left;</span><br /><span style="color: blue;">background-color:transparent;}</span><br /><span style="color: blue;">code{ /*CSS for insructions*/</span><br /><span style="color: blue;">color: #fff;}</span><br /><span style="color: blue;">#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}</span><br /><span style="color: blue;">#example1 a:hover {color:#C8D3F2;text-decoration:none;}</span><br /><span style="color: blue;"></style></span><br /><br /><div>5. Kemudian cari kode yang biasa digunakan untuk meletakkan navigasi menu, kode ini berbeda-beda sob, tergantung template dan kode menunya, contoh seperti <span style="color: blue;"><b>:<br /><br /><div class='menu'></b></span></div><div><span style="color: blue;"><b>...............................</b></span></div><div><span style="color: blue;"><b>...............................</b></span></div><div><span style="color: blue;"><b></div></b></span></div><div><br />6. Jika sudah ketemu letakkan kode berikut tepat dibawah kode <b></div></b> yang digunakan untuk menutup kode navigasi menu pada template anda :<span style="color: blue;"><br /><br /><div class='newspic'></span></div><span style="color: blue;"><br /></span><span style="color: blue;"><div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'></span><br /><span style="color: blue;"><script type='text/javascript'></span><br /><span style="color: blue;">var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)</span><br /><span style="color: blue;">cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://mohnurfawaiq.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed</span><br /><span style="color: blue;">cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields</span><br /><span style="color: blue;">cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag</span><br /><span style="color: blue;">cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date</span><br /><span style="color: blue;">cssfeed.entries_per_page(1)</span><br /><span style="color: blue;">cssfeed.init()</span><br /><span style="color: blue;"></script></span><br /><span style="color: blue;"></div></span><br /><span style="color: blue;"><div style='clear:both;'/></span><br /><span style="color: blue;"></div></span><br /><br /><div>7. Ganti URL <span style="color: black;"><a href="http://mohnurfawaiq.blogspot.com/">http://mohnurfawaiq.blogspot.com</a> pada script nomor 6 dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog anda. Solusinya gampang anda mesti buat API key sendiri di googlecode. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomor 4 dengan kode yang barusan dapet dari googlecode.</span><br /><br />8. Langkah terakhir pilih <b>simpan template</b>, lihat dibawah navigasi menu anda, kalau cara memasangnya sudah benar pasti akan muncul breaking news itu.<br /><br />Agar lebih ramping simpan kode javascript newsticker diatas (no.4) di tempat penyimpanan googlecode Anda. Mudah kan..?? Jika ada yang mau ditanyakan silahkan isi pada kolom <span style="color: black;"><a href="http://mohnurfawaiq.blogspot.com/2013/06/membuat-headline-news-menarik-dibawah.html#.Uaq4KVIqu_I" target="_blank">komentar</a> dibawah. Selamat mencoba dan semoga bermanfaat.</span></div><div><br /></div><div><span style="font-size: x-small;">Referensi : http://www.maskolis.com/2011/12/membuat-breaking-news-menarik-dibawah.html </span> </div></div>

Karena ada teman yang bertanya bagaimana cara membuat headline news dibawah menu navigasi seperti yang saya pasang diblog ini, maka dari it...

Baca selengkapnya »

Cara Membuat Link Pelangi Saat Disentuh Cursor

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div id="fawaiq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCG3dWz1x6HnmII5CNGJLG3bu5ySyBd1F4HC_cgpiipjVvZzHNBwb6G_7QdHvG-4pTz5sLYa-dfKfAiOJSXJEyZFpJxIHvmY_cLhTCvFuKuhcLphC8StiXlHrvkllmk0I0YjxmFCoNMJA/s1600/add-rainbow-efect-to-links.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Cara Membuat Link Pelangi Saat Disentuh Cursor" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCG3dWz1x6HnmII5CNGJLG3bu5ySyBd1F4HC_cgpiipjVvZzHNBwb6G_7QdHvG-4pTz5sLYa-dfKfAiOJSXJEyZFpJxIHvmY_cLhTCvFuKuhcLphC8StiXlHrvkllmk0I0YjxmFCoNMJA/s200/add-rainbow-efect-to-links.jpg" title="Cara Membuat Link Pelangi Saat Disentuh Cursor" width="200" /></a></div><div style="text-align: left;"><span style="font-family: Verdana,sans-serif; font-size: small;">Pada postingan kali ini saya akan berbagi ilmu bagaimana <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-membuat-link-pelangi-saat-disentuh.html#.UTyRd1L91MQ" target="_blank">Cara Membuat Link Pelangi Saat Disentuh Cursor</a>, artinya pada saat cursor mouse diarah ke link di blog kita maka link tersebut akan berwarna-warni seperti pelangi. Tentu saja dengan <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-membuat-link-pelangi-saat-disentuh.html#.UTyRd1L91MQ" target="_blank">link pelangi</a> ini akan membuat tampilan blog kita lebih menarik dan membuat pengunjung merasa nyaman.</span> <span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">Saya sendiri juga menambahkan <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-membuat-link-pelangi-saat-disentuh.html#.UTyRd1L91MQ" target="_blank">link pelangi</a> ini di <a href="http://mohnurfawaiq.blogspot.com/" target="_blank">blog</a> saya, bisa dicoba disentuh link di atas. <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></span></span><br /><br /><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">Cara nya sangat mudah, ikuti langkah-langkah di bawah :</span></span><br /><br /><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">1. LOGIN dulu ke akun Blogger Anda</span></span><br /><br /><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">2. Setelah masuk Dasbor Blogger, pilih menu Tata Letak</span></span><br /><br /><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">3. Kemudian klik Tambahan Gadget dan pilih HTML/JavaScript</span></span><br /><br /><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;">4. Pada kotak konten masukkan script dibawah</span></span><br /><div style="color: cyan;"><span style="font-size: small;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><span style="color: blue;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><script src=</span><span style="font-family: Verdana, sans-serif; font-size: x-small;">'http://linkpelangialdi.googlecode.com/</span><span style="font-family: Verdana, sans-serif; font-size: x-small;">files/</span><span style="font-family: Verdana, sans-serif; font-size: x-small;">scrip%20link%20warna%20warni.js'</span><span style="font-family: Verdana, sans-serif; font-size: x-small;">></span></span></div><div><span style="color: blue;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><</span><span style="font-family: Verdana, sans-serif; font-size: x-small;">/script></span></span></div><br /><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">5.</span></span> <span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Setelah itu klik Simpan</span></span><br /><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"></span></span><br /><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">6.</span></span> <span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Coba di cek Blog sobat, maka link nya akan berwarna-warni<br /><br /> </span></span><br /><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Silakan dicoba. Sekian trik blogger <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-membuat-link-pelangi-saat-disentuh.html" target="_blank">cara membuat link pelangi saat disentuh cursor</a> dari saya sob, semoga berhasil. Semoga bermanfaat ilmunya, kalau bisa di <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-membuat-link-pelangi-saat-disentuh.html#.UTyRd1L91MQ" target="_blank">share</a> ya, biar ilmu kita bermanfaat. <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></span></span></div></div>

Pada postingan kali ini saya akan berbagi ilmu bagaimana Cara Membuat Link Pelangi Saat Disentuh Cursor , artinya pada saat cursor mouse dia...

Baca selengkapnya »

Cara Pasang Widget Translate Dengan Image Bendera

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Kali ini saya akan berbagi trik blog yaitu <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-pasang-translate-dengan-image.html" target="_blank">membuat google translate dengan image bendera</a>. Dengan adanya image bendera yang berkibar, tentu akan membuat tampilan blog kita lebih menarik bukan.</span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-pasang-translate-dengan-image.html" target="_blank">Widget Google Translate</a> yang akan kalian pasang seperti di bawah ini. Silakan kamu sorot gambar benderanya maka nanti akan muncul nama negara dari dari pemilik bendera tersebut.</span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span><br /><center><span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" style="cursor: pointer;" title="English" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" style="cursor: pointer;" title="French" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" style="cursor: pointer;" title="German" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" style="cursor: pointer;" title="Spain" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" style="cursor: pointer;" title="Italian" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" style="cursor: pointer;" title="Dutch" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" style="cursor: pointer;" title="Russian" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" style="cursor: pointer;" title="Portuguese" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" style="cursor: pointer;" title="Japanese" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" style="cursor: pointer;" title="Korean" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" style="cursor: pointer;" title="Arabic" /></a> <a href="http://www.blogger.com/blogger.g?blogID=2786316071345554121" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="20" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" style="cursor: pointer;" title="Chinese Simplified" /></a></span></center><span style="font-family: Verdana, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Untuk screenshot nya bisa dilihat di bawah :</span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QjtMzO-BObGs3fIENzaKvttKLCXdF_O33eb0jH4BsD0VrqvlMjjFbP8JzGhVUsxXOgRHLlXNtv_EVnuyp8PqWuIZ_LNWp84MdnzIXHHWoRvbGYYJNME48ftxdR7MieyiI5cmqG2VgWk/s400/translate.jpg" width="400" /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;">Buat kamu yang pingin memasang <a href="http://mohnurfawaiq.blogspot.com/2013/03/cara-pasang-translate-dengan-image.html" target="_blank">widget google translate</a> berbentuk bendera tersebut, silakan ikuti langkah-langkah di bawah ini :</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>1</u>. Login dulu ke Blogger dengan ID kamu</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>2</u>. Klik Tata Letak</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>3</u>. Klik tab Elemen Halaman</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>4</u>. Klik Tambah Gadget</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>5</u>. Kemudian pilih HTML/Javascript</span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><u>6</u>. Selanjutnya copy paste kode HTML berikut dan paste di dalam kolom HTML/Javascript tadi.</span></div><div style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></div><textarea cols="55" name="code" readonly="readonly" rows="10"><center><a style="cursor: pointer;" 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 border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center>

7.  Kemudian pilih simpan dan lihat blog kamu, dijamin tambah menarik.Pada kotak HTML/Javascript tadi bisa ditambah judul seperti "Translate" untuk memudahkan pengunjung.

Demikianlah tutorial cara memasang google translate dengan image bendera. Gimana, gampang kan kawan? Jika masih ada yang kesulitan jangan sungkan-sungkan untuk bertanya, kotak komentar terbuka lebar untuk kamu.

Semoga tips membuat widget translate dengan image bendera diatas bermanfaat. Kalau masih bingung silakan ditanyakan dan tinggalkan komentar.

Kali ini saya akan berbagi trik blog yaitu membuat google translate dengan image bendera . Dengan adanya image bendera yang berkibar, tentu ...

Baca selengkapnya »

Membuat Gambar Berputar dan Membesar Saat Disentuh Mouse

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div id="fawaiq"><div class="separator" style="clear: both; text-align: center;"><span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpO7alhgEHKsl1fohaKuVp8V6rbekGuHBdGbxNgAYKaJa8xNvNlzQ8IEpHrJ0Wv3VcCw02uilkcWkuFpfRPNI9ZdUE0pXJ_6l-XmCitgseiEwyunZGKspaZklrHKZ3Yw5zGiXXcPizC8/s1600/fawaiqblog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://mohnurfawaiq.blogspot.com" border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpO7alhgEHKsl1fohaKuVp8V6rbekGuHBdGbxNgAYKaJa8xNvNlzQ8IEpHrJ0Wv3VcCw02uilkcWkuFpfRPNI9ZdUE0pXJ_6l-XmCitgseiEwyunZGKspaZklrHKZ3Yw5zGiXXcPizC8/s320/fawaiqblog.jpg" title="Fawaiq Blog" width="320" /></a></span></div></div><br />Belajar blog memang tidak akan pernah ada akhirnya, karena akan ada banyak lagi ilmu baru, apalagi untuk mempercantik tampilan blog. Blog yang ringan, sederhana dan memiliki informasi yang dibutuhkan banyak orang maka blog tersebut akan diminati semua orang dan memiliki banyak pengunjung. Saya juga ingin mempunyai blog yang seperti itu, walaupun saya pemula dan tampilan serta isi di blog saya masih banyak kekurangannya. Udah ah basa-basinya ya sobat (hehehehe <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" />)<br /><br /></div><div style="text-align: justify;">Mungkin sobat semua pernah menjumpai di blog / website yang gambar didalam postingannya bisa berputar dan membesar jika disentuh mouse kan. Jika belum pernah melihat, maka coba sobat arahkan mouse ke gambar diatas, maka gambar tersebut akan berputar dan membesar. Pada postingan kali ini saya akan berbagi ilmu tentang <a href="http://mohnurfawaiq.blogspot.com/2013/02/membuat-gambar-berputar-dan-membesar.html" target="_blank">cara membuat gambar berputar dan membesar saat disentuh oleh mouse</a>. Dan langkah-langkahnya dapat Anda lihat di bawah :</div><div style="text-align: justify;"><br /></div><u>1</u>. Seperti biasa sobat harus login dulu di akun blog sobat<br /><div style="text-align: justify;"><u>2</u>. Setelah masuk dashboard blog sobat, pilih menu Template<br /><u>3</u>. Kemudian pilih menu Edit HTML</div><div style="text-align: justify;"><div style="text-align: left;"><u>4</u>. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan</div></div><div style="text-align: justify;"><u>5</u>. Sobat cari kode <span style="color: red;"></head></span></div><div style="text-align: justify;"><u>6</u>. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode <span style="color: red;"></head></span><br /><br /></div><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </div><div align="center"><textarea cols="30" name="txt" rows="5"><style>#fawaiq img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #fawaiq img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>