Live Preview

BlogPress is a sis template of wepress blogger template. It is a multipurpose, amusement fully responsive together with mobile friendly blogger template which comes amongst lot of dynamic features. BlogPress is a creative together with has a apartment fashionable pattern real suitable for bloggers, marketers together with writers. It has high lineament responsive pattern together with awesome looks that would brand your website unique together with to a greater extent than professional. Moreover, this subject is ideal for those who are curiously looking for blogging niche template. It too supports virtually every browsers to charge inwards a seconds. Ever start magazine manner blogging template.

Features of BlogPress Blogger Template

100% Responsive Mobile Layout: Like our latest sleek blogger template Blog Press template too designed for latest browsers to charge it perfect. It has 100% fully responsive layout to  charge it from iphone, tablet, pc together with mobile together with desktop.

Layout: Since BlogPress is a sis version of WePRess thence it too exists inwards 2 dissimilar layouts interfaces.
1: One a Simple Layout Interface for Blogging.
2: Ads ready, Magazine amongst colorized interface.

SEO Friendly Template: Search Engine similar SEO friendly template good right, Our blogging squad arrive perfect seo friendly template similar madeeha template. It uses h2 on domicile pages, h1 on posts pages together with too configured hatom errors etc. You don't involve to pass coin on SEO. We made all the customization that needs for SEO.

Navigation:  Influenza A virus subtype H5N1 excellent responsive navigation installed on header wind to navigate the site easily similar equally our business bloggerTemplate, This would function perfect on mobile, tablet together with iphone.

Load Faster : We accept integrated a low-cal jequery widgets together with plugins to charge it faster on whatever browser. Visitors dear a site opened upward chop-chop a seconds.

Ads Ready: Since This template is available inwards 2 dissimilar layouts together with according to users requirements, i tin select a perfect layouts for a websites/blog. It is virtually promotion ready template similar the  magazine  one.

Related Post Thumbnail: Related thumbnail widget would tending to growth your site pageviews equally good equally tending user to navigate the site deeply. So for all these excellent features nosotros added a cute responsive widget below every posts to display all related posts.

We are actually hopping that Blog Press Blogger Template would fulfill all your dreams you lot always desire amongst blogspot platform. nosotros accept tried our best to brand this template unique together with perfect from all other template. If nosotros actually immature adult woman anything precious together with thence kindly allow us percentage inwards below comments.

FreeDownload FREE

Get this template for FREE amongst giving proper credits to us, no back upward included.

$6.99Buy This Theme

• Remove Footer credits
• One Time Payment
• For Unlimited Domains
• Get Premium Support
• Remove Encrypted Scripts
• Regular Template Updates
• And Much More...

Template Details

• Name: BlogPress-Blogger Theme
• Version: 4.0
• Utility: Theme Files, PSD & Docs
• Release: 22/ 08 / 2015

Live Preview

Bolina Responsive blogger template is a starting fourth dimension blogspot topic that operate alone on shortcut codes. It is a multipurpose blogspot topic which is ideal for traveling, blogging, photography, technology, personal too indeed a fashion spider web log site. It comes amongst iii dissimilar demo layouts. All you lot involve to select the wishing ones which await a perfect alternative for your blogger site. Bolina is purely adopted from Html5 topic too give-up the ghost a dynamic, SEO friendly too awesome pattern blogger template of 2016. It has advance features like, shortcut codes, motorcar sliders too dynamic homepage layouts. All these features makes it unique too professional person template. Apart from these, Bolina is coded wisely, So you lot tin customize this topic to educate your ain pattern for a site.

Features of Bolina Blogger Template

100% Responsive Mobile Layout: Like Brandx Blogger Template Bolina is fully responsive layout topic that tin survive easily access through diverse devices similar tablet, iphone, mobile too PC.A responsive topic is 1 which tin laissez passer on exact resolution on whatsoever device.

Layout: Bolina is a premium blogspot topic which comes amongst iii dissimilar layout interfaces. Each layout is dissimilar from other too dissimilar means similar business theme. you lot tin download this template inwards iii xml files of your choice..
1: Bolina Blogging Template.
2: Bolina Multipurpose/Blog Template.

Shortcut codes: To display unopen to sections of contents inwards this template, you lot accept to add together shortcut codes to start display the sections like, editor choice, latest posts too characteristic posts. for to a greater extent than information banking concern fit documentation file.

SEO Friendly Template: You don't involve to hire SEO adept for your blog. Just download this topic too construct your site super SEO friendly. This topic comes amongst lot of SEO options too much mores like wepress template . Already accept setup headline heading, schema org integration, calorie-free weight scripts too fault gratuitous coding.

Navigation:  H5N1 navigation is a role of template that assist user to navigate the site easily. nosotros accept added a responsive navigation carte at the elevation of wrapper similar horsemag blogger theme. All you lot exactly involve to add together your site links or label links. banking concern fit documentation how to add together links to the carte of bolina template.

Labels : Label too category both words accept same pregnant inwards Blogger. nosotros assign label to every unmarried post service correct ? So you lot tin assign label to post service too these are start showing upwards either at correct side of a spider web log or below every post. nosotros accept customized the means of label to construct its pattern unique. 

Ads Ready: You tin easily activate 728x90 promotion banner at the elevation of a spider web log from dashboard layout option. To add together to a greater extent than promotion slots contact us for help.

Slideshow: Slideshow conduct extra exposure inwards your spider web log design. Since, nosotros accept get got added a jquery less coding slideshow which operate completely on labels. All you lot involve to add together a label call to the slideshow widget too posts volition start showing up.

We are actually hopping that Bolina Blogger Template volition conduct extra exposure inwards your blogger site. This our latest too perfect alternative for all those who are however looking for a consummate multipurpose blogger template of 2016.

FREEDownload Free

Get this template for FREE amongst giving proper credits to us, no back upwards included.

$9.99Buy This Theme

• Remove Footer credits
• Live Chat Supports
• One Time Payment
• Advance SEO Plugins
• For Unlimited Domains
• Get Premium Support
• Remove Encrypted Scripts
• Regular Template Updates
• And Much More...

Template Details

• Name: Bolina-Blogger Theme
• Version: 2.0
• Utility: Theme Files, PSD & Docs
• Release: 28/ 02 / 2016

Live Preview

Mega Social Responsive blogger template is nonetheless to a greater extent than or less other fully dynamic blogger template alongside attractive design. It is alone created for the purpose to railroad train a i successful mega social collection website. This template makes it possible to blueprint a beatiful & dandy collection of social sharing blog/website. It is a modern portfolio together with fast loading template using html5 tags. Influenza A virus subtype H5N1 consummate user friendly that would lets yous launch a fully functional spider web log or site within minutes. It is ideal for photographers, hobby bloggers together with designers to showcase their work. It tin survive called a perfect multipurpose blogger template.

Features of Mega Social Blogger Template

100% Responsive Mobile Layout: Like Bolina Blogger Template , Mega Social is fully responsive layout topic that volition survive accessed through diverse devices similar tablet, iphone, mobile together with PC.

Layout: Since Mega Social is a dissimilar layout template which agency it is available to the users inwards three dissimilar styles. Influenza A virus subtype H5N1 user tin select a perfect template for a website.
1: MegaSocial Blogging Template.

Tables: Tables volition survive displayed on homepage only. It holds all the social sharing icons for dissimilar websites. You tin add together tabular array inwards the gadget box to display your ain social list.

SEO Friendly Template: This template is fully SEO optimized similar Brandx Blogger Template. It has all seo meta tags together with good h1 heading tags setting. There is no necessitate of whatever type of customization. Schema, writer tags together with robots tag are installed inwards advance level..

Navigation:  Influenza A virus subtype H5N1 construct clean drib downwardly card is integrated at the pinnacle of the wrapper. It is completely responsive that volition hand perefect await on whatever device. To customize the menu, cheque out the documentation file.

Labels : Labels together with category are both tags inwards blogger. Since the blogger default label widget is non looked professional. We conduct colorized it inwards a modern way, yous volition honey the label widget of this template.

Ads Ready: Are yous wondering to increase your blogger site revenue ? This template is completely promotion ready which agency all mega ads slots are integrated. All yous necessitate to add together your ads coding.

Social Buttons: Every unmarried ship service display dynamic social sharing buttons. These buttons volition care yous to percentage your ship service on dissimilar social sharing website similar facebook, twitter etc.

We are actually hopping that Mega Social Blogger Template volition convey extra exposure inwards your blogger site. It is ideal for dissimilar niches, So yous tin utilisation it for whatever niche website. Influenza A virus subtype H5N1 consummate multipurpose blogger template of 2016.

FREEDownload Free

Get this template for FREE alongside giving proper credits to us, no back upwardly included.

$9.99Buy This Theme

• Remove Footer credits
• Live Chat Supports
• One Time Payment
• Advance SEO Plugins
• For Unlimited Domains
• Get Premium Support
• Remove Encrypted Scripts
• Regular Template Updates
• And Much More...

Template Details

• Name: Mega-Social-Blogger Theme
• Version: 2.0
• Utility: Theme Files, PSD & Docs
• Release: 07/ 04 / 2016

Live Preview

Authority is a premium blogger template inspired from MathewWoodward blog. It is adapted from WordPress theme. Authority is a pop WordPress subject that is designed by MyThemeShop. This super SEO friendly WordPress subject in conclusion compel our developers to prepare it for Blogger Platform. Finally nosotros came upwardly amongst this outstanding blogger template that was exclusively designed past times Templatezy for Blogger/Blogspot Lovers. It is a start blogging template that comes amongst fully liberty options. The dynamic admin, Auto DragDrop options in addition to to a greater extent than Layouts. If you lot are all the same thinking for your side past times side Blogging site Template, Authority would hold upwardly the perfect alternative inwards terms of SEO in addition to Design.

Features of Authority Blogger Template

100% Responsive Mobile Layout: Like Gym Blogger Template This template likewise compatible amongst all mini devices similar tablet, iphone, mobile in addition to PC. All possible media queries added for responsiveness.

Layout: Since Authority is a multi layout template, So it is available to the users inwards expose of demos. Influenza A virus subtype H5N1 user tin select a perfect template for a website.
1: Authority Photography.
2: Authority Blogging.

Approved: This template is approved from Its WP version to redesign for Blogger/Blogspot amongst fully freedom. You tin usage it ultimately amongst footer links.

SEO Friendly Template: There is no challenger of Authority when it comes to Search Engine Optimization. It is designed particular inwards professional person way. Schema.org integration, meta authors, dynamic meta description, H1, h2, h3 Title tags in addition to all possible SEO related tags are optimized wisely. There is no involve to muddy your hands amongst internal customization. Enjoy it.

Speed:  This template accept seconds to Pb inwards whatever major or onetime browsers. Supported large variaty of browser. Time speed of Authority is a major characteristic that comes amongst it

Navigation:  Displaying Flexible Navigation brings much beauty inwards your site. Here you lot volition croak a dynamic carte du jour that would start seem on site site scroll. This volition likewise tending to decrease your site bounce charge per unit of measurement dramatically. Setting carte du jour inwards say-so would accept few seconds. Check documentation file.

Ads Ready : Adding your ads coding inwards WordPress is much easier exactly when it comes to blogger it takes a twenty-four hours to customize your advertising slots. The proficient news! Authority provides you lot automatic ads laid slots, all you lot involve to add together the code in addition to relieve thats done.

We are actually hopping that Authority: Mathew Responsive Blogger Template volition convey extra exposure inwards your blogger site. It is ideal for dissimilar niches, So you lot tin usage it for whatever blogger website. Influenza A virus subtype H5N1 consummate multipurpose blogger template of 2016.

FREEDownload Free

Get this template for FREE amongst giving proper credits to us, no back upwardly included.

$9.99Buy This Theme

• Remove Footer credits
• Live Chat Supports
• One Time Payment
• Advance SEO Plugins
• For Unlimited Domains
• Get Premium Support
• Remove Encrypted Scripts
• Regular Template Updates
• And Much More...

Template Details

• Name: Authority-Blogger Theme
• Version: 3.0
• Utility: Theme Files, PSD & Docs
• Release: 08/ 11/ 2016

Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading.

DAFTAR Isi (table of content) atau peta situs (sitemap) ialah halaman khusus yang berisi daftar judul posting blog.

Daftar isi atau sitemap ini berupa indeks konten blog menurut Label (kategori). Demonya dapat dilihat di Sitemap Blog ini.

Fungsinya bukan hanya untuk pengunjung (user friendly), tapi juga untuk kepentingan indeks Google atau SEO.

Harap diingat, sitemap di halaman statis ini berbeda dengan sitemap yang kita daftarkan di Webmaster Google.

Cara Membuat Daftar Isi (Sitemap) Blog 

Berikut ini Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label.

1. Klik Pages (Halaman) > pilih New Page (Halaman Baru)

2. Isi judul halaman dengan Sitemap.
3. Klik mode HTML

4. Copas isyarat berikut ini:

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript">
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://templetedownload.blogspot.com//search?q=cara-membuat-daftar-isi-blog-sitemap" style="font-size: 10px; text-decoration:none; color: #5146CD;" target="_blank">Cara Membuat Daftar Isi Blog</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bXeXXTz7oMN9tC500EqCMnBLYrNDBwl4kEiYoePdjDrDsFEGMZqMMOjgWq9O_CEFGu5GAwAt2WlPZ91Fzcyo5mwc3Ko1dna8UvdRDt_6YEf2jR4V-sMIw8kNp3jpDq4quI4hRw1XHrDg/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

5. Langsung klik Publikasikan!

Ingat, jangan klik Compose dulu, pribadi saja Publish di mode HTML!

Itu ia cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading! Desain tampilan daftar isi lainnya dapat dicek di blog eutectics. Wasalam. (blogromeltea.blogspot.com).*

Featured Post yakni widget Blogger yang menampilkan posting unggulan di halaman depan (homepage).

Featured Post ini semacam headline atau gosip utama di situs berita.

Postingan yang ditampilkan di Featured Post menjadi semacam sajian utama atau konten unggulan yang ditawarkan kepada pengunjung blog.

Widget Featured Post juga disediakan Blogger semenjak Desember 2015. Tim Blogger Google merilisnya dengan judul "Highlight the posts that matter the most".

Untuk memasangnya sangat mudah, yaitu tinggal klik Layout > Add a Gadget > pilih Featured Post.

 

Kita dapat pilih salah satu post untuk ditampilkan atau otomatis menampilkan posting terbaru dengan centang "Use the most recent published post".

 

Kita dapat menampikannya di sidebar atau di halaman depan. Anda juga dapat memasang Featured Post bawaan Blogger yang sudah dimodifikasi.

Cara Memasang Featured Post Artikel Terbaru di Blogger

Selain Featured Post Bawaan Blogger, banyak pula desain featured post lainnya dengan tampilan beraam dan menampilkan lebih dari satu postingan. Salah satunya dengan memasangkan isyarat berikut ini. Penampakannya ibarat ilustrasi gambar di atas.

Featured Post Artikel Terbaru di Blogger ini di-share Help Logger. Di demonya,  Featured Post Image Slider dipasang di sidebar, dengan menampilkan posting terbaru.

Berikut ini cara Cara Memasang Featured Post Image Slider Otomatis di Sidebar Blogger:

1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Judul Isi dengan "Featured Posts" atau Kosongkan
3. Copy & Paste Kode berikut ini:

<style type="text/css">
ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhANMkEHIHg3mVKl5oL1X9MkdRwIU04xPk6uLd74d1U_Hp6hB_JdTUjDJWPl1XHlbRZagv2hTCOui0E6Jl7eFTTFapJtg6KDmNkSWP9rqtjvbUsBvpwI7XsU_pUig1p6SuOWnSniaWuSE4/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}
</style>
<div id="featuredbwidget"></div>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:"https://namabloganda.blogspot.com/",
featuredNum:9,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGWUUis8RqEgIksViifR0Mm_IqWogTLg5yg_Nf1w8_7kD9wV4lpd87IhyQA6bQZCVH7PqbXS1eo4vHoUgiqnuBGdeAROQceWGPDzS9NSEmYBFywOwaujKPSwlNz8dYeTLPYDmmeyAWxY/s500/no-image.png",byMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

Catatan

• listURL - ganti dengan alamat URL blog Anda
• featuredNum - jumlah posting, dapat diubah
• listbyLabel - jikalau akan menampilkan posting dengan label tertentu, ubah menjadi lissbyLabel:"Nama Label"
• featthumbSize - ukuran atau dimensi gambar dalam pixel
• interval - pergantian gambar dalam detik'
• autoplay - ubah true manjadi false jikalau akan dimatikan autoplaynya
• Kode warna hijau yakni link ke  isyarat jQuery. Jika di template Anda sudah ada isyarat tersebut, hapus saja, jangan disertakan.

4. Save!

Berikut ini isyarat Featured Post Image Slider Otomatis yang sudah sedikit dimodifikasi, untuk dipasang di halaman depan blog.

Bagian yang dimodifikasi yakni tinggi gambar (height) menjadi 300px dan autoplay dimatikan (false).

<style type="text/css">
ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:300px}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhANMkEHIHg3mVKl5oL1X9MkdRwIU04xPk6uLd74d1U_Hp6hB_JdTUjDJWPl1XHlbRZagv2hTCOui0E6Jl7eFTTFapJtg6KDmNkSWP9rqtjvbUsBvpwI7XsU_pUig1p6SuOWnSniaWuSE4/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}
</style>
<div id="featuredbwidget"></div>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:"https://namabloganda.blogspot.com",
featuredNum:5,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:false,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGWUUis8RqEgIksViifR0Mm_IqWogTLg5yg_Nf1w8_7kD9wV4lpd87IhyQA6bQZCVH7PqbXS1eo4vHoUgiqnuBGdeAROQceWGPDzS9NSEmYBFywOwaujKPSwlNz8dYeTLPYDmmeyAWxY/s500/no-image.png",byMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

DemikianCara Memasang Featured Post Artikel Terbaru di Blogger. (blogromeltea.blogspot.com).*

Berikut ini Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog.

Kita dapat memasang widget liga sepkbola ini di sidebar, postingan (post), atau halaman statis (page). Lihat Demonya yang saya pasang di postingan.

Kode widget Klasemen Sepakbola Liga Primer Inggris, Liga 1, La Liga, Serie A, Bundesliga, dan liga-liga lainnya tersedia di laman FC Tables.

Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog

1. Buka laman FC Tables. Klik link FC Tables di atas. Scroll ke bawah.
2. Pilih Bahasa, Negara, dan Nama Liga
3. Lakukan Setting
4. Copy kodenya
5. Klik Layout > Add a Gadget > pilih HTML/JavaScript
6. Paste aba-aba tadi.

Untuk memasangnya di halaman statis (page) atau di postingan, copas kodenya di mode HTML.

Berikut ini pola Widget Klasemen Sepakbola Liga Inggris & Liga 1 2018. Update otimatis setiap saat. Sumbernya di FC Tables tadi.

Klasemen Liga Inggris 2018-2019

Klasemen Gojek Liga 1 2018

Itu dia Cara Memasang Widget Klasemen Sepakbola Liga Inggris & Liga 1 di Blog. Wasalam. (blogromeltea.blogspot.com).*

Cara Memasang Featured Post Bawaan Blogger yang Sudah Dimodifikasi & Responsive.

SETELAH berbagi Cara Memasang Featured Post Slider di Halaman Depan Blog, kali ini aku share cara memasang Featured Post Widget Bawaan Blogger yang sudah dimodifikasi.

Desain tampilannya menyerupai ini:

Featured Post ialah widget Blogger untuk menampilkan posting, artikel, atau konten unggulan. Widget ini dirilis Blogger 10 December 2015: Highlight the posts that matter the most.

Cara memasangny mudah, tinggal klik Layout > Add a Gadget > pilih Featured Post. Setelah itu geser (pindahkan) posisinya ke atas widget Blog Post.

Kode Featured Post Bawaan Blogger yang Sudah Dimodifikasi

Jika ingin desain Featured Post Bawaan Blogger yang Sudah Dimodifikasi, pasang arahan berikut ini di template blog Anda sesudah Featured Post dipasang.

1. Tema > Edit HTML
2. Copas arahan berikut ini di atas kode ]]></b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
.FeaturedPost .post-summary{background:#f7f7f7;position:relative;padding:0;height:auto;max-height:330px;overflow:hidden;margin-bottom:10px}
.FeaturedPost .post-summary h3{font:500 20px Oswald,serif;bottom:0;font-size:20px;margin:0;z-index:10;position:absolute;top:0;left:0;height:100%;width:36%;background:#1F1C1B;opacity:0.7;filter:alpha(opacity = 70);padding:10px}
.FeaturedPost .post-summary h3:after{content:&quot;&quot;;position:absolute;top:-0.25em;right:100%;bottom:-0.25em;width:0.25em}
.FeaturedPost .post-summary h3 a{color:#fff;background:transparent}
.FeaturedPost .post-summary h3 a:hover{color:#ff6}
.FeaturedPost .post-summary p{color:#ff6;bottom:10px;overflow:hidden;text-overflow:ellipsis;margin:0;z-index:10;position:absolute;top:55%;left:0;max-height:100px;width:36%;opacity: 0.8;filter: alpha(opacity = 70);padding: 10px;line-height: normal;}
.FeaturedPost .image{display:block;max-height:330px}
.FeaturedPost h2{display:none}
@media only screen and (max-width:480px){
.FeaturedPost .post-summary h3{font-size:18px;margin:0;width:50%}
.FeaturedPost .post-summary p{margin:0;height:auto;max-height:72px;width:50%}
}
@media only screen and (max-width:320px) {
.FeaturedPost .post-summary p {display: none;}
}
</style>
</b:if>

3. Agar tampil hanya di halaman depn, tambahkan arahan tag kondisional. Caranya, cari arahan widget Featured Post menyerupai ini:

    <b:widget id='FeaturedPost1' locked='false' title='Featured Post' type='FeaturedPost'>

Nah, di bawahnya ada arahan menyerupai ini:

      <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
  </b:if>
</b:includable>

Ubah sehingga menyerupai arahan di atas dengan menambahkan arahan warna merah.

Save!

Itu dia Cara Memasang Featured Post Bawaan Blogger yang Sudah Dimodifikasi. (blogromeltea.blogspot.com).*

Cara Memasang Featured Post Slider di Halaman Depan Blog

Featured Post Slider yaitu widget yang menampilkan posting terbaru di hompage berupa slide gambar dan judul menyerupai gambar di bawah ini:

Fungsinya sama dengan widget Featured Post bawaan blogger, yaitu menampilkan posting unggulan. Namun, wigdet berikut ini memunculkan posting terbaru.

Cara Memasang Featured Post Slider di Halaman Depan Blog

1. Klik Tema > Edit HTML
2. Copas arahan CSS Featured Post Slider berikut ini di atas arahan </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.s3slider{margin:0 auto 10px;background:#333 none no-repeat 50% 50%;position:relative;overflow:hidden;}
ul.s3slider-content {padding: 0;}
.s3slider.loading{text-indent:-9999px;}
.s3slider-content,.s3slider-content li{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;overflow:hidden;}
.s3slider-content li{position:static;display:none;}
.s3slider-content img{display:block;width:100%;height:100%;max-width:none;max-height:none;border:none;outline:none;padding:0;margin:0;}
.s3slider-caption{position:absolute;right:0;bottom:0;left:0;height:auto;font:normal normal 13px/normal Helmet,Freesans,Sans-Serif;color:white;background-color:black;opacity:.8;filter:alpha(opacity=80);padding:17px 20px 20px;display:none;}
.s3slider-title,.s3slider-meta{display:block;}
.s3slider-title a{font-size:110%;font-weight:bold;color:white;text-decoration:none;}
.s3slider-title a:focus,.s3slider-title a:hover{text-decoration:underline;}
.s3slider-meta-comment:before{content:&quot;- &quot;}
</style>
    </b:if>

3. Cari kode:

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

4. Copas arahan HTML & JavaScript Featured Post Slider berikut ini di atas arahan tersebut:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/>
<div id="s3slider-container"> 
<div class="s3slider loading" style="width:100%;height:300px;">    Memuat...  </div>
</div>
<script>
var s3slider_config = {
url: 'https://blogromeltea.blogspot.com',
numPost: 5,
labelName: null,
monthArray: ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],
noImage:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC', 
newTabLink: false,
containerId:'s3slider-container',
slider:{width:520,height:300,
timeOut: 9000}};
</script>
<script type='text/javascript'>
//<![CDATA[
(function($) {
$.fn.s3Slider = function(vars) {
var element = this,
timeOut = (vars.timeOut != undefined) ? vars.timeOut : 5000,
current = null,
timeOutFn = null,
faderStat = true,
mOver = false,
items = $(element).find('li'),
itemsSpan = items.find('.s3slider-caption');
items.each(function(i) {
$(items[i]).mouseover(function() {
mOver = true;
});
$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});
});
var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut / 2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if (items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
// console.log("Poof..");
}
}, makeSlider = function() {
current = (current != null) ? current : items[(items.length - 1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if (faderStat == true) {
if (!mOver) {
$(items[currNo]).fadeIn((timeOut / 6), function() {
if ($(itemsSpan[currNo]).is(':visible')) {
$(itemsSpan[currNo]).slideUp((timeOut / 6), function() {
faderStat = false;
current = items[currNo];
if (!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut / 6), function() {
faderStat = false;
current = items[currNo];
if (!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if (!mOver) {
if ($(itemsSpan[currNo]).is(':hidden')) {
$(itemsSpan[currNo]).slideDown((timeOut / 6), function() {
$(items[currNo]).fadeOut((timeOut / 6), function() {
faderStat = true;
current = items[(currNo + 1)];
if (!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut / 6), function() {
$(items[currNo]).fadeOut((timeOut / 6), function() {
faderStat = true;
current = items[(currNo + 1)];
if (!mOver) {
fadeElement(false);
}
});
});
}
}
}
}; makeSlider();
};
})(jQuery);
(function($, w, d) {
var sc = s3slider_config,
container = d.getElementById(sc.containerId),
head = d.getElementsByTagName('head')[0],
s = d.createElement('script'),
skeleton = '<div class="s3slider" id="s3slider" style="width:' + sc.slider.width + 'px;height:' + sc.slider.height + 'px;"><ul class="s3slider-content">',
title, image, link, date, comment;
w.blogger_s3Slider = function(json) {
var entry = json.feed.entry;
for (var i = 0, ien = entry.length; i < ien; ++i) {
title = entry[i].title.$t;
date = entry[i].published.$t.split('-');
var dd = date[2].substring(0, 2),
dm = date[1],
dy = date[0];
image = ("media$thumbnail" in entry[i]) ? entry[i].media$thumbnail.url.replace(/\/s[0-9]+\-c/, "/s" + sc.slider.width) : sc.noImage;
for (var j = 0, jen = entry[i].link.length; j < jen; ++j) {
if (entry[i].link[j].rel == "alternate") {
link = entry[i].link[j].href;
break;
}
}
for (var k = 0, ken = entry[i].link.length; k < ken; ++k) {
if (entry[i].link[k].rel == "replies" && entry[i].link[k].type == "text/html") {
comment = entry[i].link[k].title;
break;
}
}
skeleton += '<li><img src="' + image + '" style="display:block;width:' + sc.slider.width + 'px;min-height:' + sc.slider.height + 'px;height:auto;"><span class="s3slider-caption"><span class="s3slider-title"><a href="' + link + '"' + (sc.newTabLink ? ' target="_blank"' : "") + '>' + title + '</a></span><span class="s3slider-meta"><span class="s3slider-meta-date">' + dd + ' ' + sc.monthArray[parseInt(dm, 10) - 1] + ' ' + dy + '</span><span class="s3slider-meta-comment">' + comment + '</span></span></span></li>';
}
skeleton += '</ul></div>';
container.innerHTML = skeleton;
$('#' + sc.containerId).children().s3Slider({
timeOut: sc.slider.timeOut
});
};
s.src = sc.url.replace(/\/$/, "") + '/feeds/posts/summary' + (sc.labelName !== null ? '/-/' + sc.labelName : "") + '?alt=json-in-script&orderby=published&max-results=' + sc.numPost + '&callback=blogger_s3Slider';
head.appendChild(s);
})(jQuery, window, document);
//]]>
</script>
  </b:if>

5. Ubah alamat blognya (https://blogromeltea.blogspot.com) dengan url blog Anda.
6. Sesuaikan lebar dan tinggi gambar slider di arahan kode warna merah.
7. Save! Simpan template.

Selesai. Itu dia Cara Memasang Featured Post Slider di Halaman Depan Blog. Wasalam. (https://blogromeltea.blogspot.com).*

Cara Custom Domain Blogger di Hostinger: Membuat Blog di Blogger dengan Nama Domain Sendiri.

MEMBUAT blog di Blogger dengan nama domain sendiri atau mengubah alamat blog dari yang tadinya --misanya-- romelteamedia.blogspot.com menjadi www.romelteamedia.com dikenal dengan istilah Custom Domain atau Domain Kustom.

"Menyiapkan domain kustom. Saat membeli domain, Anda sanggup mempersonalisasi alamat situs blog," demikian kata Google Blogger di laman panduan domain kustom.

Blog dengan nama domain sendiri akan menimbulkan blog kita lebih SEO Friendly, kredibel, aman, dan lebih profesional.

Selain tampak profesional dan keren, mengganti nama domain atau alamat blog dengan nama domain sendiri ini juga akan menciptakan blog kita "abadi", tetap ada, selama blognya tidak kita delet atau diban sama blogspot.

Jadi, kalo contohnya kita lupa memperpanjang sewa domain, maka hanya nama domain itu yang "hilang", tapi blog aslinya dengan alamat blogspot masih tetap ada. Konten atau isi blog pun aman.

Menurut para pakar SEO, blog dengan nama domain sendiri, memakai Top Level Domain (TLD) seperti .com atau .net, akan menimbulkan blog kita lebih ramah mesin telusur (SEO Friendly) alias lebih disukai mesin pencari dan pengunjung.

Cara Custom Domain Blogger di Hostinger

Membuat blog dengan nama domain sendiri sangat mudah. Langkah mengubah alamat blog yang ada blogspot-nya menjadi dot com atau dot net sebagai berikut:

1. Buat dulu blognya di Bogger. (Buka: Cara Membuat Blog di Blogger)
2. Beli atau sewa nama domainnya di Hostinger Indonesia
3. Lakukan Custom Domain

Selesai! Jadilah sekarang alamat blog kita, contohnya dari yang tadinya http://romelteamedia.blogspot.com menjadi www.romelteamedia.com.

Tahapan Custom Domain Blogger 

Berikut ini langkah melaksanakan custom domain di Blogger

1. Klik Setelan / Setting > Basic
2. Di menu Blog Adress, klik Add a custom domain, ibarat gambar di bawah ini:

3. Masukkan Nama Domain Anda. Misalnya, romelteamedia.com

4. Klik Save / Simpan.

Akan muncul error dan berisi arahan CNAME Blogger. Dalam pola gambar di bawah, arahan CNAME ada di kotak, yaitu:

www | ghs.google.com
6jnaxvzb4vr3 | gv-x7qwnjgw53yke4.dv.googlehosted.com (contoh saja, punya Anda nanti beda kode)

5. Copy Paste arahan tersebut di Notepad.

Sampai di sini, tinggalkan dulu halaman dashboard Blogger Anda. Jangan ditutup, biarkan aja dulu, alasannya nanti kita akan kembali ke Blogger.

6. Buka Hostinger Indonesia. 

7. Login ke Akun Anda: Klik menu Masuk di kanan atas.

Akan terbuka halaman Cpanel Anda di Hostinger.

9. Klik KELOLA.
Akan terbuka halaman gres dan klik DNS ZONE

10. Centang kotak Saya paham bahwa .....
11. Klik Atur Ulang

12. Tunggu sekitar satu menit, lebihin dikit biar pasti, kemudian Refresh halaman (Tekan F5). Akan terbuka halaman baru.

13. Isikan A Host dengan klik Tambah Baru, kemudian masukkan 4 arahan berikut ini satu per satu:

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Langkah Detailnya:

1. Klik Tambah Baru
2. Kolom pertama (Host) isi dengan nama blog tanpa www, contohnya romelteamedia.com
3. Kolom kedua isi dengan arahan 216.239.32.21
4. Simpan!
5. Ulangi Tambah gres dst untuk arahan kedua, ketiga, dan keempat.
6. Hasilnya Seperti gambar di bawah ini.

14. Copy Paste arahan CNAME yang tadi sudah di dapatkan dari Blogger di Langkah No. 4, yang ada kode ghs.google.com.

Masukkan arahan pertama di kolom pertama dan arahan kedua di kolom kedua. Lihat Gambar CNAME (Alias) di bawah ini.

BERES!

Silakan kembali buka halaman Dashboard Bloger Anda, kemudian klik tombol Save di Setting Custom Domain.

Jika masih error, sabar... tunggu beberapa saat, dan ulangi. Menurut pengalaman, dalam waktu satu-dua menit saja sudah sanggup disimpan.

Jika sudah sanggup di-save, centang "Alihkan domainanda.com ke www.domainanda.com" dan simpan.

Itu ia panduan detail bagi pemula tentang Cara Custom Domain Blogger di Webhosting Hostinger Indonesia, biar blog lebih kredibel, SEO, profesional, dan banyak pengunjung. Wasalam. (http://blogromeltea.blogspot.com).*