BREAKING NEWS
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Sabtu, 11 Agustus 2012

Membuat Kotak Komentar Facebook di Blog

q-bull akan sedikit berbagi Tips degan anda membuat komentar facebook dengan mudah dan sangat cepat. dengan cara mudah ini blog anda akan memiliki komentar fb seperti yang berada di blog ane ini gan.



Mau tau caranya??
1. Login Blogger
2. Pilih Rancangan
3. EDIT HTML
4. Centang tulisan Expend Widget
5. Cari kode </b:includable> di blog ente (Ctrl+f aja biar cepet)
6. Copy kan kode dibawah ini, diatas kode </b:includable>


<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>



Langkah Terakhir Save Template anda dan selesai sehingga hasilnya akan terlihat saat membuka salah satu postingan blog. Semoga bermanfaat.

Cara Convert Script To Post

Berikut ini adalah cara convert script agar dapat terbaca di postingan kita, tinggal masukkan scrip yang akan kita convert kedalam box dibawah:






Cara Membuat Kotak Script Elegant DiPostingan

Sobat blogger pasti pernah melihat sebuah kotak script pada postingan, ini seringkali digunakan untuk membedakan antara script dan tulisan artikel pada postingan agar terlihat rapi. Kalau sobat blogger masih bingung silahkan lihat gambar dibawah ini :



Bagaimana cara membuat kotak script di posting, berikut langsung saja kita masuk ke langkah - langkah pembuatannya :

1. Login akun blogger
2. Anda Pilih Template > Edit HTML > klik Expand Template Widget
3. Cari kode ]]></b:skin> (Ctrl+f saja biar cepet nyarinya)
4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>


/* http://q-bull.blogspot.com/
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}


5. Kemudian Simpan Template
6. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :
<p class="alert">
Tulis Script Disini
</p>

Cara Membuat Link Otomatis Ketika Postingan Di CoPas

Cara Membuat Link Otomatis Ketika Postingan Di CoPas - Copy Paste, hemm setiap orang pasti suka MengCopy Paste-kan Postingan kita, dan sering kali mereka tidak menyertakan Sumbernya atau Link Blog yang di CoPas. Oleh sebab itu, Saya membuat Postingan ini buat para Blogger yang merasa Postingannya di CoPas tapi tidak di sertakan Sumbernya. OK, berikut langkah-langkahnya.




[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu cari Code <head>
[4]. Setelah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code tadi.


<script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){
var Tynt=Tynt||[];Tynt.push(&#39;cJE4D4kSKr4yYsacwqm_6l&#39;);Tynt.i={&quot;ap&quot;:&quot;Baca Selengkapnya Di :&quot;};
(function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://jmk-js.googlecode.com/files/Link%20CoPas.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>



[5]. Setelah itu silahkan simpan dan lihat hasilnya

Cara Pasang LinkWithin Di Blog

1. Silahkan Ente menuju Ke TKP http://www.linkwithin.com/ atau disini


2. Silahkan isi kolom yang sudah di sediakan

















3. Kolom pertama "Email" Isi dengan Alamat Email Anda.

4. Kolom ke dua "Blog link" isi dengan Alamat Blog/situs anda.

5. Kolom ke tiga "Platfrom" Pilih Platfrom anda, (blogspot, wordpress, TypePad, dan Other).

6. Kolom ke tiga "Width", Isilah jumlah LinkWithin yang akan di tampilkan pada Blog/situs anda

7. Centang pada "My blog has light text on a dark background".

8. Klik GET WIDGET!

9. Klik Install Widget




10. Untuk Best Performance, Tarik dan Lepaskan the LinkWithin box dibawah the "Blog Posts" box.





11. Simpan dan Lihat Hasilnya.



Jumat, 28 Januari 2011

Cara Buat Text Area

Mau buat text Area seperti di bawah??



Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :


Memasang Fungsi Scroll

Scroll atau dalam bahasa Indonesia disebut "gulungan". Dari arti tersebut kamu pasti sudah menduga ke arah mana trik blogger kali ini. Fungsi scroll dimaksudkan agar suatu bentuk tulisan dapat ditampilkan dengan fungsi menggulung. Adapun kode HTML yang dipakai dalam membuat fungsi scroll ini adalah overflow:auto, height, dan width. Sehingga jika kamu kode-kan, maka akan terbentuk sebuah scrollbox berisikan teks yang dapat digulung.

Contoh Scrollbox I :

Optimasi Blog

Tips SEO

Trik Blogger

Search Engine

Blog Directory

Blogger Stuff

Source Code

Kode HTML

Widget ataU Gadget

Blogger Indonesia


Dari contoh di atas akan kita dapatkan kode HTMLnya adalah sebagai berikut :



Scrollbox tersebut bisa pula kamu tambahkan dengan kode HTML lainnya seperti padding dan border, sehingga kodenya seperti di bawah ini :



Optimasi Blog

Tips SEO

Trik Blogger

Search Engine

Blog Directory

Blogger Stuff

Source Code

Kode HTML

Widget ataU Gadget

Blogger Indonesia


Coba kamu amati perbedaan antara "Scrollbox I" dengan "Scrollbox II", perbedaan tersebut dikarenakan penambahan kode border (garis tepi) dan padding (jarak antara scrollbox dengan teks).

Cara Buat Spoiler di Blog 2

Spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu.


Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.


Adapun kode HTML-nya adalah sebagai berikut :



Keterangan :
Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.
Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.
Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.
Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="....." (yang berkelap-kelip) dapat ditambah atau dikurangi.
Langganan: Postingan ( Atom )
 
Copyright © 2014 I'm Blogger, Facebooker and Kaskuser.... Designed by OddThemes | Distributed By Gooyaabi Templates