Tampilkan postingan dengan label Gadget. Tampilkan semua postingan
Tampilkan postingan dengan label Gadget. Tampilkan semua postingan

Minggu

Recent Comments Widget For Blogger





This is icon for social networking website. Th...
This is icon for social networking website. This is part of Open Icon Library's webpage icon package. (Photo credit: Wikipedia)

The Recent Comments Widget for Blogger displays the recent blog comments
on your blog's sidebar, showing a snippet of the last comments along
with the title of the post to which the comment was made. If you want to
encourage your readers in leaving comments on your blog, this is a
widget I would recommend.



How To Install The Recent Comments Widget For Blogger



Step 1. Go to your Blogger Dashboard >> Layout >> Add a Gadget















Step 2. From the pop-up window, scroll down and choose the HTML/JavaScript option:











Step 3. Now copy and paste the below code in the HTML/JavaScript box:




<script style=text/javascript
src="http://helplogger.googlecode.com/svn/trunk/recent comments
widget.js"></script><script style=text/javascript >var
a_rc=5;var m_rc=false;var n_rc=true;var
o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments
></script><span id=rcw-cr><a
href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent
Comments Widget</a></span><style type=text/css>
.rcw-comments a {text-transform: capitalize;} .rcw-comments
{border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom:
7px!important;} #rcw-cr {font-family:
Arial,Tahoma;font-size:9px;padding-top:7px;display:block;}
</style>



Step 4. Replace your-blog-name with your blog url.



Step 5. Click Save and you're done.



Hope you'll enjoy it!





Sabtu

Membuat Widget Related Posts dengan Thumbnail pada Blogger


Cara menambahkan Widget Related Posts dengan Thumbnail pada Blogger

Sekarang di sini adalah cara yang mudah untuk menampilkan posting terkait di bawah setiap posting blog Anda, bersama dengan thumbnail. Artikel-artikel terkait dipilih dari pesan lainnya dalam kategori yang sama / label / tag. Dengan cara ini banyak pembaca Anda akan tetap di blog Anda untuk waktu yang cukup lama ketika mereka melihat posting terkait kepentingan.








related post, related posts blogger, blogger widgets






Langkah menambahkan Widget Related Posts ke Blogger / Blogspot



Langkah 1. Buka Blogger Dashboard >> Template >>Edit HTML;



Langkah 2. Centang pada "Expand widgets template" box;



Langkah 3. Cari (CTRL + F) kode <head> dibawah ini:




</head>



Langkah 4. Copy dan paste kode di bawah ini sebelum / di atas </head>






<!--Related Posts with thumbnails Scripts and Styles Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{

font-size: 18px;

letter-spacing: 2px;

font-weight: bold;

text-transform: none;

color: #5D5D5D;

font-family: Arial Narrow;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

border-right: 1px dotted #DDDDDD;

color:#5D5D5D;

}

#related-posts a:hover{

color:black;

background-color:#EDEDEF;

}

</style>

<script type='text/javascript'>

var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q4EGKs2KMqqTOf8ebDfs1ttdoalqEsqa7jmMxMMcUjnm_vsgYvZ9gDmDBzSjuclRFuvW_tmAHGuRHPHBl0jxcD2PlWor6ME2Zv0ceJC5GP5RfgWY-fh-8FOqWfCpOKht54qHaIIhWna2/s1600/no_image.jpg&quot;;

var maxresults=5;

var splittercolor=&quot;#DDDDDD&quot;;

var relatedpoststitle=&quot;Related Posts&quot;;

</script>

<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>

<!-- remove --></b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->



Note:

- to change the default picture, replace the URL in blue with your own

- for displaying more than 5 posts, replace 5 value from "var maxresults=5;"

- remove the code in violet if you want the related posts to be displayed in homepage too

Catatan:
- Untuk mengubah gambar default, ganti
URL yang berwarna biru dengan link gambar yang Anda miliki
- Untuk menampilkan lebih dari
5 posting, ganti 5 nilai dari  "var maxresults=5;"
- Hapus
kode yang berwarna violet/ungu jika Anda ingin menampilkan widget ini dalam homepage juga



Langkah 5. Sekarang cari kode berikut:




    <div class='post-footer'>



Langkah 6. Dan tepat di atasnya, copy dan paste kode di bawah ini:




<!-- Related Posts with Thumbnails Code Start-->

<!-- remove --><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>

<script expr:src='&quot;/feeds/posts/default/-/&quot; +
data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div style='clear:both'/>

<!-- remove --></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://helplogger.blogspot.com'><img alt='Blogger
Tricks'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJaNgGXiE2fRakkiuqHIpbMDX_WUFqQeUpfb7GZKjrTakroInsGCb4Ys8-6h08gSMQP0JoC-KU7EDNdhZIiWb8ndC3hFd-T1pPWxWCxm-RbXy0d8AEKVwj0PUkFHyJ7Tr-NqhSAS3OpWS/s1600/best+blogger+tips.png'/></a>

</b:if></b:if>

<!-- Related Posts with Thumbnails Code End-->



Note:

- change the 6 value from max-results=with the number of posts you want to be displayed.

- If you want the related posts to be displayed on homepage too, remove the code in violet.



Catatan:
- Ubah nilai
6 dari  max-results=6 dengan jumlah posting yang ingin ditampilkan.
- Jika Anda ingin
related post  ini ditampilkan pada homepage juga, hapus kode warna  violet/ungu.



Langkah 7. Simpan Template



Enjoy :)



Credit goes to: bloggerpluggins.org . Modified by kivandanu





Minggu

Manually adding a Disqus gadget to Blogg






If the Disqus gadget installer isn't working, you have the option of manually installing the gadget on your Blogger site. This will require editing your Blogger template HTML, so it won't work with Dynamic Views templates.



 Add a new gadget




  1. Go to your Blogger "Layout" section and click Add a gadget in the sidebar




  2. In the Add a Gadget popup, scroll down to find the HTML/Javascript gadget and click the + button




  3. Enter Disqus as the title and the following code for the content:

    <!-- Disqus comments gadget -->


  4. Click save and the window will close

  5. Click Save arrangement in the Layout viewer





Add the Disqus code to your template





  1. Go to your blog's Template section and then click the "Edit template" button



    Edit template button within Blogger template editor

  2. Click inside the text area and search for the widget you just created in your HTML template by pressing Ctrl-F (Command-F on OSX) then typing Disqus. You should find the following line:

    <b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>


  3. Change that line to add mobile='yes' to load Disqus on your mobile template. It will look like this when you're done:

    <b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'>


  4. Below that locate and DELETE the following code right before the closing tag. The section you're deleting should look like this:

    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:includable>


  5. BEFORE the closing </b:widget> tag, add the following Disqus code (remember to change EXAMPLE to your site's shortname – you should leave both '&#39;' characters on either side of the shortname):

    <b:includable id='main'>
    <script type='text/javascript'>
    var disqus_shortname = &#39;EXAMPLE&#39;;
    var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

    if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
    }

    var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
    var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
    </script>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #comments {display:none;}
    </style>

    <script type='text/javascript'>
    (function() {
    var bloggerjs = document.createElement(&#39;script&#39;);
    bloggerjs.type = &#39;text/javascript&#39;;
    bloggerjs.async = true;
    bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
    })();

    </script>
    </b:if>
    <style type='text/css'>
    .post-comment-link { visibility: hidden; }
    </style>

    <script type='text/javascript'>
    (function() {
    var bloggerjs = document.createElement(&#39;script&#39;);
    bloggerjs.type = &#39;text/javascript&#39;;
    bloggerjs.async = true;
    bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
    })();

    </script>
    </b:includable>


  6. Click Save template. Assuming there are no errors, Disqus should properly show up on your site now.

  7. (Optional) Verify that the meta tags in your Blogger Template do not force Internet Explorer to load using IE7 standards. For more information see Troubleshooting Disqus in Internet Explorer 8/9/10









MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF

  MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF MAHASISWA   Disusun untuk memenuhi tugas mata kuliah Fils...