Cara Memperbaiki Tab Title Page

Tab Title Page

'Skylib, Memperbaiki Tab Title Page - Salam sobat sekalian salam sejahtera untuk kita semua. Kali kita akan membahas bagaimana cara memperbaiki Tab Title Page seperti yang ada pada gambar diatas, dimana gambar Before tidak menunjukkan judul page yang sedang dibuka tetapi setelah diperbaiki akan menjadi gambar yang bertuliskan After. Barang kali ada sobat - sobat menghadapi hal yang sama berikut tutorial/ caranya;

• Pertama seperti biasa login ke blog sobat setelah itu masuk ke Template lalu masuk lagi ke Edit HTML.
• Kedua setelah itu akan banyak sekali script dan sobat tidak perlu pusing cari saja kode < Head > lalu  pastekan kode dibawah ini tepat dibawah kode < Head > tersebut.

<title>

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

<data:blog.title/>

<b:else/>

<data:blog.pageName/>

</b:if>

</title>

• Ketiga atau langkah terakhir klik Save Template.

Sekian cara memperbaiki Tab Title Page yang tidak sesuai dengan judul page yang kita buka, semoga tutorial ini dapat membantu masalah sobat yang sedang menghadapi hal serupa. Salam sejahtera untuk kita semua.

[ Sumber ]

Read More

Unknown 08.43  2 comments

Cara Buat Komentar Facebook Dan Blog Bersebelahan

Cara buat komentar facebook dan blog bersebelahan

'Skylib, Cara Buat Komentar Facebook Dan Blog Bersebelahan - Sahabat blogger kali ini akan dijelaskan toturial dalam membuat komentar FB bersebelahan dengan komentar Blog seperti terlihat pada gambar diatas. Tidak perlu lama lagi berikut caranya;

Login Blog anda lalu pilih Template >>> Edit HTML setelah itu mulai dari langkah pertama simak ya.

Pertama cari kode ]]></b:skin> lalu letakkan source berikut diatas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

Kedua cari kode </head> lalu letakkan lagi source berikut diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='egon.novsky' property='fb:admins'/>

<script type='text/javascript'>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

Source yang berwarna merah seperti <meta content='egon.novsky' property='fb:admins'/> ganti dengan ID Facebook anda, lihat gambar

Ketiga atau langkah terakhir cari kode <div class='comments' id='comments'> lalu letakkan source berikut dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>

<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfM1Wd1itcmIxkbYb47TMKmC9qH8HyK0fxk4f2CbBKOCO8dTFeWgqditlejm3Z9o3C2uMCuIrRpxaf-7htgRZcrI9K_5HTCMIKQ07LfZDUAofWv4AwWs056WlHZo7x5RFIogA7rPmvBk/s200/favicon.ico'/><data:post.numComments/>Comments</div><div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

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

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='5' width='400'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

Source yang berwarna merah seperti num_posts='5' ( jumlah komentar yang ditampilkan ) dan width='400' ( lebar komentar ) bisa diganti sesuai selera.

[ Sumber ]

Read More

Unknown 05.22  11 comments

Cara Membuat Icon Blog Profesional

Membuat Icon Blog Profesional

'Skylib, Cara Membuat Icon Blog Work 100% - Kali ini akan diberitahu cara untuk membuat icon untuk blog kita tentunya ini akan membuat blog kita semakin terlihat profesional artinya gk kalah dengan web/ blog premuim dll. Oke langsung saja dijelaskan caranya.

• Pertama masuk ke web www.tools.dynamicdrive.com tujuannya untuk mengconvert gambar kita menjadi ".ico" kemudian untuk mengconver lihat gambar dibawah ini

tools.dynamicdrive

• Kedua klik "Download FavIcon" ( hasil dari convert gambar tadi )
• Ketiga upload gambar yang tadi didownload ".ico" ke hosting kemudian klik kanan gambar lalu klik "copy link address"
• Keempat copy  script berikut: <link rel="shortcut icon" type="image/x-icon" href="paste copy link address tadi"></link> pastekan diatas <b:skin>

[ Sumber ]

Read More

Unknown 00.51  9 comments