TUTORIAL : Convert to Simple Template

korang nak guna simple template tak ? kalau tak tau macamana nak tukar, sila ikut step di bawah...

mula mula pergi ke DASHBOARD > DESIGN > TEMPLATE DESIGNER

pastu ikut step bawah ni..

  1. tekan Template

  2. choose SIMPLE

  3. pilihlah korang nak guna design yang mana...

  4. dah siap , bolehlah APPLY TO BLOG ^^

senang kan ??

Info : Taj Mahal

Taj Mahal, Agra, India

Taj Mahal is regarded as one of the eight wonders of the world, and some Western historians have noted that its architectural beauty has never been surpassed. The Taj is the most beautiful monument built by the Mughals, the Muslim rulers of India. Taj Mahal is built entirely of white marble. Its stunning architectural beauty is beyond adequate description, particularly at dawn and sunset. The Taj seems to glow in the light of the full moon. On a foggy morning, the visitors experience the Taj as if suspended when viewed from across the Jamuna river.

Taj Mahal was built by a Muslim, Emperor Shah Jahan (died 1666 C.E.) in the memory of his dear wife and queen Mumtaz Mahal at Agra, India. It is an "elegy in marble" or some say an expression of a "dream." Taj Mahal (meaning Crown Palace) is a Mausoleum that houses the grave of queen Mumtaz Mahal at the lower chamber. The grave of Shah Jahan was added to it later. The queen’s real name wasArjumand Banu. In the tradition of the Mughals, important ladies of the royal family were given another name at their marriage or at some other significant event in their lives, and that new name was commonly used by the public. Shah Jahan's real name was Shahab-ud-din, and he was known as Prince Khurram before ascending to the throne in 1628.

Taj Mahal was constructed over a period of twenty-two years, employing twenty thousand workers. It was completed in 1648 C.E. at a cost of 32 Million Rupees. The construction documents show that its master architect was Ustad ‘Isa, the renowned Islamic architect of his time. The documents contain names of those employed and the inventory of construction materials and their origin. Expert craftsmen from Delhi, Qannauj, Lahore, and Multan were employed. In addition, many renowned Muslim craftsmen from Baghdad, Shiraz and Bukhara worked on many specialized tasks.

The Taj stands on a raised, square platform (186 x 186 feet) with its four corners truncated, forming an unequal octagon. The architectural design uses the interlocking arabesque concept, in which each element stands on its own and perfectly integrates with the main structure. It uses the principles of self-replicating geometry and a symmetry of architectural elements.

Its central dome is fifty-eight feet in diameter and rises to a height of 213 feet. It is flanked by four subsidiary domed chambers. The four graceful, slender minarets are 162.5 feet each. The entire mausoleum (inside as well as outside) is decorated with inlaid design of flowers and calligraphy using precious gems such as agate and jasper. The main archways, chiseled with passages from the Holy Qur’an and the bold scroll work of flowery pattern, give a captivating charm to its beauty. The central domed chamber and four adjoining chambers include many walls and panels of Islamic decoration.

The mausoleum is a part of a vast complex comprising of a main gateway, an elaborate garden, a mosque (to the left), a guest house (to the right), and several other palatial buildings. The Taj is at the farthest end of this complex, with the river Jamuna behind it. The large garden contains four reflecting pools dividing it at the center. Each of these four sections is further subdivided into four sections and then each into yet another four sections. Like the Taj, the garden elements serve like Arabesque, standing on their own and also constituting the whole.

valuable ?
ilalliqa'

Tazkirah : Tanggungjawab Remaja muslim

Setiap remaja muslim mempunyai tanggungjawab terhadap agama Islam,yang mesti ditunaikan di dalam dunia ini.Setiap remaja muslim perlu berusaha untuk menjadi remaja haraki agar tanggungjawab ini dapat dilaksanakan dengan sempurna.Tidak ada seorang pun yang dapat melepaskan dirinya daripada melaksanakan tanggungjawab ini.

Rasulullah bersabda bermaksud:

"Semua kamu adalah pemimpin dan semua kamu adalah bertanggungjawab terhadap rakyatnya"(Hadith riwayat Al-Bukhari)

Apa yang kita maksudkan dengan remaja haraki, Remaja Haraki ialah seorang remaja yang telah menyertai aktiviti pergerakan Islam,yang telah mengistiharkan dengan cara terbuka dan jelas bahawa perjuangannya adalah membina masyarakat Islam,melaksanakan syari'at Islam, mengembalikan Khilafah Islamiyyah di dunia ini, sepertimana yang ditunjukkan oleh Rasululah SAW.

Remaja haraki yang seperti ini sewajarnya mempunyai tugas yang besar dalam masyarakat hari ini yang tidak mungkin dapat memainkan peranannyaa jikalau tidak mempunyai bekalan yang secukupnya. Maka timbullah pula tanggungjawab harakah untuk menyediakan bekalan dan tarbiyah kepada terhadap anggota-anggota.

moga bermanfaat

Ilalliqa'

TUTORIAL : Kotak di Sidebar Denim Template

ni kalau korang nak kemaskan sikit widget widget korang kat sidebar tu, boleh lah buat eh

versi denim template

1. Template > Edit HTML

2. Tekan F3 atau CTRL+F serentak dan cari kod ini :

.sidebar .widget {

3.  Kalau bawah dia ada code seperti :

Margin-bottom: 1em;

}

**Atau yang lebih kurang sama, bolehlah buang

4. K, sekarang copy kod bawah ni dan pastekan di bawah kod ni tadi .sidebar .widget

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border-radius: 20px;

border:2px dotted #000000;

margin:2.5em 0.75em;

padding:5px;

font-size: 95%;

background:#ffffff;

}

5. Preview lah dulu, kalau jadi korang save , ok!

------------ 

AA : Tebal line border

AA : Jenis Line tepi border ( Solid / Dashed / Dotted )

AA : Tebal Border

AA : Warna line tu. Boleh tukar ikut warna korang suka k. tapi guna code dialah ye 

TUTORIAL : Ubah Kedudukan Sidebar dan Post Denim Template

ni tutorial untuk denim template sahaja .

untuk tukar kedudukan post body

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod ini

#main-wrapper 

3. korang akan jumpa kod macam bawah ni kan ?

  #main-wrapper {

  margin-$startSide: 14px;

  width: 680px;

  float: $startSide;

  background-color: $mainBgColor;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

  }

4. tukarkan code yang NZ highlightkan supaya jadi macam bawah ni 

#main-wrapper {

  margin-right: 14px;

  width: 680px;

  float: right;

  background-color: $mainBgColor;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

  }

5. Preview dan kalau jadi terus SAVE !

+++++++++++++++++++++++++++++++++++++++++

untuk tukar kedudukan sidebar

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod ini

#sidebar-wrapper 

3. korang akan jumpa kod macam bawah ni kan ?

#sidebar-wrapper {

  margin-$endSide: 14px;

  width: 290px;

  float: $endSide;

  background-color: $mainBgColor;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}

4. tukarkan code yang NZ highlightkan supaya jadi macam bawah ni  

#sidebar-wrapper {

  margin-left: 14px;

  width: 290px;

  float: left;

  background-color: $mainBgColor;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

 }

5. Preview dulu dan kalau dah jadi bolehlah SAVE yee !

TUTORIAL : Post Title bergambar untuk Denim Template

nak ubah post title denim template korang jadi cam atas tu tak ?

kalau nak, ikut step bawah ni

1. DASHBOARD > DESIGN > EDIT HTML

2. tekan CTRL+F serentak, cari kod bawah ni ,

.post-title {

3. DELETE anak anak kod yang ada di bawah .post-title {

delete dari margin: sampai }

4. Copy code bawah ni dan pastekan di bawah .post-title { tadi,

 font-family:arial;

 color: #000000;

 font-size:14px;

 text-align:center;

 -moz-border-radius: 1em 4em 1em 4em;                

 border-radius: 1em 4em 1em 4em; 

 text-shadow: 3px 3px 3px #FFFFFF;

 border: 2px solid  #000000;

 background : url(URL BACKGROUND);

 padding: 5px; margin: 20px ;

}

5. PREVIEW dan kalau jadi bolehlah SAVE

**yang berwarna tuh boleh tukar ikut kesukaan korang 

GUIDE

pink : jenis font untuk title post korang tuh. boleh cari dekat Word dalam PC korang

blue : besar tulisan post title tu

orange : jenis border . kalau nak tukar boleh cari DI SINI

yellow : boleh tukar dashed, dotted atau solid

grey : tebal border Post title tu

green : tebal shadow tulisan

dark blue : warna bayang bayang untuk tulisan . boleh cari SINI 

red : URL untuk background post title tuh

TUTORIAL : Tukar Background Denim Template

1. DASHBOARD > DESIGN > TEMPLATE DESIGNER

pastu ikut step dalam gambar ni untuk buang BG yang sedia ada..takut jadi duplicated nanti..

sekarang kita masuk tutorial untuk letak background blog kita tuh..

1. DASHBOARD > DESIGN > EDIT HTML 

2. Tekan CTRL+F serentak dan cari kod bawah ni :

body {

3. DELETE anak kod yang tak berguna dibawah kod body { tu 

***contohnya macam bawah ni , (mungkin coding blog korang sama, mungkin juga tak. yang penting buang kod bawah body { tu..)

delete dari background: sampai }

4. Gantikan dengan kod bawah ni  :

background: url('URL BACKGROUND ANDA DI SINI') fixed;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

}

**so dia akan jadi begini setelah URL BG tu diletakkan :

5. Preview dan kalau menjadi SAVE!

Gantikan URL BACKGROUND DI SINI tu dengan URL sebenar background yang korang nak ^^

ni freebies .NZ design ..hehe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJMToqB86QvJj_ARTKfXV-5jm1VwK9BTdv1b_DJHwGbAP8RW3uSwyRv_XV6-WHUZags3Vc9i-Gbf034z6PIs_bmE-NSTR7Vix7UBQaN-hf0ZrcOllSGuG33B9Eky64oG_Ri5SPSzRjqPJ/s1600/Untitled-1.png

TUTORIAL : Transparent Header Denim Template

nampak tak kotak warna biru tu ?

kalau nak buang , ce try step bawah ni

1. DASHBOARD > DESIGN > TEMPLATE DESIGNER 

ikut dalam gambar

ADVANCED > PAGE HEADER CORNER COLOUR > choose TRANSPARENT

oke, dah hilang ^^ tapi yang bahagian tepi jee . 

------------------

ni pulak untuk bunag yang tengah tu

 ikut dalam gambar
ADVANCED > PAGE HEADER BACKGROUND COLOUR > choose TRANSPARENT

oke, dah hilang semua ^^ 

----------------------

ni pulak untuk buang tulisan yang ada kat header tu ...*maaf NZ dah terbuang dulu

ikut dalam gambar 

 ADVANCED > PAGE HEADER TEXTCOLOUR > choose TRANSPARENT

hilang kan tulisan kat atas header tu kan kan ??

2. APPLY TO BLOG

kalau tak jadi, inform yee ^^ 

TUTORIAL : Simple Post Title For Denim Template

ini tutorial untuk post title

SIMPLE

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod bawah ni :

.post-title {

3. Copy kod bawah ni :

font-family:century gothic;

color: #000000;

font-size:15px;

text-align:right;

-moz-border-radius: 35px;

border-radius: 35px;

text-shadow: 4px 4px 4px #FFFFFF;

border: 3px dotted  #000000;

background : #FFFFFF;

padding: 4px; margin: 20px;

4. Pastekan di bawah code .post-title { tadi

5. Preview dan kalau jadi terus SAVE !

Oren pekat ; Jenis tulisan yang korang nak

Kuning ; Warna tulisan

Biru Pekat : saiz tulisan

Biru Cair ; kedudukan tulisan

Oren cair ; jenis border 

Hijau : saiz bayang bayang tulisan

merah jambu; warna bayang bayang tulisan

hijau cair : ketebalan border tajuk

biru laut : jenis line tepi border : dotted, solid, dashed

ungu; warna border

coklat ; warna background post title

merah cair : besar border

kod untuk warna di SINI

TUTORIAL : Convert to Denim Template

• Dashboard > Design > Edit HTML > select Layout Template

•  pilih DENIM Template > Save template

• ok jadiiiii !!