Tuesday, April 30, 2013
Jika Hewan Punya Facebook
Kalau binatang punya
Facebook, kira-kira statusnya apa aja ya? Berikut beberapa yang sudah
ditemukan. Tapi nggak tau apa mereka bener binatang.
Anjing Pudel : Nunggu
mo ke salon neh
Kecoak : Baru
aja selamat dari injekan maut, yeah!
Sapi :
Aku diraba-rabi lagi oleh majikanku,
dasar…!!!
Kucing : Anak gue yang ke- 5 barusan nanya siapa bapaknya. Gue bingung mau jawab
apa. Gue sendiri lupa bapaknya siapa?
Nyamuk : Ane
positif HIV AIDS boooo
Ayam : Teman-teman…kalo besok gw ga update… berarti gw udah di goreng… i luv u
all…
Cumi-cumi : Abis
isi ulang tinta nich.
Babi : Gw difitnah nyebarin flu. Sialan!!
Kambing : Hari
yang bahagia, Alhamdulillah, lebaran haji kemarin ndak disembelih
Cara Memperbaiki Posting Blog yang Eror di Read More Otomatis dan Link Blog
Tampilan posting yang eror, pada ada halaman read more otomatis atau di link blog seperti yang sudah saya jelaskan sebelumnya (Cara Memperbaiki Tampilan Posting Tulisan Blog Read more dan Link blog yang Eror), sebenarnya bisa diedit melalui HTML Posting blog.
Jika sobat sering menulis dan mengedit tulisan melalui word office
terlebih dahulu, mungkin saran-saran yang saya berikan dibawah ini
sangat penting untuk sobat perhatikan. Karena menurut saya, ini bukan
hanya mempengaruhi eror postingan blog di read more otomatis tetapi juga
berpengaruh pada di indeks tidaknya tulisan sobat di search engine.
Saya berikan contoh tulisan yang di kopi melalui word office kemudian dimasukkan ke dalam posting blog, seperti dibawah ini:
Memang
benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada
orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita
adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu
artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan
orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti
manusia purba membutuhkan orang lain untuk menaklukkan alam.
Tulisan diatas menggunakan font tulisan arial dengan size 11 yang saya tulis dari word office terlebih dahulu. Kemudian saya masukkan ke dalam blog, dan melihat edit HTML posting, maka kode yang keluar seperti dibawah ini:
<!--[if
gte mso 9]><xml> <w:WordDocument>
<w:View>Normal</w:View> <
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
< BreakWrappedTables/> <w:SnapToGridInCell/>
<w:WrapTextWithPunct/> <w:UseAsianBreakRules/>
<w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/>
<w: </m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-bidi-font-family:Arial;
mso-bidi-theme-font:minor-bidi;}
</style> <![endif]-->
<h3 style="text-align: justify; text-indent: 36pt;">
<span style="font-family: "Arial","sans-serif"; font-size: 11pt; font-weight: normal;">Memang benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk menaklukkan alam. </span></h3>
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-bidi-font-family:Arial;
mso-bidi-theme-font:minor-bidi;}
</style> <![endif]-->
<h3 style="text-align: justify; text-indent: 36pt;">
<span style="font-family: "Arial","sans-serif"; font-size: 11pt; font-weight: normal;">Memang benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk menaklukkan alam. </span></h3>
Tulisan diatas yang akan muncul pada HTML Blog sobat, begitu panjang (itupun beberapa bagian saya hapus, karena memang sangat panjang) padahal, tulisan sobat hanya beberapa kata saja. Ini contoh bahwa tulisan yang kita tulis dari word office akan terbaca di blog seperti ini. Dengan kode ini, bisa dipastikan bagaimana tulisan sobat bisa terindeks di search engine, sungguh berat untuk terbaca di search engine manapun.
Solusinya
adalah, jika sobat memang sering menulis di word office terlebih
dahulu, jangan lupa mengedit HTML posting terlebih dahulu sebelum sobat
menerbitkan tulisan sobat. Karena selain berat untuk terbaca di search
engine juga akan eror di read more otomatis sobat atau eror di link blog
sobat.
Caranya
adalah, sobat lihat dan hapus saja kode-kode HTML yang muncul, yang
sebenarnya tidak berguna. Yang berguna misalnya hanya pengatusan gaya
tulisan (font) atau ukuran tulisan, atau yang lainnya. Kode-kode yang
muncul selain itu silahkan dihapus saja.
Contoh
pada postingan diatas yang saya ambil hanya kode seperti dibawah ini,
kode-kode sebelumnya saya hapus, karena memang tidak perlu ada dan tidak
mengubah tampilan tulisan.
<h3
style="text-align: justify; text-indent: 36pt;"><span
style="font-family:
"Arial","sans-serif"; font-size:
11pt; font-weight: normal;">Memang benar, bahwa manusia tidak akan
bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan
keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang
kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada
dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan
sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk
menaklukkan alam. </span></h3>
Oke sobat, sekian dulu sharing kali ini. Semoga sukses selalu…, kritik dan sarannya saya tunggu komentar di bawah ini...~~~
Cara Membuat Menu Drop Down di Bawah Header Blog
Menu
drop down adalah adalah menu pada blog yang yang jika di sentuh
memunculkan menu-menu yang lain. Menu ini banyak macamnya, ada yang
dipasang pada header blog, sidebar blog ataupun pada tempat-tempat yang
lain.
Kali
ini kita akan membahas cara membuat menu drop down secara otomatis yang
terletak pada header blog, tepatnya dibawah header blog. Seperti menu
header yang ada pada “PSYCHOLOGYMANIA” ini.
Langsung saja kita coba sobat:
- Masuk pada Design --- edit HTML
- Jangan lupa kopi kode HTML sobat terlebih dahulu, jangan sampai ada kesalahan
- Beri tanda centang pada “Expand Widget Templates ”
- Kopi paste kode dibawah ini tepat diatas ]]></b:skin>
#catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIlLT1gZDF9Ee1T4dYT9rhaD2AdY_-zTVzrSRyCJF_sv1WBrGoBzI_AfmdbIfJbr0TKRXHAiNJFo4uJRwj9ZteAuQf0LRJB86dXiey-JnwiGPcShTtjfdcNNoMWr3qv1dimY4tThfzrAiN/s1600/2.gif) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7LBIjaJpaOwHI4EMcnDNVPYOXwF6Bh4ycGeP2yFTTj31jlWlHevqVZ4gnhfHC-b5lAVvsq6RAuLKXwNBF3bk_Gbn04JnPOg8iOFiiTDSuHunPnGsgQihlTEd3cRhetZM3YUkXa3XDUMs/) repeat-x;
height:33px;
}
#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}
#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrI6ZtKF4gQOhWBAHz1lixE6aZaT41tsAAevQdn7mb_RyMQ_aJV1RUG4x-eA00sKtXUiSccT61LEpN_rRjOXDJgie9FnP6kTu8Qsdz7BHLeK3OzMq80msH8s9OYiBgT3z627f4ZiCbZOv9/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrI6ZtKF4gQOhWBAHz1lixE6aZaT41tsAAevQdn7mb_RyMQ_aJV1RUG4x-eA00sKtXUiSccT61LEpN_rRjOXDJgie9FnP6kTu8Qsdz7BHLeK3OzMq80msH8s9OYiBgT3z627f4ZiCbZOv9/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}
#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#catmenu li li {
}
#catmenu li ul a {
width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active {
}
#catmenu li ul ul {
margin: -34px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}
#catmenu li:hover, #catmenu li.sfhover {
position: static;
}
5. Cari Kode <div id='content-wrapper'>
6. Kopi paste kode dibawah ini tepat dibawah kode <div id='content-wrapper'>
<div id='catmenucontainer'>
<div id='catmenu'>
<ul>
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-4</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-2</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-7</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-8</a></li>
</ul>
<div style='float:right;margin-right:20px;'>
<a
href='http://feedburner.google.com/fb/a/mailverify?uri=pbtemplates'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrDKz8J4YEfk_lSCYH-Gy4VlqwQt04tqWm-35ZTpty6R3S9JhxPYPX495OgkvhJ8R9m4Afd4PQ2NZzGQViZwDmoBSFK1Mg1jnfdvrF6w2QRLymxpjuVLRtMn8UWddN3slzTLwZkRYfpGA/'/></a>
<a
href='http://feeds.feedburner.com/pbtemplates'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmI_X3PDA-qZZaWuRglk8ICteQ2n8MJnrGgXnqIF_R5v1puYcLgkhtRxfAk-pRB9RA26XnQqBb6jy7fUMrDIPwmrs5J2mAdKYiqs_HxPCNIy7KoGjSOBTRWVE-TRh9LqYbZcR1zwP_Xuq/'/></a>
<a
href='http://www.twitter.com/btipandtrick'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHn9HBYwHXUbWZTJ_JELv9VYY3Yo3drMYk3jFqMUtHT_ei6ncdY0uA4WrfxgP8BUojciavsA1ztgtRdj9yeQkrrO3W_fqrecU8cMXHksNlTokfbq8vzXljUZz8Udasc8GZYIgiEZ2dKVY/'/></a>
<a
href='mailto:123@abc.com'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHGhzKIJ3mECAY1Rx2Egv2f5qqGZmgzbBvmMHbyXPTT86tq4RVgnbEcRTKEB1eNjn9KrlscOMvaCKw1OeDBwD0bQhORpYSsS6Y9XdP2GR_teZ46OoFiXQUhawJxkNdicPiNfNYqANcAc0G/'/></a>
</div>
</div>
</div>
<div class='clear'/>
7. Ganti kode-kode “'Your-Link-Here” dengan link yang ingin sobat masukkan dan “Link-Name” dengan nama link yang sobat inginkan.
8. Simpan template, dan lihat hasilnya….
Selamat mencoba semoga sukses…~~~
8. Simpan template, dan lihat hasilnya….
Selamat mencoba semoga sukses…~~~
Cara Membuat Daftar Isi Blog dengan Tab View
Daftar
isi blog sangat penting, untuk memudahkan pengunjung, tentang
konten-konten dan tulisan-tulisan apa saja yang ada dalam blog kita.
Salah satu cara membuat daftar isi blog itu dengan menggunakan tab view. Blogspot memang sudah memiliki konten daftar isi ini, tetapi, kelihatan tidak terlalu artistic, dan menunya tidak bisa diedit.
Sebenarnya,
dengan menggunakan tab view, bukan hanya daftar isi yang bisa
dimunculkan, tentang tergantung dari kebutuhan dan keinginan sobat. Kita
bisa menggantikannya dengan recent post (posting terakhir), popular post
(posting terpopuler) atau konten lainnya, atau mengkombinasikan hanya
dalam satu program, yaitu tab view. Jadi kegunaan tab view, juga bisa
menghemat tempat yang ada dalam blog kita.
Tab
view bisa digunakan dengan dua kolom, tiga kolom atau lebih. Tetapi
bagi saya sendiri lebih suka menggunakan tiga kolom. Coba sobat
perhatikan contoh tab view yang saya gunakan dibawah ini:
Tab
View in saya gunakan di PSCYHOLOGYMANIA pada bagian sidebar kiri.
Dengan menu tiga kolom, yaitu daftar isi, Journal dan E-Book. Cantik
bukan?
Jika
sobat ingin memasang tab view di blog sobat, saya akan berbagi dengan
sobat trik-trik bagaimana cara membaut tab view ini. Jadi sobat tinggal
pakai saja, dengan mengganti konten sesuai dengan keinginan sobat.
Ok, kita lanjut bagaimana memasang tab view di blog sobat. Ikuti langkah-langkah dibawah ini:
Silahkan login pada blog sobat --- >>> pilih rancangan ---- >>> element laman.
Tentukan dimana tab view dipasang (sidebar kiri atau kanan).
Buat/tambah gadget yang baru, kemudian copy script dibawah ini:
<div><style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 84px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:3px solid #ffffff; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#ffffff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #990000; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both;border-top:3px solid #ffffff;
/* Warna border Kotak Utama */ overflow:hidden; /* Warna background Kotak Utama */ }
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 279px;" class="Tabs">
<a>Dftr Isi</a>
<a>Journal</a>
<a>E-Book</a>
</div>
<div style="width:279px; height:375px; " class="Pages">
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Tokoh-Tokoh Psikologi</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psi. Tokoh-Tokoh Psikologi?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Psikologi Kepribadian</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psikologi Kepribadian?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Jurnal Psikologi Perkembangan</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q.Jurnal Psikologi Perkembangan?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Jurnal Psikologi Pendidikan & Konseling</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q. Jurnal Psikologi Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Clinical & Abnormal</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Psikologi Klinis dan Abnormal?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>Counseling & Education</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 84px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:3px solid #ffffff; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#ffffff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #990000; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both;border-top:3px solid #ffffff;
/* Warna border Kotak Utama */ overflow:hidden; /* Warna background Kotak Utama */ }
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 279px;" class="Tabs">
<a>Dftr Isi</a>
<a>Journal</a>
<a>E-Book</a>
</div>
<div style="width:279px; height:375px; " class="Pages">
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Tokoh-Tokoh Psikologi</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psi. Tokoh-Tokoh Psikologi?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Psikologi Kepribadian</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psikologi Kepribadian?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Jurnal Psikologi Perkembangan</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q.Jurnal Psikologi Perkembangan?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Jurnal Psikologi Pendidikan & Konseling</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q. Jurnal Psikologi Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
<div class="Page">
<div class="Pad">
<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3>Clinical & Abnormal</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Psikologi Klinis dan Abnormal?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>Counseling & Education</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>
Catatan:
- Sobat bisa mengganti link-link yang saya beri tanda warna dengan link yang ada pada blog sobat.
- Alangkah bagusnya, memilih link itu sesuai dengan link kategori/label blog sobat, jadi yang muncul di daftar isi adalah kategori/label tulisan yang sobat pilih
- Sobat juga bisa mengganti link setiap kolom (saya beri warna berbeda) dengan menu lain, misalnya recent post, popular post, yang srciptnya bisa sobat dapatkan secara mudah di google. searching aja, “cara membuat recent post atau popular post pada blog”.
- Ukuran tab view juga bisa sobat ubah ukurannya, silahkan sobat lihat pada awal-awal kode HTML script ini.
Cara Membuat Nomor Halaman Blog (Page Navigation)
Nomor
halaman blog sangat penting untuk navigasi pada sebuah blog. Jika
postingan sobat sudah banyak, maka keberadaan nomor halaman mungkin
adalah sebuah kebutuhan yang harus sobat miliki. Sobat tak usah membayar
untuk mendapatkannya, tinggal ikuti langkah-langkah yang saya berikan
dibawah ini, sobat sudah bisa memasangnya di blog sobat.
Perlu
sobat ketahui, bahwa, halaman blog ini muncul saat sobat masuk di
halaman muka (halaman utama blog), atau pada saat sobat masuk di
label/kategori blog sobat.
Langkah-langkah membuat nomor halaman blog adalah sebagai berikut:
- Silahkan sobat log in di blog sobat
- Pilih rancangan --- >>> edit HTML
- Silahkan cari kode ]]></b:skin> (untuk mempermudah silahkan copy kode tadi dan tekan Ctrl+F, kemudian Ctrl+V), kemudian masukkan script/HTML ini dibawah ini, diatas kode ]]></b:skin>
/* -- NUMBER PAGE NAVIGATION -- */
#blog-pager {padding:6px 10px}
.showpageArea{float:left;}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#FFFFFF;font:15px Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#aa1f20;text-decoration:none}
.showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpageNum a:hover{color:#fff;background:#3e3e3e;}
.showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpage a:hover{color:#fff;background:#3e3e3e;}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#FFFFFF;}
.addthis_toolbox{padding:0px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 1px 0 0px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
#comment-form iframe{padding:5px;width:475px}
4. Silahkan simpan (save) template sobat, dan lihat hasilnya.
5. Semoga sobat berhasil
6. Jika berhasil, silahkan berikan kementar sobat sebagai hadiah dan kenang-kenangan untuk PSYCHOLOGYMANIA. Terima kasih, atas kunjungan sobat.
6. Jika berhasil, silahkan berikan kementar sobat sebagai hadiah dan kenang-kenangan untuk PSYCHOLOGYMANIA. Terima kasih, atas kunjungan sobat.
Catatan:
Sobat
bisa mengubah warna background dan warna tulisan dengan mengubah kode
warna yang saya tandai dengan kode warna merah diatas.
Cara Membuat Scroll Tabel Pada Posting Blog
Sobat
blogger yang saya kagumi, mungkin masih banyak diantara kita mencari
dan bertanya, bagaimana cara membuat tabel yang berbentuk scroll pada
postingan blog. Scroll tabel itu seperti dibawah ini:
Scroll
tabel ini banyak digunakan pada postingan-postingan blog untuk tutotial
atau postingan lain, yang membutuhkan pemisahan antara paragraph utama
dengan sebuah lampiran yang panjang. Scroll tabel ini memang terlihat
indah jika dibandingkan dengan tabel biasa. Disamping itu tabel yang
berbentuk scroll, bisa menghemat tempat pada halaman blog.
Langsung saja sobat blogger praktekkan:
1. Pertama sobat harus edit tulisan pada menu Edit HTML, bukan compose atau yang lainnya
2. Tentukan
batas tulisan yang ingin di scroll dalam tabel. Jika sudah, tahu batas
tulisan itu, maka silahkan copy paste code/script dibawah ini:
<div style="overflow:auto;width:470px;height:150px;padding:10px;border:1px solid #000000">
Letakkan tulisan atau gambar atau yang lainnya yang ingin di Scroll dalam table DISINI…!!!</div>
Letakkan tulisan atau gambar atau yang lainnya yang ingin di Scroll dalam table DISINI…!!!</div>
3. Sangat simple bukan? Oke, sobat bisa mengedit width (width:470px), height (height:150px) dan warna border tabel (solid #000000) sesuai dengan keinginan sobat. Tutorial ini sangat singkat tapi sangat diperlukan.
4. Sekian
dan terima kasih. Jika sobat berhasil menggunakan tutorial ini, mohon
kiranya memberikan komentar sebagai kenang-kenangan untuk
PSYCHOLOGYMANIA.Cara Mempopulerkan Artikel Blog agar Ramai Pengunjung
Banyak
cara yang bisa ditempuh oleh seorang blogger agar artikel yang sudah
ditulis terbaca oleh khayalak ramai. Terkadang merupakan sebuah
kebanggan, jika artikel yang kita tulis dapat dibaca oleh orang lain. Mempengaruhi orang lain melalui ide-ide
dan pemikiran, berbagi pengetahuan, sharing pengalaman dan lain-lain
dalam artikel. Semua itu dapat terjadi, jika kita dapat mempromosikan
artikel tersebut supaya bisa dibaca oleh orang, jika tidak, artikel
tersebut hanya semacam kertas buram tanpa tulisan apa-apa (tidak
berguna).
Dibawah ini, diberikan berbagai cara mempopulerkan artikel pada blog agar bisa dibaca oleh orang lain.
Promosi Artikel
Promosi
artikel disini dengan memberikan link artikel ke penyedia iklan online,
seperti situs-situs berita, blog/website yang ramai pengunjung atau ke
distributor iklan online. Cara ini sangat ampuh mendatangkan
pengunjung/pembaca, tetapi tentunya cara ini tidak gratis, membutuhkan
biaya pengiklanan. Sehingga cara ini kurang praktis, apalagi bagi
seorang blogger yang terkena “kanker”.
Memamfaatkan Jejaring Sosial
Cara yang memperkenalkan artikel adalah melalui media jejaring sosial seperti facebook, twitter, kaskus,
skype dan lain-lain. Cara ini, sedikit berguna, apalagi pengunjung
jejaring social tersebut memang ramai, tetapi cara ini kurang praktis,
karena masih membutuhkan cara yang “manual”, karena harus mengkopi
link/artikel ke media jejaring sosial tersebut.
Melakukan Blog Walking
Cara
selanjutnya adalah blogwalking. Cara inipun terlihat praktis, dan juga
hitung-hitung sekalian silaturrahmi dengan blogger lain. Tetapi jika
mengandalkan blog walking untuk mempopulerkan artikel, saya rasa kurang
terlalu memadai. Memang, blog yang kita kunjungi kemungkinan besar akan
mengunjungi blog kita, tetapi biasanya hanya melihat tampilan blog saja,
tidak sampai membaca artikel yang kita maksud.
Memaksimalkan Search Engine
Search
engine adalah media yang sering digunakan oleh pencari berita/artikel.
Jika seorang blogger dapat memamfaatkan search engine ini dengan baik,
bisa dipastikan akan menjadi “raja” (banyak pengunjung). Salah satu
search engine yang terkenal adalah Google.
Semua blogger berlomba-lomba agar terindeks di search engine ini.
Karena tanpa membutuhkan biaya, dan pengunjungnya pun akan ramai jika
terindeks di search engine google, apalagi pada urutan pertama dihalaman pertama Google. Tinggal anda belajar, bagaimana cara terindeks dan menempatkan artikel dihalaman pertama Google.
Subscribe to:
Posts (Atom)