Post Game: bawah

Showing posts with label bawah. Show all posts

Tuesday, December 13, 2016

Cara Membuat Popular Post Bergerak Ke Bawah

Ikuti langkah-langkah di bawah ini :
1. Pertama sobat harus log-in dulu ke blog
2. kalau sobat sudah log-in. lalu masuk ke menu Tata letak.
3. lalu Click Add Gadget , lalu sobat pilih Entri Populer

4. Kemudian Pilih kembali Add Gadget, dan sekarang kita pilih HTML/JavaScript
5. Kemudian Copas ( Copy Paste ) kode di bawah ini

6.Kalau sudah di Copas , Sobat Pilih Simpan dan lihat hasilnya

::Semoga Bermanfaat dan Selamat Mencoba::

Go to link Download

Cara Membuat Iklan Melayang Di Bawah Dengan Tombol Close Ide Cemerlang

Ide Cemerlang.com - Cara Membuat Iklan Melayang di Bawah Dengan Tombol Close - Iklan Melayang di Bawah Blog Dengan Tombol Close - Posisi iklan ini memang sedikit mengganggu pembaca blog jadi hanya dikhususkan bagi iklan premium saja untuk PPC khususnya lokal kebanyakan tidak membolehkan memakai cara seperti ini dan hanya bagi blog yang komersil terbukti mampu melipatgandakan penghasilan dari iklan.

Cara Membuat Iklan Melayang di Bawah Dengan Tombol Close seperti ini sangat mudah.

1.Login ke blogger
2.Tata Letak
3.Dan pada widget bagian bawah "add gadget"
4. lalu Copy paste code dibawah ini

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById(floating_banner_top).style.display=none;return false;">
<img border="none" src="URL GAMBAR CLOSE"/>
</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

KODE IKLANYA DI SINI

</div>
</div>

Ket:
untuk "URL Gambar Close" adalah source gambar atau tombol close, untuk mengganti gambar atau tombol close sendiri tinggal ganti link source nya,nah di bawah ini akan saya berikan beberapa contoh gambar close beserta url-nya.

Iklan Melayang di Bawah Dengan Tombol Close

http://www.damorelaw.com/images/wingdings/closeButton.gif

http://www.mckinseyquarterly.com/App_Themes/v2.0/img/en-US/txt_close_button.gif

http://www.bankhomesdirect.com/images/buttons/closeButtonGradient.gif

Go to link Download

Cara Membuat Backlink Please Di Bawah Postingan Blog

kali ini saya akan posting tentang Cara Membuat Backlink Please Di Bawah Postingan Blog. Fungsi dari widget ini adalah agar kita bisa mengingatkan pengunjung untuk memberi backlink kepada postingan kita .Widget ini bisa kita sesuaikan mulai teks,warna,lebar,tinggi sehingga bisa fits ke dalam kolom posting blog kita,so check it out

1 . Log In Blogger
2 . Pergi Ke Template
3 . Klik Edit HTML
4 . Lalu Cari ]]> ( Gunakan CTRL + F )
5 . Masukan Kode Berikut Ini Tepat Di Atas ]]></b:skin>

#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}

6 . Oke Sekarang Tinggal Pasang HTML Nya
7 . Lalu Kemudian Cari Kode ( Gunakan CTRL + F ) | ( Usahakan Pilih Yang Terakhir )
8 . Masukan Kode Berikut Ini Tepat Di Bawah <data:post.body/>

<b:if cond=data:blog.pageType == "item">
<div id=XTbacklinks style=margin-top:30px;>
<div id=XTbacklinksTitle>
<a expr_href=data:post.url><data:post.title/></a>
</div>
<div id=XTbacklinksTitle>
Backlinks Please </div>
<table border=0 height=140 style=margin-left:7px; width=260>
<tr><td>URL<br/><input class=XTbkl expr_value=data:post.url onclick=this.focus();this.select(); readonly=readonly title=Press CTRL+C to copy type=text/></td></tr>
<tr><td>Code For Forum<br/><input class=XTbkl expr_value=" [URL=" + data:post.url + "]" + data:post.title + "[/URL] www.cheatermaninjau.net" onclick=this.focus();this.select(); readonly=readonly title=Press CTRL+C to copy type=text/></td></tr>
<tr><td>HTML Code<br/><textarea class=XTbkl onclick=this.focus();this.select(); readonly=readonly style=height:18px; title=Press CTRL+C to copy><a expr_href=data:post.url target=_blank><data:post.title/></a></textarea></td></tr>
<tr><td><script src=# type=text/javascript/></td></tr>
</table>
</div>
</b:if>

9. Simpan

sekian dari saya jika terjadi problem atau ingin bertanya Chat atau Komentar saja sob

Go to link Download

Cara Membuat related Post Di Bawah Postingan

Cara mudah membuat related post - Cara Baru Membuat Artikel Terkait dibawah Posting merupakan suatu cara baru yang harus kita terapkan pada blog yang kita punya jika dalam templete yang kita gunakan tidak ada related post / artikel terkait ini.

Fungsi dari memasang artikel terkait dalam setiap posting mempunyai pengaruh yang besar terhadap jumlah pageview setiap pengunjung. Bisa dibayangkan jika satu orang pengunjung blog anda membuka 2-4 artikel anda maka trafiik pun akan meningkat dan ini semakin membuat website / blog anda lebih disukai oleh search engine seperti google.

Jika anda tidak terlalu percaya dengan apa kata saya diatas, perhatikan sekarang dengan apa yang terjadi pada blog saya ini. Lihat pada widget Statistik Blog dan perhatikan aplikasi Histat saya yang menunjukkan counter Visitor dan Page View. Jika dihitung perbandingan antara keduanya adalah 1:4. sehingga dapat disimpulkan, pengunjung blog saya ini rata – rata membuka 4 halaman artikel setiap berkunjung. Tentunya selain artikel terkait yang saya pasang, saya juga Membuat Recent Post / Artikel yang terbaru saya terbitkan.

Jika anda tertarik ingin meningkatkan page view seperti saya tersebut, maka simak saja langkah dalam membuat artikel terkait dibawah ini karena sangat mudah dilakukan.

Cara membuat Related Post Artikel Terkait :

1. Login ke Akun Blog Anda, dalam hal ini blogger karena saya menggunakan blogspot

2. Klik Templete, lalu pilih Edit HTML

3. Kemudian anda cari kode <data:post.body/>,

Gunaka CTRL+F agar pencarian lebih Mudah dan jika menemukan kode tersebut lebih dari satu, gunakan kode yang ke-2 dari atas

4. Copy-paste kode berikut ini di bawah kode <data:post.body/> yang sudah saya jelaskan pada point nomor 2

<b:if cond=data:blog.pageType == "item">
<p style=font-style:bold;>ARTIKEL TERKAIT:</p>
<div class=rbbox>
<div style=margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;>
<div id=albri/>
<script type=text/javascript>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3; function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=data:posts var=post>
<b:loop values=data:post.labels var=label>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type=text/javascript>RelPost();</script>
</div>
</b:if>

5. Selanjutnya cari kode ]]></b:skin>

6. Copy-paste semua code berikut ini tepat diatasnya kode ]]></b:skin>

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}

7. Klik Save/Simpan Templete

KETERANGAN TAMBAHAN:

*ARTIKEL TERKAIT, = bisa diganti sesuai keinginan. misal: Related Post, Baca Juga, Read more ataupun yang lain terserah

*maxNumberOfPostsPerLabel = 50; = jumlah posting atau artikel terkait yang ingin Anda tampilkan

*maxNumberOfLabels = 3; = jumlah label terkait yang ingin ditampilkan

*background-color: #F2F2F2; = warna background kotakan artikel terkait dan bisa diganti sesuai selera

*background-color: #EFFBEF; = warna background saat kursor menyorot olom tersebut

*http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png = icon didepan link

Go to link Download

Cara Membuat Headline News Di bawah Header

Cara membuat Headlines News - Salah satu aksesories blog yang sangat penting adalah Headlines News, karena berfungsi menampilkan beberapa postingan terbaru blog anda sehingga pengunjung akan dengan mudah melihat apa artikel terbaru yang ada dalam blog anda.

Headlines News sama dengan Recent Post hanya saja tampilannya lebih simpel yang hanya menampilkan title atau judul dari beberapa postingan terbaru. Yang paling populer saat ini adalah menempatkan Headlines News di bagian bawah header, ada juga yang menempatkan di bagian atas dan di bawah menu (header). Namun sciptnya sama saja, untuk menempatkan di posisi mana itu terserah anda, namun pada kali ini saya akan membahas dengan cara menampilkan Headline News di bawah Header seperti yang ada pada gambar berikut.

Untuk membuatnya tidak terlalu sulih, dengan sedikit keberanin untuk mengotak atik script template blog anda kemudian menambahkan sedikit script di beberapa tag elemen Insya Allah langsung berhasil. Untuk lebih jelasnya berikut langkah langkahnya.

Pertama masuk ke akun blogger anda lalu KLIK Template => Edit HTML => Lanjutkan Kemudian CENTANG pada Expand Template Widget lalu cari kode ]]></b:skin> untuk memper cepat atau memudahkan pencarian CTRL+F kemudian copy paste kode ]]></b:skin> pada kolom yang muncul. Setelah menemukan kode di atas copy kode di bawah ini kemudian pastekan pas sebelum atau di atas kode ]]></b:skin> yang telah di cari tadi

.headline-wrapper{background:url(https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png) repeat-x;width:950px;height:30px;margin:0 auto;padding:0 auto}
.headline{width:950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#4f4f4f;overflow:hidden;clear:both;margin:0 auto;padding:0 auto;text-shadow: 1px 1px 1px #000}
.headline a:hover{color:#eace12;text-decoration:none}

Ganti yang berwarna biru dengan url gambar sesuai dengan background headlines news yang anda inginkan, kemudian yang berwarna pink boleh diganti dengan angka sesuai dengan lebar yang di inginkan.

Kemudian cari kode </head> untuk memudahkan gunakan kembali CTRL+F. Setelah ketemu Copy kode di bawah ini lalu pastekan sebelum atau di atas kode </head>

Kemudian cari kode berikut ini <b:section class=header id=header . hingga kurang lebih seperti berikut ini

<b:section class=header id=header maxwidgets=1 showaddelement=no>
<b:widget id=Header1 locked=true title=Your Title (Header) type=Header>
<b:includable id=main>

Setelah ketemu kode seperti di atas copy kode di bawah ini kemudian pastekan pas dibawahnya berikut kodenya

<div class=headline-wrapper>
<div class=headline>
<div style=float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;>
Headlines News :
</div>
<div style=float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;>
<script type=text/javascript>
var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")
cssfeed.addFeed("Latest Movies", "http://GANTI DENGAN URL BLOG ANDA/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style=clear:both;/>
</div>

Ganti tulisan yang berwarna biru dengan url Blog ANDA misanya url blog saya : www.suryafahik.blogspot.com lalu klik Simpan Template dan lihat hasilnya.

Semoga bermanfaat, dan anda juga bisa menemukan cara ini di sini. Ok demikianlah postingan kali ini, sampai jumpa lagi di lain kesempatan.

Go to link Download

Cara Membuat Efek Fadeout Di Bagian Bawah Blog CSS

Sebenarnya saya sudah tau cara ini dari dulu tapi karena sekarang-sekarang banyak yang make jadi tidak ada salahnya juga saya postingin Cara Membuat Efek Fadeout Di Bagian Bawah Blog, Efek ini di bilang cukup keren juga buat saya karena kalo diliat liat serasa gimana gitu hahaha

okeh bagi yang tertarik silahkan cekidot...

1. Masuk ke Blogger
2. Terus masuk ke Template > Edit HTML > Lanjutkan.
3. Cari kode </style> lalu COPAS kode berikut di atasnnya

#bottom_fade {
position:fixed;
bottom: 0;
height:100px;
width: 100%;
background: linear-gradient(bottom, white, transparent);
background:-o-linear-gradient(bottom, white, transparent);
background:-moz-linear-gradient(bottom, white, transparent);
background:-ms-linear-gradient(bottom, white, rgba(0, 0, 0, 0));
background:-webkit-linear-gradient(bottom, white, transparent);
background:-webkit-gradient(linear, left bottom, left top, from(white), to(transparent));
z-index: 999;
}

4. Jika sudah selanjutnya cari kode </body> lalu COPAS kode berikut di atasnya

<div id=bottom_fade/></div>

5. Klik Simpan Template.
selesai...

Catatan: Efek tersebut saya rancang agar hanya muncul di halaman artikel saja, jadi di halaman home tidak akan muncul

-Semoga Bermanfaat(^^,)-

Go to link Download

Cara Membuat Artikel Terkait di Bawah Posting Blog

Game PC Resident Evil 5 yaitu game terbaru yang merupakan petualangan Untuk seri, yang dimulai pada tahun 1996, tentang bioweapon virulen yang mengubah orang menjadi zombie dan lainnya kotor, monstrositas pustulant. Dalam apa yang sudah menjadi mungkin tema yang paling usang di game, pekerjaan pemain adalah untuk menyelamatkan umat manusia dari (lagi) kiamat zombie. Permainan lainnya di waralaba telah ditetapkan di tempat lain, seperti Amerika Serikat, Spanyol dan Amerika Selatan. Dalam Game Resident Evil 5 PC terbaru ini dirilis untuk Playstation 3 dan Xbox 360 dan PC game.

Resident Evil 5 game mengekspos keberadaan orang kulit hitam dan Arab yang menjadi zombie , sama seperti orang lain. Kulit hitam dan orang Arab tidak memiliki gen anti-zombie rahasia. Dan seperti semua ribuan putih, zombie Asia dan Hispanik yang telah dikirim dalam permainan lainnya yang tak terhitung banyaknya sebelum mereka, para zombie Afrika juga harus dimusnahkan, atau paling tidak dinetralisir.

Tidak ada pertanyaan bahwa Resident Evil 5 adalah kebanyakan tentang seorang pria putih dan setempat kafe-au-lait keren berlarian membunuh sekelompok Afrika gila (bukan orang kulit putih gila). Tapi ini bukan film. Ketika Anda berada dalam kendali tindakan penampilan ras atau etnis dari musuh Anda hanya berhenti mattering. Mekanisme dasar bergerak, menembak, menggunakan penutup, memecahkan teka-teki, menggunakan senjata dengan baik dan memahami lingkungan secara keseluruhan bersifat universal, tidak peduli apakah musuh alien atau Nazi atau zombie atau gangster atau salah satu kategori lain kita gunakan untuk menunjukkan "diterima untuk membunuh. "

Resident Evil 5 ini tentunya kekerasan, tetapi tidak merasa serampangan terutama dalam penggambaran kekerasan terhadap zombie Afrika. Inti cerita ini adalah bahwa masyarakat adat telah menjadi korban tak berdosa dari orang kulit putih yang jahat.

Semua yang mengatakan, Resident Evil 5 tidak mungkin telah dibuat di Amerika Serikat. Sensitivitas ras dan kebenaran politik yang berlaku akan memiliki eksekutif permainan Amerika menggeliat di Aeron mereka memimpin menit mereka membaca proposal anggaran untuk permainan yang menampilkan zombie Afrika.

Persyaratan minimum sotfware Komputer anda untuk bermain game Resident Evil 5 :
* OS: Windows XP
* CPU: Intel Pentium D / AMD Athlon 64 X2
* RAM: 1 GiByte Windows Vista / 512 MiByte Windows XP
* HDD: 8,0 GByte
* Monitor: 800 x 600 piksel
* Kartu grafis: 256 MiByte VRAM / Shader Model 3.0 / Nvidia Geforce 6800 / Ati Radeon HD 2400 Pro
* Input: Mouse dan keyboard

Persyaratan spesifikasi komputer yang dianjurkan untuk memainkan Resident Evil 5:
* OS: Windows Vista
* CPU: Intel Core 2 Quad / AMD Phenom X4
* RAM: 2 GiByte Windows Vista / 1 GiByte Windows XP
* HDD: 8,0 GByte
* Monitor: 1.280 x 720
* Kartu grafis: 512 MiByte VRAM / Nvidia Geforce 9800 / Ati Radeon HD 4800
* Input: Xbox 360 controller untuk Windows

Sekarang bagaimana dengan Resident Evil 5 sebagai permainan? Hal ini sangat baik tetapi jatuh pendek keunggulan karena kebingungan henti tentang apa semacam permainan itu ingin menjadi. Lihat, ada perbedaan antara horor-teror dan habis-habisan tindakan. Seri Resident Evil pada dasarnya menciptakan genre survival horor, yang berarti menyelinap di sekitar saat Anda bertanya-tanya ketika rakus pemakan daging selanjutnya akan pop keluar pada Anda. Tapi Resident Evil 5 di kali merasa seolah-olah itu mencoba untuk menjadi Gears of War, di mana Anda peledakan pergi sepanjang waktu.

Itulah mengapa hal itu menjengkelkan bahwa Resident Evil 5 menolak untuk berkomitmen untuk konvensi tindakan dasar seperti konsep intuitif bahwa Anda dapat memindahkan dan menembak pada saat yang sama, yang harus tampak jelas. Sebaliknya permainan menempel pada akar dengan immobilisasi pemain setiap kali Anda menarik pistol Anda keluar. Muncul begitu saja seperti sebuah penemuan, tidak lebih.

Meskipun demikian Resident Evil 5 adalah sebagian besar menyenangkan. bermanin single-player sangat mengasikan anda gamer bisa 8 sampai 12 jam tak bosan memainkan ini, tergantung pada keahlian dan tingkat kesulitan. untuk anda yang akan mendownload nya saya sediakan link download Game Resident Evil 5 di bawah ini.

Go to link Download

Cara Membuat Related post dengan LinkWithin Bawah Posting Tidak Muncul di Homepage

Selamat malam sobat blogger !!! Kali ini aq akan memposting tentang Cara Membuat Related post. Setelah dulu aq sudah pernah posting tentang Cara Membuat Artikel terkait/Related Post di blog, sekarang juga gak jauh berbeda tuh. Cuman ini dengan LinkWithin Bawah Posting (Tidak Muncul di Homepage).

Yang berminat, silahkan disimak ya !

Cara Membuat Related post dengan LinkWithin Bawah Posting :

1. Silahkan kunjungi www.linkwithin.com

2. Kalau sudah, isi data seperti gambar dibawah ini

3. Lalu klik tombol "Get Widget"

4. Klik "Install Widget"

5. Pada kolom Pilih sebuah blog, silahkan isi dengan nama blog anda

6. Klik Edit Template

7. Ganti kode pada Edit Template dengan kode dibawah ini :

<b:includable id="main"><b:if cond=data:blog.pageType == "item"><data:content/></b:if></b:includable>

8. Lalu klik "Add Widget/Memasang Widget"

9. Maka secara otomatis widget link within akan terpasang di gadget, lalu simpan dan lihat hasilnya.

Selamat mencoba sobat... :)

Go to link Download

Cara Membuat Related Post di Bawah Posting

Berhubung saya lagi capek dan tidak terlalu semangat untuk menulis atau mencari sesuatu, maka dari itu saya memposting saja cara membuat related post, gimana ya sob emang saya orangnya gitu hehe agak pemalas tapi ya kalau mau rajin pasti ranking 1 terus, mungkin hehe. karena agak malas langsung saja sob... Check This Out....

Pertama-tama seperti biasanya login ke blogger lalu Edit Html

Yang kedua cari kode dibawah ini

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

Trus taruh kode dibawah ini dibawah kode <p><data:post.body/></p>

<b:if cond=data:blog.pageType == "item">
<H2>Artikel Terkait:</H2>
<DIV class=rbbox>
<DIV style=margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;>
<DIV id=albri/>
<SCRIPT type=text/javascript>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=data:posts var=post>
<b:loop values=data:post.labels var=label>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</SCRIPT>
</DIV>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>

Jika sudah cari kode dibawah ini

]]></b:skin>

Setelah ketemu, letakkan kode di bawah ini diatas kode ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #000;-moz-border-radius:5px; margin:5px;}

Lalu letakkan kode dibawah ini dibawah ]]></b:skin>

<SCRIPT src=http://strip-ads.googlecode.com/files/relatedpost-versi2.js type=text/javascript/>

Selesai

Semoga berhasil dan bermanfaat...:D

Go to link Download

Cara membuat menu Dropdown menambah bagian bawah menu laman dengan mudah

Cara Membuat Dropdown Menu di Blogspot - Belakangan banyak teman-teman yang menanyakan kepada saya, bagaimana cara membuat menu tapi dengan tampilan ke bawah. Walaupun sudah terjawab satu-persatu tapi ada baiknya sekalian saya post disini. Mungkin teman-teman blogger sekalian ada yang membutuhkannya.

Dropdown menu adalah menu yang biasanya berisi link-link untuk menuju halaman tertentu. Tidak hanya itu, menu-menu ini juga memiliki sub menu lagi yang tampil ke bawah dari menu tersebut oleh karena itu menu ini disebut dropdown menu, karena tampilnya ke bawah. Sedikit bingung dengan penjelasan saya ? baiklah, saya akan berikan contohnya.

Menu dropdown tersebut menggunakan sedikit tambahan pada bagian style CSS, menggunakan efek melengkung (perhatikan ujung-ujung menu, terlihat tidak membentuk siku). Lalu, cara menambahkannya ke blog susah tidak ? tentunya tidak sulit, kali ini kita hanya perlu memasukan 1 script ke TEMPLATE dan 1 script lagi ke bagian menu TATA LETAK.

Berikut saya perjelas langkah-langkahnya !

1. Login ke www.blogger.com menggunakan akun blog anda.

2. Buka menu TEMPLATE, pilih EDIT HTML

3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian)

4. Setelah ketemu, masukan kode dibawah ini tepat di atas kode ]]></b:skin>

#DropdownMenu {
 background:#ff6803;
border-radius:6px;
 width: 880px;
 height: 35px;
 font-size: 12px;
 font-family: Arial, Tahoma, Verdana;
 color:#FFFFFF;
 font-weight: bold;
 margin-bottom: 30px;
 padding: 2px;


} 
#Dropdownbox {
 width: 875px;
border-radius:6px;
 float: left;
 margin: 0;
 padding: 0;
}

#strike { 
border-radius:6px;
 margin: 0;
 padding: 0;
}
#strike ul {
border-radius:6px;
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#strike li {
border-radius:6px;
 list-style: none;
 margin: 0;
 padding: 0;
}
#strike li a, #strike li a:link, #strike li a:visited {
border-radius:6px;
 color:#FFFFFF;
 display: block;
 font-size: 16px;
 font-family: Georgia, Times New Roman;
 font-weight: normal;
 margin: 0;
 padding: 9px 15px 8px;
}
#strike li a:hover, #strike li a:active {
border-radius:6px;
 background:#FFFFFF;
 color:#ff6803;
 margin: 0;
 padding: 9px 15px 8px;
 text-decoration: none;
}
#strike li li a, #strike li li a:link, #strike li li a:visited {
border-radius:6px;
 background:#ff6803;
 width: 150px;
 color:#FFFFFF;
 font-size: 14px;
 font-family: Georgia, Times New Roman;
 font-weight: normal;
 float: none;
 margin: 0;
 padding: 7px 10px;
 border-bottom: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
}
#strike li li a:hover, #strike li li a:active {
border-radius:6px;
 background:#FFFFFF;
 color:#ff6803;
 padding: 7px 10px;
}
#strike li {
border-radius:6px;
 float: left;
 padding: 0;
}
#strike li ul {
border-radius:6px;
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 170px;
 margin: 0;
 padding: 0;
}
#strike li ul a {
border-radius:6px;
 width: 140px;
}
#strike li ul ul {
border-radius:6px;
 margin: -32px 0 0 171px;
}
#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover ul ul ul {
border-radius:6px;
 left: -999em;
}
#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {
border-radius:6px;
 left: auto;
}
#strike li:hover, #strike li.sfhover {
border-radius:6px;
 position: static;
}

5. Untuk kode yang di beri warna merah dan putih itu merupakan kode warna. Anda bisa mengganti warna background dan tulisan dari menu yang akan anda buat. Untuk kode #ff6803 itu adalah warna orange, yang menjadi warna background dari menu ini, silahkan anda ganti bila memang perlu. Lalu untuk kode #FFFFFF yang di dalam kotak berwarna putih, itu adalah untuk warna tulisan dalam menu.. Silahkan anda ganti bila memang diperlukan. Bila anda kesulitan untuk menentukan kode warna, silahkan cari disni Kode HTML warna.
6. Bila sudah, silahkan SIMPAN template anda
7. Sekarang kita menuju menu TATA LETAK
8. pilih TAMBAH GADGET/ADD GADGET lalu cari HTML/JAVA SCRIPT
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)

<div id="DropdownMenu">
 <div id="Dropdownbox">
 <ul id="strike">
 <li><a href="#">Menu1</a></li>
 <li>
 <a href="#">Menu2</a>
 <ul>
 <li>
 <a href="#">Sub Menu 2</a>
 <ul>
 <li><a href="#">Sub Sub Menu 2</a></li>
 <li><a href="#">Sub Sub Menu 2</a></li>
 <li><a href="#">Sub Sub Menu 2</a></li>
 </ul>
 </li>
 <li><a href="#">Sub Menu 3</a></li>
 <li><a href="#">Sub Menu 4</a></li>
 <li><a href="#">Sub Menu 5</a></li>
 <li><a href="#">Sub Menu 6</a></li>
 </ul>
 </li>
 <li><a href="#">Menu 3</a></li>
 <li><a href="#">Menu 4</a></li>
 </ul>
 </div>
 </div>

10. Anda bisa ganti kata-kata Menu1, Menu 2 dan yang lain dengan nama menu yang anda inginkan dan untuk kode "#" itu adalah alamat link dari menu yang anda buat. Sengaja saya beri tanda # agar tidak menuju halaman apapaun, silahkan anda ganti dengan alamat link yang anda inginkan.

11. Bila sudah klik SIMPAN, dan lihat perubahannya pada blog anda.

Go to link Download

Post Game

Tuesday, December 13, 2016

Cara Membuat Popular Post Bergerak Ke Bawah

Cara Membuat Popular Post Bergerak Ke Bawah

Thursday, December 8, 2016

Cara Membuat Iklan Melayang Di Bawah Dengan Tombol Close Ide Cemerlang

Cara Membuat Iklan Melayang Di Bawah Dengan Tombol Close Ide Cemerlang

Saturday, November 26, 2016

Cara Membuat Backlink Please Di Bawah Postingan Blog

Cara Membuat Backlink Please Di Bawah Postingan Blog

Cara Membuat related Post Di Bawah Postingan

Cara Membuat related Post Di Bawah Postingan

Cara membuat Related Post Artikel Terkait :

Saturday, November 19, 2016

Cara Membuat Headline News Di bawah Header

Cara Membuat Headline News Di bawah Header

Saturday, November 5, 2016

Cara Membuat Efek Fadeout Di Bagian Bawah Blog CSS

Cara Membuat Efek Fadeout Di Bagian Bawah Blog CSS

Tuesday, November 1, 2016

Cara Membuat Artikel Terkait di Bawah Posting Blog

Cara Membuat Artikel Terkait di Bawah Posting Blog

Saturday, October 29, 2016

Cara Membuat Related post dengan LinkWithin Bawah Posting Tidak Muncul di Homepage

Cara Membuat Related post dengan LinkWithin Bawah Posting Tidak Muncul di Homepage

Friday, October 28, 2016

Cara Membuat Related Post di Bawah Posting

Cara Membuat Related Post di Bawah Posting

Tuesday, October 11, 2016

Cara membuat menu Dropdown menambah bagian bawah menu laman dengan mudah

Cara membuat menu Dropdown menambah bagian bawah menu laman dengan mudah