XPW3 - Hanya Blogging Biasa

Cara Menambah Elemen Footer Blog  - Untuk memperbanyak elemen di bawah footer ini tujuannya supaya bisa menambah widget-widget baru. Dengan cara ini blog akan terasa lebih banyak konten yang bisa ditambahkan. Mungkin ada sobat yang sedang ingin menambahkan elemen baru pada footernya, semoga tutorial ini cukup membantu. Langsung saja tutorialnya step by step :

• Login ke blog sobat
• Pilih Template
• Klik Edit HTML
• Silahkan copy code di bawah ini , kemudian langsung diletakkan di atas    ]]></b:skin>  

• Kemudian sobat blogger cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mempermudah mencari ) 

            <!-- end outer-wrapper -->

           Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer  ataupun footer tersebut, tempat ane sendiri lansung ane cari kode "id='footer' " yang kebetulan berada di copyright nya

•         Setelah ketemu sobat letakkan script di bawah ini tepat di bawah outer wrapper tersebut.(menambahkan 3 column baru)

• Kemudian simpan template. Sekian

Cara Membuat Related Post di Blog Blospot -Pagi ini saya akan membagikan script untuk membuat related post / artikel terkait. Akhirnya menemukan juga tutorial ini, karena banyak tutorial yang lain javascript-nya disisipkan sebuah link. jadi yang ini sama sekali tidak ada link yang disisipkan.



Cara Membuat Related Post di Blospot
1. Dashboard → Template → Edit HTML.
2. Temukan kode [ctrl+F] </head>
3. Paste kode di bawah ini sebelum kode </head>
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 10px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 15px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 10px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<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() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

4. Sekarang Temukan kode [gunakan: Ctrl+F] <data:post.body/>
5. Paste the kode di bawah ini setelahnya. Jika ada lebih dari satu <data:post.body/>, gunakan yang kedua.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<h2>Other Recommended Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><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=10&quot;' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

6.Simpan template
 


Source : http://contohblognih.blogspot.com/

 
Jika sobat menggunakan template kustom, masuk di tab TEMPLATE di dashboard-mu dan klik pada icon gear di template Seluler. Selanjutnya pilih yang paling bawah, yaitu KHUSUS.



Nanti template-mu tidak akan sama tampilannya dengan tampilan di dekstop.
Kalau memiliki widget di blog-mu ada, sobat dapat mengatur hanya dengan menambahkan property di dalam tag <b:widget/>

Sebagai contah, jika sobat ingin menampilkan widget Popular Post di template seluler, maka pertama tentunya sobat harus menambahkan widget tersebut melalui menu edit tata letak.

Kurang lebih kode widget Popular Post di dalam template sobat adalah seperti ini :


    <b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>

Untuk menampilkannya di template seluler, sobat perlu menambahkan property baru pada tag widget tersebut, yaitu mobile. Property mobile ini sendiri memiliki tiga nilai, yaitu Yes, No, dan Only. Dan seperti inilah penerapannya :


    <b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>


Kode di atas adalah contoh untuk menampilkan widget popular post di template seluler dan juga tampil di tampilan versi desktop. Dan jika ingin membuat widget popular post hanya tampil di template versi seluler, maka kodenya adalah seperti ini :


    <b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>


Atau menyembunyikan widget pada tamplate versi seluler, maka kodenya adalah seperti ini :



    <b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>


Selain dengan cara di atas, kita juga bisa menampilkan widget atau elemen khusus pada template versi seluler dengan menggunakan tag condition. Tag condition tersebut adalah seperti ini :


    <b:if cond='data:blog.isMobile'>
    Elemen yang akan tampil di template seluler
    </b:if>


Tag tersebut akan menampilkan sebuah elemen hanya pada template seluler.

Cara Mengetahui Kode ID Akun Facebook milik sendiri. Biasanya akun facebook yang sudah memiliki username tidak akan terlihat lagi id akun facebooknya seperti contoh seperti ini facebook.com/ariefcg12. Lalu bagaimana cara mengetahui id aku facebook tersebut?

1. Copy link berikut: https://graph.facebook.com/username
2. Ganti username dengan username facebook anda. Contoh facebook.com/alkhoirot
3. Copy/paste ke browser (IE/FIREFOX) -> klik Enter
4. Nomor yang paling atas adalah nomor id fb anda. Lihat gambar.


#Yang terblok merah adalah kode id akun facebook.