jQuery Pop-up için facebook gibi kutu ile arka plan resminin - V2
Posted 14:44 / By Nhv-Editör
in
blogger jquvery
jQuery Pop-up için facebook gibi kutu ile arka plan resminin - V2
BEN
Ben benim önceki posta için facebook gibi kutusu açılır kutu vermişti etmişsinizdir eminim,ve eğer burada ilk açılan facebook için eski sürümü check out daha yeni olan,
Bugün ı 'm size awesome jQuery açılır için facebook gibi arka plan görüntüsü kutusuyla, bunun için yukarıdaki ekran görebilirsiniz ve eğer sen beğenmek o ve eğer bu kapmak istiyorum Ayrıca test blog sayfamı canlı demo görebilirsiniz
So... neden bekliyor? sadece izleyin adımları verilen...
Nasıl blogger için jQuery Pop-up kutusu gibi Facebook'a Ekle
- Blogger ve Tasarım--git >HTML'yi Düzenle
- Etiket/</head> için ( istimal ctrl + f arama )
- N Yapıştır altında sadece yukarıdaki kodu kopyalayın
< script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js >< / script >
< script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js" >< / script >
< link rel = "stil" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type = "text/css" / >
< script type = "text/javascript" >
jQuery(document).ready(function() {}
Eğer (document.cookie.indexOf('visited=flase') == -1) {}
var fifteenDays = 1000 * 60 * 60 * 24 * 30;
var süresi = new Date ((yeni Date()).valueOf() + fifteenDays);
Document.Cookie = "ziyaret = true; expires =" + expires.toUTCString();
$.colorbox({width:"600px", inline:true, href:"#mdfb"});
}
});
</script>
< script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js" >< / script >
< link rel = "stil" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type = "text/css" / >
< script type = "text/javascript" >
jQuery(document).ready(function() {}
Eğer (document.cookie.indexOf('visited=flase') == -1) {}
var fifteenDays = 1000 * 60 * 60 * 24 * 30;
var süresi = new Date ((yeni Date()).valueOf() + fifteenDays);
Document.Cookie = "ziyaret = true; expires =" + expires.toUTCString();
$.colorbox({width:"600px", inline:true, href:"#mdfb"});
}
});
</script>
- Şimdi şablonunuzu kaydedin
Senin Blogger--->Tasarım--->sayfa öğelerini--->Ekle aracı
html/Javascript listeden seçin
N Yapıştır html kod aşağıda içine kopyalayın
< div style =' göstermek: hiçbiri ' >
< div id = 'mdfb' style ='padding: 10px; background: # fff;'>
<center>
< tabloyu hizalama "Merkez" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVI1XEbwupS0dBg7L1KaYq8dN1a0YVr8xGim8I6Zv1WvNqby-6MJWyjt46ECWiRA0HpB1TAj77oH2ewEkT0iN-Hm7FVMROcV0i4n9OLwphOAayQ5BmQUwED9AJk9LezBauGKVVpkySrIj/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png =" kenarlık "0" height = = "300" style = "width: 505px;">< tbody >
<tr> < td height = "345" width = "505" >
< div align = "right" >
< script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type = "text/javascript" >< / script >
< script type = "text/javascript" > FB.init("32eb3732082b27e7c314feb421a56208"); </script>
< fb:fan profile_id = "203719646317464" bağlantılar "10" width = "360" height = "270" css="https://gj37765.googlecode.com/svn/trunk/[www.gj37765.blogspot.com]mdfacebook.css =?">< / fb:fan >
</div> </td> </tr> </tbody> </table> </center>
< p style = "float: right; margin-right: 35px; yazı-Boyut: 9px; "> Powered By < stili =" yazı-Boyut: 9px; Color: # 3B78CD; text-decoration: none; "href="http://www.gj37765.blogspot.com "> Blogger widget </a> </p>
</div> </div>
< div id = 'mdfb' style ='padding: 10px; background: # fff;'>
<center>
< tabloyu hizalama "Merkez" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVI1XEbwupS0dBg7L1KaYq8dN1a0YVr8xGim8I6Zv1WvNqby-6MJWyjt46ECWiRA0HpB1TAj77oH2ewEkT0iN-Hm7FVMROcV0i4n9OLwphOAayQ5BmQUwED9AJk9LezBauGKVVpkySrIj/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png =" kenarlık "0" height = = "300" style = "width: 505px;">< tbody >
<tr> < td height = "345" width = "505" >
< div align = "right" >
< script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type = "text/javascript" >< / script >
< script type = "text/javascript" > FB.init("32eb3732082b27e7c314feb421a56208"); </script>
< fb:fan profile_id = "203719646317464" bağlantılar "10" width = "360" height = "270" css="https://gj37765.googlecode.com/svn/trunk/[www.gj37765.blogspot.com]mdfacebook.css =?">< / fb:fan >
</div> </td> </tr> </tbody> </table> </center>
< p style = "float: right; margin-right: 35px; yazı-Boyut: 9px; "> Powered By < stili =" yazı-Boyut: 9px; Color: # 3B78CD; text-decoration: none; "href="http://www.gj37765.blogspot.com "> Blogger widget </a> </p>
</div> </div>
Düzenle
Yerine de yukarıda kırmızı renkli sayı facebook sayfa IDNot:Kur facebook sayfası kimliğiniz ile kullanıcı adı için bizim facebook Kimliği bulma aracını kullanmak daha varsa.
Şimdi widget kaydetmek ve sen-si olmak bitmiş!
NhamNgaHanh is the founder and editor in chief of SimplexDesign blog ,a blog on Blogger tips ,tricks ,designer resources and many premium Blogger templates for free use.
0 yorum