Berbagi Informasi Bisnis, Berita, Tips & Trik, dll: Blogger Trik

Tampilkan postingan dengan label Blogger Trik. Tampilkan semua postingan

Cara Membagi 4 Kolom Header Terbaru

Cara Membagi 4 Kolom Header Terbaru | Kolom header bisa dibagi empat dan bisa digunakan untuk menambah gadget lain seperti animasi atau gambar. Pada posting artikel terbaru kali ini Kolombloggratis.Org akan searching artikel tentang cara membagi header menjadi empat kolom, desain dari sebuah template memang sangat kompleks dan banyak menggunakan teknik, artikel ini dibuat bertujuan agar bisa membagi tiga kolom header dan bisa dimanfaatkan banyak hal seperti di isi menu situs, potho profil, untuk pasang iklan, tv online, kalender, animasi dan lain - lain yang dirasa cocok dan pas dengan tema situs ataupun sekedar memberikan fasilitas bagi pengunjung situs, cara ini sudah banyak diterapkan oleh banyak web master untuk mengkreasikan desain templatenya agar lebih menarik dan cara ini merupakan tahap pembelajaran bagi sobat blogger pemula, bagi sobat yang ingin menerapkan tutorial ini direkomendasikan agar membackup dulu template aslinya agar bila nanti terjadi kesalahan atau kurang puas bisa dikembalikan lagi seperti template awal, berikut cara mudah membagi header menjadi empat kolom,...

Cara Membagi 4 Kolom Header Terbaru

Login akun blogger
Pilih template
Klik edit HTML
Cari kode berikut ]]></b:skin>
Copy kode berikut diatasnya
#newheader {clear:both;} .triwidget {}
Cari kode yang mirip seperti dibawah ini
<div id='main-wrapper'>
Jika sudah ketemu dengan kode mirip seperti <div id='main-wrapper'>
copi paste kode dibawah ini tepat diatasnya dan jangan pernah merubah kodenya

<div id='newheader'>
<div id='header1' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header1' preferred='yes' style='float:left;'/>
</div>

<div id='header2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header2' preferred='yes' style='float:left;'/>
</div>

<div id='header3' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header3' preferred='yes' style='float:left;'/>
</div>

<div id='header4' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header4' preferred='yes' style='float:left;'/>
</div>

</div>
Klik simpan / save template

Semoga posting artikel terbaru kali ini tentang cara membagi 4 kolom header agar blog atau website semakin menarik dan lebih indah bisa bermanfaat buat sobat setia Kolombloggratis.Org di seluruh dunia,...

07.48 | 0 komentar | Read More

Cara Membagi 3 Kolom Header Terbaru

Cara Membagi 3 Kolom Header Terbaru | Kolom header bisa dibagi tiga dan bisa digunakan untuk menambah gadget lain seperti animasi atau gambar. Pada posting artikel terbaru kali ini Kolombloggratis.Org akan searching artikel tentang cara membagi header menjadi tiga kolom, desain dari sebuah template memang sangat kompleks dan banyak menggunakan teknik, artikel ini dibuat bertujuan agar bisa membagi tiga kolom header dan bisa dimanfaatkan banyak hal seperti di isi menu situs, potho profil, untuk pasang iklan, tv online, kalender, animasi dan lain - lain yang dirasa cocok dan pas dengan tema situs ataupun sekedar memberikan fasilitas bagi pengunjung situs, cara ini sudah banyak diterapkan oleh banyak web master untuk mengkreasikan desain templatenya agar lebih menarik dan cara ini merupakan tahap pembelajaran bagi sobat blogger pemula, bagi sobat yang ingin menerapkan tutorial ini direkomendasikan agar membackup dulu template aslinya agar bila nanti terjadi kesalahan atau kurang puas bisa dikembalikan lagi seperti template awal, berikut cara membagi header menjadi 3 kolom,...

Cara Membagi 3 Kolom Header Terbaru

Login akun blogger
Pilih template
Klik edit HTML
Cari kode berikut ]]></b:skin>
Copy kode berikut diatasnya
#newheader {clear:both;} .triwidget {}
Cari kode yang mirip seperti dibawah ini
<div id='main-wrapper'>
Jika sudah ketemu kode diatas, copi kode dibawah ini diatasnya
<div id='newheader'>
<div id='header1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header1' preferred='yes' style='float:left;'/>
</div>

<div id='header2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header2' preferred='yes' style='float:left;'/>
</div>

<div id='header3' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='header3' preferred='yes' style='float:left;'/>
</div>
</div>
Klik simpan / save template

Semoga posting artikel terbaru kali ini tentang cara membagi 3 kolom header agar blog atau website semakin menarik dan lebih indah bisa bermanfaat buat sobat setia Kolombloggratis.Org di seluruh dunia,...

07.29 | 0 komentar | Read More

Cara Membuat Tombol Share Melayang Di Blog Terbaru

Salam hangat sahabat TRIK , kali ini saya akan berbagi Cara Membuat Tombol Share Melayang Di Blog ??

INGAT Tombol share Sosial media sangatlah penting ,Disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media lain, seperti di facebook,Twitter,google+ dll .

Oke langsung saja Sahabat TRIK dicoba ^_^

Langkah Langkahnya :

Masuk Ke Blogger Sobat
Pilih Tata Letak
Tambah gadget Lalu Pilih HTML/JavaScript
Lalu Copy/paste Kode dibawah ini

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://trikfacebook28.blogspot.com/2013/02/cara-membuat-tombol-share-melayang-di.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Simpan

Cara Membuat Tombol Share Melayang Di Blog Terbaru

TRIK

20.15 | 0 komentar | Read More

Cara Memasang Tombol Like Facebook Di Bawah Judul Blog

Pasti kalian Pengen tau bagaimana Cara Memasang Tombol Like Facebook Di Blog ?? Oke Deh Kali ini Saya akan berbagi bagaimana Cara Memasang Tombol Like Facebook Di Bawah Judul Blog .... Contohnya Seperti Ini

Oke sahabat langsung saja Dicoba

1. Login Ke Blogger Sobat
2. Pilih Template
3. Edit HTML
4. Centang Expand Template Widget
5. Cari kode <div class='post-header-line-1'/>
6. Letakan Kode Dibawah ini Tepat Dibawah Kode <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>

Seperti Ini :

7. Simpan Template

Sekian Dulu dari saya ,semoga bermanfaat bagi sobat" TRIK ^_^

Jangan Lupa Berikan Komentar Pada Artikel Cara Memasang Tombol Like Facebook Di Bawah Judul Blog ... ^_^

23.02 | 0 komentar | Read More

Cara Membuat Fanspage Melayang Dengan Waktu

Pada kesematan Kali ini saya akan berbagi TRIK bagai mana Cara Membuat Fanspage Melayang Dengan Waktu pada blog sobat

Langsung saja saja di coba ya sob ..

Berikut Cara Membuatnya :

Login Dulu ke Blogger sobat
Pilih Template kemudian Edit HTML
Cari kode </head> (tekan tombol Ctrl+F agar Lebih mudah mencarinya)
Letakan Kode di bawah ini tepat di bawah kode </head>

<br /><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><style type='text/css'>#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0} #fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0} .fbflush{cursor:pointer;font-size:11px;color:#FFF} #fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100} #fblikepop #closeable{float:right;margin:5px 15px 0 0} #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px} #fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF} #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px} #fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px} #fblikepop #counter-display{float:right;font-size:11px} </style><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script src='http://artikel-terkait.googlecode.com/files/Facebook%20Like.js' type='text/javascript'/><script language='javascript'>$(document).ready(function() { $('body').facebookTrafficPop( { timeout: 15, title: "Like Kami Di Facebook", message: '<b><blink>LIKE KUMPULAN TRIK</blink></b>', url: "http://facebook.com/trikfacebook28", closeable: false } ); }); </script><br />

5. Ganti Text yang berwarna Biru dengan URL fanspage Kalian
6. Waktu Timeout 15 bisa di ganti sesuai keinginan anda
7. Simpan Template

Sekian Dulu artikel Cara Membuat Fanspage Melayang Dengan Waktu .. Silahkan beri Komentar kalian.

07.54 | 0 komentar | Read More

Cara Membuat Scroll Di Widget Blog

Mungkin belum banyak yang tau bagai mana Cara Membuat Scroll Di Widget Blog, Ini adalah Salah satu cara untuk Mempercantik blog kita . oke kita langsung saja mencobanya ya.

Masuk Ke Blogger
Tata letak
Widget Yg Ingin Di Buatkan Scroll
Copy Code Di Bawah Ini

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #eee;">

HTML/Java Script Widget Sobat

</div>

Simpan dan lihatlah hasilnya

Sekian Dulu dari saya mengenai artikel Cara Membuat Scroll Di Widget Blog
semoga bermanfaaat

silahkan beri komentar kalian

03.04 | 0 komentar | Read More

Cara Membuat Komentar Facebook di Blog Terbaru

Kali ini saya akan memberi TRIK bagai mana Cara Membuat Komentar Facebook di Blog . Oke sobat TRIK Langsung saja di coba

Pertama - tama, log in ke akun blog sobat,
Lalu, Masuk Ke Rancangan/Tata Letak, dan Edit HTML,
Centang expand template widget,
Cari kode <data:post.body/> (gunakan Ctrl + F untuk mencari) dan simpan kode / script di bawah, di bawah kode <data:post.body/>,

<b:if cond="data:blog.pageType == "item"">
<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='2' width='500'/>
</b:if>

Lihat pada gambar di bawah ini

Letakan Kode Di <data:post.body/> yang kedua seperti pada gambar

Terakhir, Simpan Template dan lihat hasilnya.

Cukup jelas kan mengenai Cara Membuat Komentar Facebook di Blog Terbaru ??

Sekian dulu dari saya . Silahkan Beri komentar kalian ^_^

02.09 | 0 komentar | Read More

Cara Membuat Daftar Isi Blog yang Bagus

Hay Sobat KUMPULAN TRIK , Kali ini saya akan memberikan sedikit tips yang mungkin bermanfaat bagi sobat TRIK semua :)

yuk langsung saja dicoba Cara Membuat Daftar Isi Blog yang Bagus

Pertama Kita harus membuat sebuah LAMAN terlebih dahulu

Selanjutnya tinggal Masukan script dibawah ini Di bagian HTML Seperti pada gambar

<script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">
</script><script src="http://trikfacebook28.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

Ganti yang Berwarna Merah dengan Blog kalian

gimana Sobat TRIK ?? Mudah kan ??

Semoga bermanfaa... Selamat Mencoba

Silahkan Beri Komentar Kalian

22.16 | 0 komentar | Read More

Cara Membuat Buku Tamu Auto Hide Pada Blogger

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://trikfacebook28.blogspot.com/2012/12/cara-membuat-buku-tamu-auto-hide-pada.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Caranya :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kodenya di kotak yang di sediakan.
Klik Save

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat.

Cara Membuat kode Buku Tamu

Masuk Kesini CBOX

1. Klik Sign Up

2. Creat My Box

3 . Copy Kode Yang ada didalamnya Lalu Paste di widged tadi

23.42 | 0 komentar | Read More

Cara Menghilangkan Tulisan Di Berdayakan Oleh Blogger

Caranya cukup gampang, temen-temen tinggal mengikuti langkah-langkah dibawah ini ajah kok :

1. Kamu harus Login dulu
2. Trus ke Template -> Klik Edit HTML
3. Setelah itu centang "Expand Template Widget"
4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian
5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Klik Simpan Template

Tulisan "Diberdayakan oleh blogger" pada blog temen-temen sudah hilang

Sekian Dulu :)

21.16 | 0 komentar | Read More

CARA MEMBUAT TAMPILAN MAINTANCE PADA BLOG

Hai.. Saya penulis baru di sini..

Sekaligus share editan baru nih buat esok..
hehehe..

Yups ok mari kita langsung aja pada langkah" Cara Mudah Membuat Tampilan Blog/Web Maintenance :
1. Login ke Dashboard blog
2. Buka rancangan >> edit HTML
3. Taruh kode dibawah ini diatas kode ]]></b:skin>

html {
height: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoF7NFzP-gGnrCDHVGM0-ipMz-yjGzhv4bnwszsV90Sc4oKt0tE0adR8rIw4-5opl09zBJ-mdW-WI__wDIbRCw9Rs8taaTZkmuaejHHaiBj9MbO5rIqt6g7Zjf3Zo4ylBvw_3jtpqFXrQ/s1600/under-maintenance.gif) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}

4. Sobat bisa mengganti tulisan yang berwarna merah dengan alamat gambar yang lain.

03.17 | 0 komentar | Read More

Script Hamster Di Blog

Buat teman" ni saya kasi script untuk memasang animasi hamster di blog kalian dan langsung saja copas script di bawah ini.

JANGAN LUPA KOMENTAR YA ?

03.44 | 0 komentar | Read More

Memberi Link Sumber Otomatis Ketika artikel dicopas

Memberi Link Sumber Otomatis Ketika artikel dicopas, atau memberi link yang tampil secara otomatis ketika artikel pada postingan blog kita di copy paste orang sangat mudah, copy paste artikel postingan blog menurut saya boleh-boleh saja, saya yakin semua blogger kita pernah juga copy paste, eits... tapi lihat-lihat dulu etikanya!

link sumber otomatis,membuat link sumber otomatis, sumber otomatis waktu dicopas

Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikeltersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,nih all trik punya scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini dengan benar ya sobat trik!

Login ke blog kamu
Klik Rancangan dan
Klik edit html
Centang expand template widget dan jangan lupa backup.
Copy dan paste kode berikut tepat diatas kode <body> template kamu.
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
Lalu simpan.

Untuk mengeceknya silahkan copy paste artikelmu pada notepad atau kotak postingan, jika berhasil maka akan ada link sumber otomatis pada apa yang kamu copas.Mudah kan cara membuat link sumber otomatis ketike artikel artikel di copas? semoga berguna.

Sumber : infonetmu

00.03 | 0 komentar | Read More

CARA PASANG WIDGET FANSPAGE AUTO HIDE

Cara Pasang Widget FansPage Auto Hide atau bisa disebut Cara Memasang Widget Fans Page Facebook Tersembunyi. Kali ini http://trikfacebook28.blogspot.com/ memposting artikel berkaitan dengan tutorial blogger. Berbagai cara untuk mempercantik tampilan blog yaitu salah satu mempercantik blog kita adalah dengan memasang widget auto hide ini. Menurut saya dengan memasang widget ini, blog kita terlihat tambah indah. Tentunya widget ini tidak mempengaruhi loading blog. Kalau sobat belum tau bentuk widget ini, sobat bisa lihat gambar dibawah ini!.

Nah, untuk cara pemasangan widget tersembunyi atau auto hide tersebut, sobat ikuti langkah-langkah berikut ini!
1. Masuk ke akun blogger.
2. Klik Elemen Laman.
3. Klik Tambah Gadget
4. Copy dan Pastekan kode berikut di kolom "conten" dan untuk "judul" kosongkan saja.

<script src="http://code-code-umum.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge Black; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
<strong style="color:#000;">Jangan Lupa Klik Like/Suka</strong>
LETAKKAN KODE FACEBOOK LIKE BOX/FAN PAGE DI ISINI
<strong style="color:Red;"><a href="http://trikfacebook28.blogspot.com/2012/08/cara-pasang-widget-fanspage-auto-hide.html" target="_blank"><blink>PASANG WIDGET</blink></a></strong></div></div>

5. Pada teks berwarna merah, silahkan sobat ganti dengan kode like box fans page sobat atau bisa juga dengan kode widget lainnya.

6. Jika sudah jangan lupa klik "Simpan" dan lihat hasilnya :).

Sekian postingan Cara Pasang Widget FansPage Auto Hide ini. Semoga bermanfaat untuk sobat semua. Terima kasih :).

01.18 | 0 komentar | Read More

Membuat Animasi Tag Cloud

http://trikfacebook28.blogspot.com/

Nah ini dia langkah-langkahnya:

1. Biasa Login Blogger

2. Menuju layout dan edit HTML lalu centangin dah tuh expand widget templates

3. Jangan lupa download full template buat ngeback up soalnya ada bagian body yang diubah sedikit...

4. pastikan kamu telah memasang widget label atau kategori kalau belum pasang dulu

caranya masuk "page elemnent" lalu "add a gadget" pilih label lalu save dan kembali ke layout-->edit HTML-->centang expand widget templates

5. Mulai beraksi

6. Cari kode

<b:section class='sidebar' id='sidebar' preferred='yes'>

7. Istirahat dulu donks... ngupi-ngupi dulu

8. lanjut... kalo udah ketemu lalu kamu akan melihat kode dibawah ini tepat berada dibawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/> </b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<ltspan expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

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

9. Kamu ganti kode itu dengan kode dibawah ini

<b:widget id='labelku' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

9. Lalu save dan perhatikan apa yang terjadi...

Trus gimana donk sidebarnya gak cukup nih... nah kamu bisa mengedit sedikit dari kode yang udah kamu copy dan paste.. huhu

Merubah dimensi panjang dan lebar tag cloud serta background tag cloud

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff")

Kamu bisa mengganti angka 240 untuk panjang dan 300 untuk lebar dan background color dengan mengganti kode #ffffff sesuai keinginan kamu tentunya...

Mengganti warna huruf atau font color dan merubah ukuran huruf atau font size

so.addVariable("tcolor", "0x333333");

Kamu bisa mengganti kode 333333 dengan selera warna kamu tentunya dengan kode html yah dan ganti angka 12 dibawah ini sesuai dengan selera kamu...
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

01.36 | 0 komentar | Read More

Cara Memasang Kalender di Blog

Cara memberi widget/fasilitas kalender di blog atau cara menambah hiasan kalender di blog.

http://trikfacebook28.blogspot.com/

Setelah posting sebelumnya mengenai cara memasang widget jam di blog, maka kali ini saya akan posting dengan judul cara memasang kalender di blog. Mungkin sebagian dari para blogger ada yang memasang kalender pada blognya, selain agar mereka mengetahui tanggal pada hari tersebut, biasanya kalender ini digunakan untuk menambah hiasan di blognya masing-masing. Kemudian bagaimana cara memberi widget kalender di blog..? Caranya sangat mudah, mari kita baca di bawah ini. Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, dengan menampilkan kalender-kalender yang menarik untuk di lihat.

Sebagai contoh :

http://www.free-blog-content.com.

Di dalam situs ini kalender yang di sediakan sangat beragam. hanya dengan mengklik kategori yang ada untuk memilih bentuk kalender yang anda inginkan untuk dipasang di blog anda, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada blog anda dengan cara sebagai berikut:

Sign in blog anda di blogger.com
Klik menu Tata Letak
Klik menu Elemen Halaman
Klik tulisan Tambah Gadget
pilih tulisan HTML/JavaScript
Copy kode kalender tersebut kemudian paste pada kolom yang di sediakan
Klik tombol SIMPAN
Selesai. kemudian lihat perubahan blog.

Jika sudah berhasil, salah satu contoh gambar kalender yang di sediakan akan muncul di blog sobat.
Nah, sekian posting saya mengenai cara memasang kalender di blog. Semoga bermanfaat.

00.06 | 0 komentar | Read More

Cara Membuat Teks Berjalan

Teks Berjalan !! itulah yang sering kita dengar jika seseorang ingin membuat sebuah teks agar bisa bergerak di blognya. Ucapan ini sering disebut dengan Marquee yang merupakan suatu program Html. Marquee atau teks berjalan ini banyak diminati para blogger dan webmaster karena program ini menarik untuk di lihat serta dapat menghemat tempat pada blog kita. Teks berjalan ini bisa kita atur gerakannya, baik dari kiri ke kanan, kanan ke kiri, atas ke bawah maupun bawah ke atas. Selain itu, kita juga bisa memasukkan link ke dalam teks yang bergerak tersebut.

Berikut ini adalah beberapa contoh penggunan marquee pada teks. Adapun tutorial ini sengaja saya posting ketika saya ingin membuat marquee atau teks berjalan pada salah satu blogku yang di baca pada web http://hakimtea.com/. Ternyata cara membuat teks berjalan atau marquee ini tidaklah sulit seperti yang dibayangkan. Kita hanya perlu memasukkan beberapa kode html yang sudah di sediakan kedalam blog pada posisi mana yang ingin dimasukkan marquee.

1. Teks berjalan dari kiri ke kanan.

KIRI ke KANAN

<marquee>KIRI ke KANAN"</marquee>

2. Teks berjalan dari kiri ke kanan dan berhenti pada saat mouse ditujukan pada teks.

KIRI ke KANAN dan BERHENTI

<marquee onmouseover="this.stop()" onmouseout="this.start()">KIRI ke KANAN dan BERHENTI</marquee>

3. Teks bergerak bolak-balik : kiri -> kanan -> kiri.

Bolak Balik

<marquee behavior="alternate">Bolak Balik</marquee>

4. Teks bergerak dari bawah ke atas.

BAWAH ke ATAS

<marquee direction="up">BAWAH ke ATAS</marquee>

5. Teks bergerak dari atas ke bawah.

ATAS ke BAWAH

<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>

Itulah beberapa contoh teks berjalan atau marquee yang bisa anda masukkan ke dalam blog, tinggal pilih mana yang ingin di masukkan. Apakah ingin teks berjalan dari kiri ke kanan, bolak balik, atas ke bawah maupun bawah keatas. Jika telah mengikuti langkah-langkah diatas dengan benar, coba lihat hasilnya.

23.39 | 0 komentar | Read More

Cara Membuat Readmore Otomatis di Blogspot

Dengan adanya readmore otomatis, homepage blog kita akan terlihat rapi dengan ketentuan tinggi dan lebar yang bisa di atur dengan mudah, juga menampilkan thumbnails gambar di sampingnya.

Sebelumnya zona-klik minta maaf jika cara penyampaian di artikel ini kurang dipahami dan dimengerti oleh sobat blogger, karena itulah kemampuan dan pengetahuan zona-klik membahas cara membuat readmore otomatis di blogspot.

Tanpa perlu panjang lebar bercerita, alangkah baiknya langsung ke TKP, cekidot.........

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis diatas kode tersebut.

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Untuk melihat hasilnya coba buka halaman home page blog sobat, jreng...jreng...jreng... readmore otomatis telah tampil dan blog sobat terlihat lebih menarik sehingga menimbulkan daya tarik tersendiri bagi pengunjung.

PERHATIAN :

Jika Sobat Sukses Menggunakan Readmore Otomatis Pada Blog Sobat dan Jika Bermasalah di Halaman Static Blog (Page Menu) Readmore tidak berfungsi, sobat bisa mengatasi masalah tersebut dengan cara mengikuti tutorial ini

23.35 | 0 komentar | Read More

Posting Blog Tampil Pada Facebook

setiap kali kita membuat postingan baru di blog, akan muncul juga di Facebook. Mungkin bagi facebook holic hal ini tidaklah begitu penting, tapi bagi yang bukan facebook holic mungkin sangat penting dan bertujuan agar acount facebooknya kelihatan aktive. Agar Posting Blog Tampil Pada Facebook caranya gampang banget, hanya dengan beberapa langkah mudah friend's di facebook bisa melihat dan membaca postingan terbaru pada blog sobat.
Maybe, sobat sudah tidak sabar lagi untuk mempraktekkan agar posting blog tampil pada facebook. Nah, untuk menghilangkan rasa penasarannya, langsung aja ikuti langkah berikut ini step by step :

Pastikan dimana URL Feed/RSS dari situs blog sobat, caranya : masuk ke blog sobat kemudian klik icon Feed/RSS pada toolbars (biasanya berwarna kuning) kemudian copy url Feed/RSS tersebut.
Login ke Facebook dengan username dan pasword anda
Klik menu profile kemudian pilih setting/pengaturan
Klik Icon atau tulisan "Feed/RSS"
Masukkan url yang anda copy sebelumnya
Selesai

Sekarang sobat telah melakukan langkah-langkah agar Posting Blog Tampil Pada Facebook, dan tugas sobat selanjutnya adalah membuat postingan baru di blog, dan lihat hasilnya pada facebook, otomatis postingan yang dibuat akan muncul pada facebook. Kesimpulannya, sobat akan sharing apa saja yang ada diblog dengan your friend's on your facebook. good luck....

23.31 | 0 komentar | Read More

Pasang Widget Floating Share Melayang

Hallo Para Blogger, ketemu lagi nich...hehehehe

Pada kesempatan yang baik ini saya akan membahas cara pasang widget share floating melayang, emang bisa melayang beneran gan kayak superman donk, ya bisa melayang tapi enggak kayak superman apa sich itu floating,Floating adalah sebuah menu yang posisinya absolute dan selalu tampil di tengah-tengah atau melayang, Floating ini juga terkadang mengikuti scroll dari browser.

Lalu bagaimana cara memasangnya..??

Saya akan tujukan caranya, simak baik-baik

1.Pertama pasti masuk dulu ke akun blogger kalian masing-masing

2.Klik RANCANGAN -> Tambah Gadget -> pilih Edit HTML

3.Lalu copy kode di bawah ini

Keterangan :

Untuk teks yang berwarna merah ganti sesuka kalian

-70px : Ini adalah ukuran, dimana biasanya menyesuaikan lebar konten..

NAMA TWITTER KAMU : Ubah pake nama twitter kamu

4.Paste kode tadi

5.Klik simpan dan lihat hasilnya..

Selamat mencoba, semoga artikel ini bermanfaat....