Kamis, 09 Juli 2015

Google Play Store

Direct Link Download Google Play Store.
Download langsung Google Play Store original (tanpa modifikasi/non modded) terbaru tanpa iklan.
Google Play Store
By Google Inc.


Google Play adalah layanan konten digital milik Google yang melingkupi toko daring untuk produk-produk seperti musik/lagu, buku, aplikasi, permainan, ataupun pemutar media berbasis awan.

Layanan ini dapat diakses baik melalui web, aplikasi android (Play Store), dan Google TV.

Konten yang telah dibeli tersedia pada seluruh platform-platform di atas

Google Play mulai dikenalkan pada bulan maret 2012 sebagai pengganti dari Android Market dan Layanan Musik Google.

Ukuran File: 11 MB
Minimum Android version: Android 2.3+ (Gingerbread, API 9)

Update Juli 2015

Google Play Store 5.7.10

DOWNLOAD

Google Play Store 5.6.8

DOWNLOAD


http://www.apkmirror.com/apk/google-inc/google-play-store/google-play-store-5-6-8-android-apk-download/
http://forum.xda-developers.com/showthread.php?t=1996995

Jumat, 26 Juni 2015

Menyembunyikan Widget di home/post/halaman statis/arsip

Menyembunyikan atau menampilkan Widget di home page / post / halaman statis / arsip di Blogger
Seperti beberapa dari Anda mungkin telah menyadari, semua widget / gadget Anda tambahkan ke blog Anda, akan ditampilkan pada semua halaman secara default, termasuk homepage juga. Dan saya yakin sangat sedikit yang tahu bahwa AdSense bisa menonaktifkan akun Anda jika Anda telah menempatkan unit iklan dalam konten halaman kebijakan kontak atau privasi Anda. Oleh karena itu, bersembunyi unsur-unsur tertentu di dalam halaman blog Anda tidak hanya soal desain, tetapi juga persyaratan

Untuk menyembunyikan (atau show) widget dalam posting tertentu, halaman statis, homepage atau arsip halaman, Anda dapat menggunakan tag kondisional.

Step 1. Go to Blogger's Dashboard > Layout and name the HTML/Javascript gadgets that you have already added. Doing this, it will be easier for you to identify the widgets that you have in your Blogger's template. Give it a unique title so that it does not match with any of the titles of any other widgets already added.
Step 2. Next thing to do is to go to Template and click on Edit HTML


Step 3. Click anywhere inside the code area and press the CTRL + F keys to open the search box
Step 4. Find the HTML of your widget by typing the widget's name in the search box - hit Enter.

Let's say that the title for one of my widgets is "Recent Posts". After searching for the widget's name, I will find a similar code in my template:
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>  

This code represents the widget/gadget that I have added in the Page Elements location (Layout).

Step 5. After you've found your widget's code, add the following conditional tags marked with red just below and above to hide the widget from specific pages or posts in Blogger. For instance, in case you want:

To show the widget only in Homepage:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To show Blogger widget only in post pages 

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To hide Blogger widget in post pages

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType!= "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To show the widget in a specific page
 
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Note: Replace URL of the page with the address of the page in which you want the widget to appear

To hide a widget only in a particular page

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

To show widgets only in static pages

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

To hide widgets in Static Pages

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

To show widgets only in Archive Pages

 <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

Note:  Perhatikan setiap kali Anda menambahkan alamat baru yang harus berakhir dengan .com , jika tidak maka mungkin tidak bekerja.

Step 6. Setelah Anda telah menambahkan tag kondisional, Simpan Template dan refresh blog Anda.

That's it!

http://helplogger.blogspot.com/2012/03/hideshow-widgetsgadgets-in.html

Rabu, 24 Juni 2015

Membuat Latest Post dengan Gambar

Membuat Latest Post dengan Gambar Thumbnail di blogger

Cara Membuat Latest Post, Recents Post, Posting Terkini, atau Tulisan Terbaru dengan Gambar (Image) Thumbnail.

Membuat Latest Post dengan Gambar

Cara Pasang :

1. Login Blogger
2. Pilih Layout > Add a Gadget > HTML/Javascript
3. Copy kode di bawah ini ke kolom "Content"
4. Simpan.

Jangan lupa, ganti http://www.ridlo.net dengan alamat blog anda.
Ini kodenya :
<style type="text/css">
#post-gallery {
  width:570px;
  margin:0px auto;
  font:normal 12px Arial,Sans-Serif;
  color:#294969;
  padding:1px;
  background-color:#777;
}
#post-gallery h2 {
  font:20px Arial,Sans-Serif;
  color:white;
  text-shadow:0px 3px 2px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#3a5795;
  text-align: center;
}
#post-gallery .bgt-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff;
  width:77px;
  height:70px;
}
#post-gallery .bgt-item img {
  width:77px;
  height:70px;
  border:none !important;
  margin:0px 0px !important;
  padding:0px 0px !important;
  background:transparent !important;
  display:none;
}
#post-gallery .bgt-item .bgt-child {
  position:relative;
  top:10%!important;
  left:10%!important;
  z-index:1000;
  width:200px;
  background-color:white;
  border-top:5px solid #FA7C19;
  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
  opacity: 0.9;
}
#post-gallery .bgt-item .bgt-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#FA7C19;
}
#post-gallery .bgt-item:hover .hidden {display:block;}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var bgtTitle     = "Latest Posts",
    numposts    = 14,
    numchar     = 190,
    rcFadeSpeed = 610,
    pBlank      = "http://1.bp.blogspot.com/-WGU5Q8PKZL4/UuStTipXfkI/AAAAAAAADwM/8QeimiTON0A/s1600/no-image-ava.jpg",
    blogURL     = "http://www.ridlo.net/";
</script>
<script type='text/javascript'>
// <![CDATA[
// Recent Post Thumbnail with Tooltip by SOFTGLAD
// Visit: http://softglad.com
// keep the original attribution :)

$(function() {
$('div.bgt-item img').hide();
$('div.bgt-child').removeClass('hidden');

var winWidth = $(window).width(),
winHeight = $(window).height(),
ttWidth     = $('div.bgt-child').outerWidth(),
ttHeight = $('div.bgt-child').outerHeight(),
thumbWidth   = $('div.bgt-item').outerWidth(),
thumbHeight  = $('div.bgt-item').outerHeight();


$('div.bgt-item').css('position', 'static').mouseenter(function() {
$('div.bgt-child', this).filter(':not(:animated)').fadeIn(rcFadeSpeed);
}).mousemove(function(e) {
var top  = e.pageY+20,
left = e.pageX+20;

if (top + ttHeight > winHeight) {
top = winHeight - ttHeight - 40;
}
if (left + ttWidth > winWidth) {
left = winWidth - ttWidth - 40;
}

$('div.bgt-child', this).css({top:top, left:left});

}).mouseleave(function() {
$('div.bgt-child', this).hide();
});
});

function showrecentposts(json) {
var entry = json.feed.entry;
for (var i = 0; i < numposts; i++) {
var posturl;
for (var j=0; j < entry[i].link.length; j++) {
if (entry[i].link[j].rel == 'alternate') {
posturl = entry[i].link[j].href;
break;
}
}

if ("content" in entry[i]) {
var postcontent = entry[i].content.$t;
} else if ("summary" in entry[i]) {
var postcontent = entry[i].summary.$t;
} else {
var postcontent = "";
}

var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (postcontent.length > numchar) {
postcontent = postcontent.substring(0,numchar) + '...';
}

var poststitle = entry[i].title.$t;

if ("media$thumbnail" in entry[i]) {
postimg = entry[i].media$thumbnail.url
} else {
postimg = pBlank
}

document.write('<div class="bgt-item"><a href="' + posturl + '"><img src="' + postimg + '" alt="thumb" /></a>');
document.write('<div class="bgt-child hidden"><h4>' + poststitle + '</h4>');
document.write(postcontent + '</div>');
document.write('</div>');
}
}
document.write('<div id="post-gallery"><h2>' + bgtTitle + '</h2><sc' + 'ript src="' + blogURL + '/feeds/posts/default?max-results=' + numposts + '&orderby=published&alt=json-in-script&callback=showrecentposts"></sc' + 'ript><div style="clear:both;"></div></div>');

var i = 0, int=0;
$(window).bind("load", function() {
var int = setInterval("doThis(i)",400);
});

function doThis() {
var imgs = $('div.bgt-item img').length;
if (i >= imgs) {clearInterval(int);}
$('div.bgt-item img:hidden').eq(0).fadeIn(400);
i++;
}
// ]]>
</script>

Selasa, 23 Juni 2015

Simple Related Posts

Membuat " Simple Related Posts " untuk Blogger
Yang dimaksud Simple Related Posts disini adalah menampilkan artikel terkait yang hampir sama, sehingga memudahkan pembaca untuk mencari topik yang sama.
Membuat Related Posts tanpa gambar Thumbnail, menggunakan java script.


Bagaimana cara menambah Related Posts pada Blogger

Step 1. Go to Template > klik tombol 'Edit HTML' .

Step 2. Tekan CTRL + F pada keyboard dan cari :
]]></b:skin>

Letakkam kode ini diatasnya.
#related-posts {
margin: 15px 5px;
}
#related-posts h2 {
font-size: 18px;
font-weight: normal;
color: #7f7f7f;
text-shadow: 1px 0px 2px #999;
margin-bottom: 0.75em;
}
#related-posts ul li a {
background: none repeat scroll 0 0 #DDDDDD; color: #444444;
display: block;
margin: 0 0 0.5em;
padding: 0.4em;
position: relative;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
#related-posts ul li a:before {
background: none repeat scroll 0 0 #CCCCCC;
font-weight: 700;
height: 2em;
left: -2.5em;
line-height: 2em;
margin-top: -1em;
position: absolute;
text-align: center;
top: 50%;
width: 2em;
}
#related-posts ul li a:after {
border: 0.5em solid transparent; content: "";
left: -1em;
margin-top: -0.5em;
position: absolute; top: 50%; transition: all 0.3s ease-out 0s;
}
#related-posts ul li a:hover {
background: none repeat scroll 0 0 #CCCCCC;
}
#related-posts ul li a:hover:after {
border-left-color: #CCCCCC;
left: -0.5em;
}
#related-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before{content:"10"}
#related-posts ul li:first-child + li + li + li + li + li + li + li + li a:before{content:"9"}
#related-posts ul li:first-child + li + li + li + li + li + li + li a:before{content:"8"}
#related-posts ul li:first-child + li + li + li + li + li + li a:before{content:"7"}
#related-posts ul li:first-child + li + li + li + li + li a:before{content:"6"}
#related-posts ul li:first-child + li + li + li + li a:before{content:"5"}
#related-posts ul li:first-child + li + li + li a:before{content:"4"}
#related-posts ul li:first-child + li + li a:before{content:"3"}
#related-posts ul li:first-child + li a:before{content:"2"} #related-posts ul li:first-child a:before{content:"1"}

Step 3. Copy kode ini diatas
</head>

Ini Kodenya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script type='text/javascript'>
// <![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}relatedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);}
// ]]>
</script>
</b:if>

Step 4. Cari <div class='post-footer'> paste diatasnya:
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 9px; color: #CECECE; float: right;" href="http://www.ridlo.net/2015/06/simple-related-posts.html" rel="nofollow" >Simple Related Posts Widget</a></div></b:if>


Step 4. Simpan template anda.

Step 5. Selesai.

Sabtu, 20 Juni 2015

Adobe Flash Player 18

Adobe Flash Player 18.XX offline installer
Adobe Flash Player adalah perangkat lunak untuk melihat multimedia, Rich Internet Applications dan streaming video dan audio, web browser pada komputer atau pada perangkat mobile (Handphone / Tablet).
Baik berupa file dengan format .swf dan .flv
Download langsung Adobe Flash Player 18 offline installer tanpa iklan dan tanpa pengalihan link.
Direct Link Download Adobe Flash Player 18 offline installer.
Link Download Adobe Flash Player 18 ada dibawah ini :

Adobe Flash Player


Adobe Flash Player for Windows and Mac OS

Operating System
Browsers
Languages
Installers
Windows Internet Explorer All supported languages
Windows Plugin-based browsers All supported languages
Mac OS X (Intel) All supported browsers All supported languages
Windows and Mac All supported browsers All supported languages


Selasa, 16 Juni 2015

Membuat Auto Readmore Dua Kolom

Membuat "Post Summaries and Thumbnails Magazine Style" .
Membuat Auto Read More Dua Kolom di Halaman Depan (Home Page) pada Blog.
Menampilkan posting terbaru di Halaman Depan berupa ringkasan dan gambar thumbnail dibagi menjadi dua kolom.


Cara Membuat Auto Readmore Dua Kolom

1. Login Blogger > Template > Edit HTML
2. Cari (CTRL + F) kode <data:post.body/>
3. Hapus kode <data:post.body/> yang kedua dan GANTI dengan kode berikut ini:
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if></b:if></span> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='readmorebutton' style='float:right'><a expr:href='data:post.url'>Read more »</a></span></b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>


4. Cari (CTRL + F) kode <b:include data='post' name='post'/>
5. Hapus dan ganti dengan kode berikut ini:
<b:if cond='data:post.isFirstPost'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <div id='first'> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='first-body'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary1" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb1("summary1<data:post.id/>");</script> <span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if></b:if></span> <span class='readmorebutton' style='float:right'><a expr:href='data:post.url'>Read more»</a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> </div> </div> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>


6. Copy kode berikut ini dan letakkan di atas kode </head>

<script type='text/javascript'> posts_no_thumb_sum = 260; posts_thumb_sum = 210; img_thumb_height = 80; img_thumb_width = 80; first_no_thumb_sum = 510; first_thumb_sum = 450; img_thumb_height1 = 145; img_thumb_width1 = 165; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = posts_no_thumb_sum; if(img.length>=1) { imgtag = '<span class="posts-thumb" style="float:left;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = posts_thumb_sum; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } function createSummaryAndThumb1(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = first_no_thumb_sum; if(img.length>=1) { imgtag = '<span class="first-post-thumb" style="float:left;"><img src="'+img[0].src+'" width="'+img_thumb_width1+'px" height="'+img_thumb_height1+'px"/></span>'; summ = first_thumb_sum; } var summary1 = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary1; } //]]> </script> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> .first-post-thumb { margin-right: 10px; border: 1px solid #fff; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { background: none; border: none; box-shadow: none; padding: 0; } #first { /* styles for first post container */ width: auto; height: 250px; float: left; margin-bottom:12px; background-color: #ffffff; /* background color for the first post */ border-bottom: 1px solid #E5E5E5; /* color and size of first post border */ } .first-body { /* first post summary styles */ color: #545454; font-size: 16px; text-align: left; padding: 5px 10px; line-height:1.5em; } #first h3 a, #first h3 a:visited { /* First Post title styles*/ border-bottom: 1px solid #ededed; color: #515151; font-size: 18px; display:block; margin: 10px auto; width: 98%; padding: 0px 0px 1px 0px; font-weight: bold; text-align:left; line-height: 1.4em; background: none; } #first h3 a:hover { /* mouseover color for the First Post title */ color: #1061A1; } .post { /* small posts container styles */ float:left; margin-right: 8px; width: 350px; height: 210px; padding: 0px 5px 5px 5px; background: #ffffff; /* background color for the small posts */ border-left: 0px solid #ededed; /* color and size for small posts border */ border-top: 0px solid #ededed; border-bottom: 1px solid #ededed; overflow: hidden; } .posts-thumb { /* small posts thumbnails styles */ margin-right: 5px; padding: 1px 1px 0px; border: 0px solid #C4C4C4; border-radius: 1px; } h3.post-title a { /* small posts titles styles */ font-size: 14px; color: #ffffff; background-color: #747474; /* background color for the small posts titles */ width: 98%; font-weight: bold; padding: 5px; } h3.post-title a:hover { /* mouseover color for the Small Posts Ttitle */ background-color: #005B77; color: #f4f4f4; } h2.date-header { /* Post date */ display:none; } .post-footer { display: none;} h3.post-title {margin: 0px;} .readmorebutton { margin-top: 3px;} .readmorebutton a { /* Read More link styles */ color: #767676; border: 1px solid #E1E1E1; background: #EAEAEA; /* Background color for the Read More link */ text-decoration:none; padding: 3px 5px; font-weight: bold; font-size: 11px; } .post-comment-link { float: right; display: inline; margin: -35px 0px; border: 1px solid #E1E1E1; /* border for the comment bubble */ background: #EAEAEA; /* background color for comment bubble */ font-size: 11px; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #first .post-comment-link { /* style for the comment bubble of first post */ margin: -200px 10px; } .post-comment-link a{ padding: 10px; color: #6A6A6A; text-decoration:none; font-weight: bold; } #blog-pager {clear:both;} </style> </b:if> </b:if>

Catatan:

Angka-angka 290, 240, 80, 600, 540, 145, dan 165 adalah ukuran gambar thumbnail, area teks, dan jumlah ringkasan posting. Atur-atur aja biar pas!
7. Save Template.

http://contohblognih.blogspot.com/2015/03/membuat-auto-readmore-dua-kolom-di-home.html

http://en.paperblog.com/creating-a-magazine-style-with-your-blogger-default-template-792754/

Jumat, 12 Juni 2015

Membuat Widget Recent Post

Cara membuat widget Recent Post Berdasarkan Label atau Kategori

Recent Post ini bisa menampilkan Image Thumbnails dan juga Tanggal artikel

Caranya silahkan ikuti cara dibawah ini :

1. Login terlebih dahulu ke blogger.
2. Arahkan kursor ke Layout dan klik Add Widget, dan pilih HTML.



3. Setelah gadget ditambahkan, silahkan copy dan paste script dibawah ini
<script type='text/javascript'> var numposts = 3; var showpostthumbnails = false; var showpostdate = false;</script> <script type="text/javascript" src="/feeds/posts/default/-/Tutorial?orderby=updated&alt=json-in-script&callback=rcentbytag"></script>

Keterangan :

1. numpost = menampilkan jumlah potingan/artikel yang akan ditampilkan.
2. showpostthumbnails =

True (menampilkan gambar)
False (tidak menampilkan gambar)

3. showpostdate =

True (menampilkan tanggal artikel)
False (tidak menampilkan gambar artikel)

4. Simpan dan lihat bagaimana hasilnya ...

http://tut-blogger.blogspot.com/2014/07/cara-mudah-membuat-widget-recent-post.html

Kamis, 11 Juni 2015

Memasang Latest Comment

Memasang Latest Comment di widget Blogger

Komentar terbaru atau recent comments atau Latest Comment akan terlihat menarik jika dipasang di sidebar dan akan menambah semarak website anda.

Kode ini digunakan untuk menampilkan komentar teratas pada sebuah blog.
dan di pasang di widget Blogger.

Langkah-langkah memasang Latest Comment di widget Blogger :

1. Login terlebih dahulu ke blogger.
2.Klik Layout dan Tambah gadget.
3.Pilih gadget Feed seperti gambar dibawah ini.


4. Kemudian tuliskan umpan komentar seperti dibawah ini;
http://www.ridlo.net/feeds/comments/default


Ganti www.ridlo.net dengan alamat blog anda.

Rabu, 03 Juni 2015

Firefox Offline Installer

Download Firefox Offline Installer for windows
Direct Link Download Firefox Offline Installer
Firefox Browser for Windows
By Mozilla

Mozilla Firefox adalah open source web browser yang cepat, ringan dan rapi.
Pada peluncuran publik pada tahun 2004 Mozilla Firefox adalah browser pertama untuk menantang dominasi Microsoft Internet Explorer.

Sejak itu, Mozilla Firefox telah secara konsisten tampil di atas 3 browser yang paling populer secara global.

Fitur utama yang telah membuat Mozilla Firefox begitu populer adalah sederhana dan tampilan yang efektif, perambah yang cepat dan kemampuan keamanan yang kuat. Browser ini sangat populer dengan pengembang berkat pengembangan open source dan komunitas aktif pengguna tingkat lanjut.

04-Juli 2015
Firefox 39.0

DOWNLOAD

04-Juni 2015
Firefox 38.0.5

DOWNLOADS



https://download-installer.cdn.mozilla.net/pub/firefox/releases/38.0.5/win32/en-US/
http://ftp.mozilla.org/pub/mozilla.org/firefox/releases/latest/win32/en-US/
https://www.mozilla.org/en-US/firefox/all/
TOP
Copyright © Kang Ridlo. All rights reserved
Kang Ridlo Template by Ridlo Hosting & Ridlo Store.